@linktr.ee/messaging-react 3.3.6-rc-1781144689 → 3.3.7-rc-1781176499

package/dist/{index-DkqNYdg4.js → index-DmimisTH.js}

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import j, { 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 { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
+import $, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } 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, defaultRenderMessages as ds, ChannelList as us } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as be, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as pe, GiftIcon as Es, ThumbsUpIcon as Is, ThumbsDownIcon as Ss, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Mt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
-import C from "classnames";
-import { MessageActions as Ps, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
+import { Chat as In, 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, ChannelList as cs } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as ds, SpinnerGapIcon as Ce, SignOutIcon as us, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as ms, SpeakerHighIcon as hs, VideoCameraIcon as Gt, FileMdIcon as fs, FileTextIcon as gs, FileZipIcon as bs, FilePptIcon as ps, FileCsvIcon as vs, FileXlsIcon as xs, FileDocIcon as ws, FilePdfIcon as _s, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as Ns, LinkIcon as ys, DownloadSimpleIcon as be, GiftIcon as Cs, ThumbsUpIcon as ks, ThumbsDownIcon as Es, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Is, SparkleIcon as Ue, ProhibitIcon as Ts, ArrowLeftIcon as Mt, PencilSimpleIcon as As, CaretLeftIcon as Ms, CaretRightIcon as Rs } from "@phosphor-icons/react";
+import y from "classnames";
+import { MessageActions as Ls, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Rt } from "stream-chat";
 const Yt = Ge({
   service: null,
@@ -16,7 +16,7 @@ const Yt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Te(Yt), Ci = ({
+}), qe = () => Te(Yt), wi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,7 +24,7 @@ const Yt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const o = Y(
+  const o = W(
     (k, ...T) => {
       i && console.log(`🔥 [MessagingProvider] ${k}`, ...T);
     },
@@ -36,14 +36,14 @@ 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), _ = G(!1), x = G({
+  const [l, d] = P(null), [m, b] = P(null), [u, f] = P(!1), [c, g] = P(!1), [p, v] = P(null), _ = H(!1), x = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), I = G(0);
-  I.current++, o("📊 RENDER INFO", {
-    renderCount: I.current,
+  }), S = H(0);
+  S.current++, o("📊 RENDER INFO", {
+    renderCount: S.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: x.current.userId !== (t == null ? void 0 : t.id),
@@ -56,8 +56,8 @@ const Yt = Ge({
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }, H(() => {
-    const k = I.current;
+  }, Y(() => {
+    const k = S.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: k,
       apiKey: !!a,
@@ -95,8 +95,8 @@ const Yt = Ge({
       }), T.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const E = G(null);
-  H(() => {
+  const E = H(null);
+  Y(() => {
     var T, N;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
@@ -124,13 +124,13 @@ const Yt = Ge({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const S = await l.connectUser(t);
-        b(S), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const I = await l.connectUser(t);
+        b(I), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: S.userID
+          clientId: I.userID
         });
-      } catch (S) {
-        const R = S instanceof Error ? S.message : "Connection failed";
+      } catch (I) {
+        const R = I instanceof Error ? I.message : "Connection failed";
         v(R), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: R
@@ -142,7 +142,7 @@ const Yt = Ge({
         });
       }
     })();
-  }, [l, t, o, u]), H(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [l, t, o, u]), Y(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!l,
     isConnected: u
   }), () => {
@@ -154,7 +154,7 @@ const Yt = Ge({
       isConnected: u
     });
   }), [l, u, o]);
-  const M = Y(async () => {
+  const M = W(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]), D = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), D = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,11 +204,11 @@ const Yt = Ge({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: I.current,
+    renderCount: S.current,
     willRenderChat: !!(m && u),
     contextValueReady: !!D
   }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
-    Tn,
+    In,
     {
       client: m,
       customClasses: {
@@ -217,12 +217,12 @@ const Yt = Ge({
       children: e
     }
   ) : e });
-}, Os = () => qe(), qt = (e) => {
+}, Ds = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = P(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return H(() => {
+  return Y(() => {
     var o;
     if (!e) {
       s(!1);
@@ -239,13 +239,13 @@ const Yt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, zs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function $s(e) {
-  return zs.test(e.trim());
+}, Ps = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Os(e) {
+  return Ps.test(e.trim());
 }
 function Lt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !$s(s);
+  return !s || t && s === t ? !1 : !Os(s);
 }
 function Wt(e) {
   return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -278,7 +278,7 @@ const Dt = [
   "🍈"
   // Melon
 ];
-function Fs(e) {
+function zs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,11 +286,11 @@ function Fs(e) {
   }
   return Math.abs(t);
 }
-function Bs(e) {
-  const s = Fs(e) % Dt.length;
+function $s(e) {
+  const s = zs(e) % Dt.length;
   return Dt[s];
 }
-const re = ({
+const ae = ({
   id: e,
   image: t,
   size: s = 40,
@@ -299,7 +299,7 @@ const re = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = $s(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -310,7 +310,7 @@ const re = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: y(
         "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 re = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: y(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -342,7 +342,7 @@ const re = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -361,7 +361,7 @@ const re = ({
       ]
     }
   );
-}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
+}, Fs = "https://linktr.ee/s/about/trust-center/report", Bs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -375,8 +375,8 @@ const re = ({
   logLabel: b = "useChannelModerationActions"
 }) => {
   var F;
-  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = O(!1), [_, x] = O(null), [I, E] = O(!1), [M, D] = O(!1), k = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
-  return H(() => {
+  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = P(!1), [_, x] = P(null), [S, E] = P(!1), [M, D] = P(!1), k = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
+  return Y(() => {
     if (!g || !u || !c) {
       v(!1), x(null);
       return;
@@ -384,15 +384,15 @@ const re = ({
     let A = !1;
     return (async () => {
       try {
-        const P = await u.getBlockedUsers();
+        const L = await u.getBlockedUsers();
         if (A) return;
         v(
-          P.some(
+          L.some(
             (z) => z.blocked_user_id === c
           )
         );
-      } catch (P) {
-        A || console.error(`[${b}] Failed to check blocked status:`, P);
+      } catch (L) {
+        A || console.error(`[${b}] Failed to check blocked status:`, L);
       } finally {
         A || x({ participantId: c, service: u });
       }
@@ -402,28 +402,28 @@ const re = ({
   }, [g, u, c, b]), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: k,
-    isLeaving: I,
+    isLeaving: S,
     isUpdatingBlockStatus: M,
     handleLeaveConversation: async () => {
       var A;
-      if (!I) {
+      if (!S) {
         o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), E(!0);
         try {
-          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);
+          const L = ((A = e._client) == null ? void 0 : A.userID) ?? null;
+          await e.hide(L, !1), r && await r(e), m == null || m();
+        } catch (L) {
+          console.error(`[${b}] Failed to leave conversation`, L);
         } finally {
           E(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var A, P, z;
+      var A, L, 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), D(!0);
         try {
-          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();
+          await u.blockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.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 {
@@ -432,11 +432,11 @@ const re = ({
       }
     },
     handleUnblockUser: async () => {
-      var A, P, z;
+      var A, L, 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), D(!0);
         try {
-          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();
+          await u.unBlockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.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 {
@@ -445,10 +445,10 @@ const re = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Fs, "_blank", "noopener,noreferrer");
     }
   };
-}, fe = ({
+}, he = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -457,7 +457,7 @@ const re = ({
   "button",
   {
     type: "button",
-    className: C(
+    className: y(
       "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,16 +479,16 @@ const re = ({
   customChannelActions: b,
   triggerClassName: u
 }) => {
-  const [f, c] = O(!1), g = G(null), p = En(), v = Y(() => c(!1), []), {
+  const [f, c] = P(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
     isParticipantBlocked: _,
     isCheckingBlockedStatus: x,
-    isLeaving: I,
+    isLeaving: S,
     isUpdatingBlockStatus: E,
     handleLeaveConversation: M,
     handleBlockUser: D,
     handleUnblockUser: k,
     handleReportUser: T
-  } = js({
+  } = Bs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -501,15 +501,15 @@ const re = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return H(() => {
+  return Y(() => {
     if (!f) return;
-    const S = (F) => {
+    const I = (F) => {
       g.current && !g.current.contains(F.target) && c(!1);
     }, R = (F) => {
       F.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", S), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", I), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", I), document.removeEventListener("keydown", R);
     };
   }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -520,9 +520,9 @@ const re = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? p : void 0,
-        onClick: () => c((S) => !S),
+        onClick: () => c((I) => !I),
         children: [
-          /* @__PURE__ */ n(ms, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(ds, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -532,19 +532,19 @@ const re = ({
       {
         id: p,
         "aria-label": "Conversation options",
-        className: C(
+        className: y(
           "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(
-            fe,
+            he,
             {
               onClick: M,
-              disabled: I,
-              "aria-busy": I,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(us, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -552,12 +552,12 @@ const re = ({
           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(fe, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(he, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : _ ? /* @__PURE__ */ h(
-            fe,
+            he,
             {
               onClick: k,
               disabled: E,
@@ -568,7 +568,7 @@ const re = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            fe,
+            he,
             {
               onClick: D,
               disabled: E,
@@ -579,7 +579,7 @@ const re = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(fe, { variant: "danger", onClick: T, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: T, children: [
             /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -588,15 +588,15 @@ const re = ({
       }
     )
   ] });
-}, Vs = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
-function Gs(e) {
+}, Us = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
+function js(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
-function Hs(e) {
-  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = te(
-    () => Gs(e.own_reactions),
+function Vs(e) {
+  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
+    () => js(e.own_reactions),
     [e.own_reactions]
-  ), r = Y(async () => {
+  ), r = W(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, je) : await t.sendReaction(
@@ -606,7 +606,7 @@ function Hs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Y(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = W(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
@@ -619,7 +619,7 @@ function Hs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Ys(e) {
+function Gs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Xt({
@@ -627,16 +627,16 @@ function Xt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Ys(t);
+  const s = e == null ? void 0 : e.text, a = Gs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = j.lazy(() => import("./Card-vagKHhvf.js")), Ws = j.lazy(() => import("./Card-CdMpzGPZ.js")), Xs = j.lazy(() => import("./Card-D1L3wBz6.js")), We = () => /* @__PURE__ */ n(
+const Hs = $.lazy(() => import("./Card-D-JLW3MJ.js")), Ys = $.lazy(() => import("./Card-D4cn0k04.js")), qs = $.lazy(() => import("./Card-BDWTAZYS.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)]",
     "aria-hidden": !0
   }
-), Ks = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Kt, Zs = Jt, Ot = { Composer: Ks, Sent: Kt, Received: Jt, Creator: Js, Visitor: Zs }, Qs = [
+), Ws = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Xs = Kt, Ks = Jt, Ot = { Composer: Ws, Sent: Kt, Received: Jt, Creator: Xs, Visitor: Ks }, Js = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -646,42 +646,42 @@ const qs = j.lazy(() => import("./Card-vagKHhvf.js")), Ws = j.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function se(e) {
+function ne(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
-  const t = Qs.find(
+  const t = Js.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ea = {
+const Zs = {
   video: Gt,
-  audio: gs,
-  image: fs,
+  audio: hs,
+  image: ms,
   document: Vt
-}, ta = {
-  pdf: ys,
-  doc: Ns,
-  xls: _s,
-  csv: ws,
-  ppt: xs,
-  zip: vs,
-  text: ps,
-  markdown: bs,
+}, Qs = {
+  pdf: _s,
+  doc: ws,
+  xls: xs,
+  csv: vs,
+  ppt: ps,
+  zip: bs,
+  text: gs,
+  markdown: fs,
   generic: Vt
 };
-function na(e) {
-  const t = se(e);
-  return t !== "document" ? ea[t] : ta[Zt(e)];
+function ea(e) {
+  const t = ne(e);
+  return t !== "document" ? Zs[t] : Qs[Zt(e)];
 }
-function ce(e, t) {
-  return j.createElement(na(e), t);
+function le(e, t) {
+  return $.createElement(ea(e), t);
 }
-const sa = (e) => {
+const ta = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, aa = ({
+}, na = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -693,66 +693,66 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = se(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = O(a), [_, x] = O(0), [I, E] = O(!1), [M, D] = O(!1), [k, T] = O(!1), [N, S] = O(!1), [R, F] = O(!0), [A, P] = O(null), z = Y(() => {
+  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = P(a), [_, x] = P(0), [S, E] = P(!1), [M, D] = P(!1), [k, T] = P(!1), [N, I] = P(!1), [R, F] = P(!0), [A, L] = P(null), z = W(() => {
     T(!1), v(!0);
-  }, []), V = Y((w) => {
-    const y = f.current;
-    if (!y) return 0;
-    const $ = y.getBoundingClientRect();
+  }, []), V = W((w) => {
+    const C = f.current;
+    if (!C) return 0;
+    const j = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(w) - $.left) / $.width)
+      Math.min(1, (ta(w) - j.left) / j.width)
     );
-  }, []), B = Y((w) => {
-    const y = u.current;
-    y && y.duration && (y.currentTime = w * y.duration);
+  }, []), B = W((w) => {
+    const C = u.current;
+    C && C.duration && (C.currentTime = w * C.duration);
   }, []), U = (w) => {
     w.stopPropagation(), E(!0);
-    const y = V(w);
-    x(y), B(y);
+    const C = V(w);
+    x(C), B(C);
   };
-  H(() => {
+  Y(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
-  }, [r]), H(() => {
+  }, [r]), Y(() => {
     if (!p) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const w = () => {
-      const y = u.current;
-      y && y.duration && !I && x(y.currentTime / y.duration), c.current = requestAnimationFrame(w);
+      const C = u.current;
+      C && C.duration && !S && x(C.currentTime / C.duration), c.current = requestAnimationFrame(w);
     };
     return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, I]), H(() => {
+  }, [p, S]), Y(() => {
     const w = u.current;
-    w && (p ? w.play().catch((y) => {
+    w && (p ? w.play().catch((C) => {
       v(!1), T(!0);
     }) : w.pause());
-  }, [p]), H(() => {
-    if (!I) return;
-    const w = ($) => x(V($)), y = ($) => {
-      E(!1), B(V($));
+  }, [p]), Y(() => {
+    if (!S) return;
+    const w = (j) => x(V(j)), C = (j) => {
+      E(!1), B(V(j));
     };
-    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);
+    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);
     };
-  }, [I, V, B]);
-  const q = A ? { aspectRatio: String(A) } : void 0, W = A ? "" : " aspect-video", L = Math.round(_ * 100);
+  }, [S, V, B]);
+  const X = A ? { aspectRatio: String(A) } : void 0, G = A ? "" : " aspect-video", O = Math.round(_ * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${W}`,
-      style: q,
+      className: `relative cursor-pointer overflow-hidden bg-black ${G}`,
+      style: X,
       onClick: (w) => {
         if (m) {
           m(w);
           return;
         }
-        k || o && v((y) => !y);
+        k || o && v((C) => !C);
       },
       onKeyDown: (w) => {
         if (!(w.key !== "Enter" && w.key !== " ")) {
@@ -760,7 +760,7 @@ const sa = (e) => {
             m(w);
             return;
           }
-          k || o && v((y) => !y);
+          k || o && v((C) => !C);
         }
       },
       children: [
@@ -772,7 +772,7 @@ const sa = (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: ce(t, {
+        !s && (b === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -784,11 +784,11 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => S(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              S(!1), F(!1);
+              I(!1), F(!1);
             },
-            onWaiting: () => S(!0),
+            onWaiting: () => I(!0),
             onPlay: () => T(!1),
             onEnded: () => {
               i || (v(!1), x(0));
@@ -804,15 +804,15 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => S(!0),
+            onLoadStart: () => I(!0),
             onCanPlay: () => {
-              S(!1), F(!1);
+              I(!1), F(!1);
             },
-            onWaiting: () => S(!0),
+            onWaiting: () => I(!0),
             onPlay: () => T(!1),
             onLoadedMetadata: () => {
               const w = u.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && P(w.videoWidth / w.videoHeight);
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && L(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), x(0));
@@ -821,7 +821,7 @@ const sa = (e) => {
           }
         ) }),
         N && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          be,
+          ge,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -848,7 +848,7 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": L,
+            "aria-valuenow": O,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -864,7 +864,7 @@ const sa = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${L}%` }
+                style: { width: `${O}%` }
               }
             ) })
           }
@@ -875,11 +875,11 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (w) => {
-                w.stopPropagation(), v((y) => !y);
+                w.stopPropagation(), v((C) => !C);
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: p ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -887,7 +887,7 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": L,
+              "aria-valuenow": O,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -905,12 +905,12 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || I ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || S ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${L}%` }
+                        style: { width: `${O}%` }
                       }
                     )
                   }
@@ -918,8 +918,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${L}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${O}%` }
                   }
                 )
               ]
@@ -929,7 +929,7 @@ const sa = (e) => {
       ]
     }
   );
-}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", sa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -938,9 +938,9 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = se(e), [d, m] = O(!1);
+  const l = ne(e), [d, m] = P(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    aa,
+    na,
     {
       source: t,
       mimeType: e,
@@ -986,12 +986,12 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
+      children: le(e, {
         className: zt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${sa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1003,7 +1003,7 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
+      children: le(e, {
         className: zt(r),
         weight: "regular"
       })
@@ -1029,7 +1029,7 @@ const sa = (e) => {
     {
       ref: b,
       "data-testid": u,
-      className: C(
+      className: y(
         "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 sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: C("mb-0.5 truncate text-base font-medium", {
+              className: y("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 sa = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ce(r, {
-              className: C(
+            le(r, {
+              className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1060,7 +1060,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: C(
+                className: y(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1081,23 +1081,23 @@ function tn(e) {
 function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ia(e) {
+function aa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function oa(e) {
+function ra(e) {
   return e ? "text-white" : "text-black";
 }
-function la(e) {
+function ia(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ca(e) {
+function oa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function da(e) {
+function la(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($.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1108,14 +1108,14 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ks, { className: `size-12 ${da(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${aa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ys, { className: `size-12 ${la(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${oa(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${la(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ca(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ra(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ia(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${oa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1127,7 +1127,7 @@ function Je(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
-async function ua(e, t) {
+async function ca(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1139,11 +1139,11 @@ async function ua(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const ma = ({
+const da = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = P(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1151,7 +1151,7 @@ const ma = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ua(e, t).then(() => {
+        a(!0), ca(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1159,8 +1159,8 @@ const ma = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(pe, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h($.Fragment, { children: [
+        /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
@@ -1222,7 +1222,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = se(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = ne(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1241,17 +1241,17 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ma, { url: e, filename: s })
+      action: /* @__PURE__ */ n(da, { url: e, filename: s })
     }
   );
-}, ha = ({
+}, ua = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   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(
-      re,
+      ae,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1275,7 +1275,7 @@ const sn = ({
       }
     )
   ] });
-}, fa = ({
+}, ma = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1283,7 +1283,7 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, ga = ({
+}, ha = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1291,18 +1291,18 @@ 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;
-}, ki = Object.assign(ha, {
-  Creator: fa,
-  Visitor: ga
-}), ba = {
+}, _i = Object.assign(ua, {
+  Creator: ma,
+  Visitor: ha
+}), fa = {
   isUnlocking: () => !1
-}, pa = {
-  LockedAttachment: ba
-}, rn = Ge({}), Ei = rn.Provider;
-function va(e) {
-  return Te(rn)[e] ?? pa[e];
+}, ga = {
+  LockedAttachment: fa
+}, rn = Ge({}), Ni = rn.Provider;
+function ba(e) {
+  return Te(rn)[e] ?? ga[e];
 }
-const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1319,19 +1319,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), wa = (e) => {
+), va = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, _a = (e) => {
+}, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Na = (e) => {
+}, wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => wa(e) || _a(e), ya = (e) => {
+}, on = (e) => va(e) || xa(e), _a = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
@@ -1349,7 +1349,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", g = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Es, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(Cs, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: g })
     ] });
   }
@@ -1357,15 +1357,15 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     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(xa, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(pa, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
     m,
     b
-  ] }) : /* @__PURE__ */ h(ne, { children: [
+  ] }) : /* @__PURE__ */ h(te, { children: [
     b,
     m
   ] }) });
-}, Ca = ({
+}, Na = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1374,31 +1374,31 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: y("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), ka = (e) => {
+] }), ya = (e) => {
   var ht, ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
@@ -1417,66 +1417,66 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: _ } = Ye("CustomMessage"), { channel: x } = de("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = va("LockedAttachment"), [k, T] = O(!1), N = Rn(c.id), { selected: S, voteUp: R, voteDown: F } = Hs(c), {
-    Attachment: A = Ln,
-    EditMessageModal: P = Dn,
+  } = e, { client: _ } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: S, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = ba("LockedAttachment"), [k, T] = P(!1), N = Mn(c.id), { selected: I, voteUp: R, voteDown: F } = Vs(c), {
+    Attachment: A = Rn,
+    EditMessageModal: L = Ln,
     MessageActions: z,
-    MessageBlocked: V = Pn,
-    MessageBouncePrompt: B = On,
-    MessageDeleted: U = zn,
-    MessageIsThreadReplyInChannelButtonIndicator: q = $n,
-    MessageRepliesCountButton: W = Fn,
-    ReminderNotification: L = Bn,
-    StreamedMessageText: w = Un,
-    PinIndicator: y
-  } = Ut("CustomMessage"), $ = jn(c), X = Vn(c), K = te(
+    MessageBlocked: V = Dn,
+    MessageBouncePrompt: B = Pn,
+    MessageDeleted: U = On,
+    MessageIsThreadReplyInChannelButtonIndicator: X = zn,
+    MessageRepliesCountButton: G = $n,
+    ReminderNotification: O = Fn,
+    StreamedMessageText: w = Bn,
+    PinIndicator: C
+  } = Ut("CustomMessage"), j = Un(c), q = jn(c), Ne = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), J = te(() => {
-    const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
+  ), K = ee(() => {
+    const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
     if (!ke(c)) return ye;
-    const It = ye.filter((St) => !("type" in St) || !nn(St));
-    return It.length === ye.length ? ye : It;
-  }, [c]), ie = te(() => {
-    const he = Xt({ message: c, viewerLanguage: v });
-    return he === c.text ? c : { ...c, text: he };
+    const St = ye.filter((It) => !("type" in It) || !nn(It));
+    return St.length === ye.length ? ye : St;
+  }, [c]), re = ee(() => {
+    const me = Xt({ message: c, viewerLanguage: v });
+    return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
-  if (Gn(c))
+  if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Hn(c))
+  if (Gn(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(
+  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(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    de ? "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": $,
+      "str-chat__message--has-attachment": j,
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": X,
+      "str-chat__message--with-reactions": q,
       "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": Z || ae,
+      "str-chat__message-with-thread-link": J || se,
       "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 && _.polls.fromState(c.poll_id), dt = ya(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
-  return /* @__PURE__ */ h(ne, { children: [
+  ), ct = c.poll_id && _.polls.fromState(c.poll_id), dt = _a(c), ue = ke(c), ut = wa(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
+  return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      P,
+      L,
       {
         additionalMessageInputProps: t
       }
     ),
     k && /* @__PURE__ */ n(
-      qn,
+      Yn,
       {
         MessageBouncePrompt: B,
         onClose: () => T(!1),
@@ -1489,10 +1489,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          y && /* @__PURE__ */ n(y, {}),
-          !!N && /* @__PURE__ */ n(L, { reminder: N }),
+          C && /* @__PURE__ */ n(C, {}),
+          !!N && /* @__PURE__ */ n(O, { reminder: N }),
           c.user && /* @__PURE__ */ n(
-            re,
+            ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1500,20 +1500,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: me
+              dmAgentEnabled: ue
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ee || lt
+              className: y("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": Q || lt
               }),
               "data-testid": "message-inner",
-              onClick: oe,
-              onKeyDown: oe,
-              role: oe ? "button" : void 0,
-              tabIndex: oe ? 0 : void 0,
+              onClick: ie,
+              onKeyDown: ie,
+              role: ie ? "button" : void 0,
+              tabIndex: ie ? 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 xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   z && /* @__PURE__ */ n(z, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
@@ -1546,7 +1546,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
                       paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
-                      isUnlocking: I(c.id),
+                      isUnlocking: S(c.id),
                       onUnlockClick: () => E == null ? void 0 : E(c, x),
                       onFetchSource: async () => await (M == null ? void 0 : M(c, x)),
                       onDownloadClick: () => D == null ? void 0 : D(c, x)
@@ -1557,7 +1557,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Tt,
                   {
-                    message: ie,
+                    message: re,
                     renderText: g
                   }
                 ) })
@@ -1565,79 +1565,79 @@ const xa = ({ 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: [
-                me && !mt && /* @__PURE__ */ n(
+                ue && !mt && /* @__PURE__ */ n(
                   Pe,
                   {
                     message: c,
                     hasAttachment: Re,
-                    isMyMessage: ue
+                    isMyMessage: de
                   }
                 ),
-                ct && /* @__PURE__ */ n(Wn, { poll: ct }),
-                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
+                ct && /* @__PURE__ */ n(qn, { poll: ct }),
+                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
                   A,
                   {
                     actionHandler: l,
-                    attachments: J
+                    attachments: K
                   }
                 ) : null,
-                K ? /* @__PURE__ */ n(
+                Ne ? /* @__PURE__ */ n(
                   w,
                   {
-                    message: ie,
+                    message: re,
                     renderText: g
                   }
                 ) : /* @__PURE__ */ n(
                   Tt,
                   {
-                    message: ie,
+                    message: re,
                     renderText: g
                   }
                 ),
-                /* @__PURE__ */ n(Xn, {})
+                /* @__PURE__ */ n(Wn, {})
               ] }) })
             }
           ),
           !ut && !dt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!me || mt) && /* @__PURE__ */ n(
+            (!ue || mt) && /* @__PURE__ */ n(
               Pe,
               {
                 message: c,
                 hasAttachment: Re,
-                isMyMessage: ue
+                isMyMessage: de
               }
             ),
-            s && me && /* @__PURE__ */ n(
-              Ca,
+            s && ue && /* @__PURE__ */ n(
+              Na,
               {
-                selected: S,
+                selected: I,
                 onVoteUp: R,
                 onVoteDown: F
               }
             )
           ] }),
-          Z && /* @__PURE__ */ n(
-            W,
+          J && /* @__PURE__ */ n(
+            G,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ae && /* @__PURE__ */ n(q, {})
+          se && /* @__PURE__ */ n(X, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = j.memo(
-  ka,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
-), Ia = (e) => {
-  const t = ve("CustomMessage");
-  return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Sa = () => {
+}, Ca = $.memo(
+  ya,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+), ka = (e) => {
+  const t = pe("CustomMessage");
+  return /* @__PURE__ */ n(Ca, { ...t, ...e });
+}, Ea = () => {
   var s;
-  const { handleDelete: e, message: t } = ve("CustomMessageActions");
+  const { handleDelete: e, message: t } = pe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Ht,
     {
@@ -1645,11 +1645,11 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ts, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ta = () => {
-  const { handleFlag: e } = ve("CustomMessageActions");
+}, Sa = () => {
+  const { handleFlag: e } = pe("CustomMessageActions");
   return /* @__PURE__ */ n(
     Ht,
     {
@@ -1660,19 +1660,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(jt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Aa = () => {
+}, Ia = () => {
   var t;
-  const { message: e } = ve("CustomMessageActions");
+  const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ps,
+    Ls,
     {
       messageActionSet: [
-        { Component: Sa, placement: "quick", type: "delete" },
-        { Component: Ta, placement: "quick", type: "flag" }
+        { Component: Ea, placement: "quick", type: "delete" },
+        { Component: Sa, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ma = ({
+}, Ta = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1712,26 +1712,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ra = (e) => ({
+}, Aa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
   )
-}), La = () => {
-  const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
+}), Ma = () => {
+  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
-    Ra
+    Aa
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ma,
+    Ta,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, Da = "--messaging-channel-input-spacer-height", Pa = typeof window > "u" ? H : In, ln = j.createContext(!1), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = $.createContext(!1), Ra = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1739,20 +1739,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(As, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
   }
-), za = () => {
-  const e = Te(ln), { handleSubmit: t } = Qn(), s = es(), a = e || !s, {
-    SendButton: r = Oa,
-    AttachmentPreviewList: i = ts
+), La = () => {
+  const e = Te(ln), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
+    SendButton: r = Ra,
+    AttachmentPreviewList: i = es
   } = 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(ns, {}),
-    /* @__PURE__ */ n(La, {}),
+    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(Ma, {}),
     /* @__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(
-        ss,
+        ns,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1775,82 +1775,43 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, $a = ({
-  className: e,
-  renderActions: t,
-  renderFooter: s,
-  disabled: a = !1,
-  disabledReason: r,
-  spacerTargetRef: i
+}, Da = ({
+  renderActions: e,
+  renderFooter: t,
+  disabled: s = !1,
+  disabledReason: a
 }) => {
-  var b;
-  const { channel: o } = de(), l = ((b = o == null ? void 0 : o.data) == null ? void 0 : b.frozen) === !0, d = G(null);
-  if (Pa(() => {
-    if (a)
-      return;
-    const u = d.current, f = i == null ? void 0 : i.current;
-    if (!u || !f)
-      return;
-    const c = () => {
-      f.style.setProperty(
-        Da,
-        `${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: C(
-            "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3",
-            e
-          ),
-          children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null
-        }
-      ),
-      s == null ? void 0 : s()
-    ] });
-  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: za }) })
-            ]
-          }
-        ),
-        s == null ? void 0 : s()
-      ]
-    }
-  );
-}, Fa = [
+  var o;
+  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(te, { children: [
+    /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
+    t == null ? void 0 : t()
+  ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        inert: i ? "" : void 0,
+        "aria-disabled": i || void 0,
+        className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
+        children: [
+          e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
+          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: La }) })
+        ]
+      }
+    ),
+    t == null ? void 0 : t()
+  ] });
+}, Pa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ba = {
+], Oa = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ua = [
+}, za = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], ja = {
+], $a = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Va = "https://linktr.ee/s/about/contact", $t = (e) => Fa.includes(e), Ga = (e) => Ua.includes(e), Ha = (e) => {
+}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => Pa.includes(e), Ba = (e) => za.includes(e), Ua = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1858,7 +1819,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ga(t))
+  if (Ba(t))
     return {
       kind: "age-safety",
       type: t
@@ -1869,17 +1830,17 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ya = (e) => {
+}, ja = (e) => {
   const t = e.indexOf(Oe);
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Va,
+        href: Fa,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1888,13 +1849,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, qa = (e) => {
+}, Va = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ha(
+  const t = e.message.hide_date === !0, s = Ua(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ba[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Oa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1920,7 +1881,7 @@ const xa = ({ 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()) || ja[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || $a[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1930,7 +1891,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ms,
+              Ts,
               {
                 size: 24,
                 weight: "duotone",
@@ -1939,7 +1900,7 @@ const xa = ({ 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: Ya(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: ja(i) }) })
           ]
         }
       ),
@@ -1964,15 +1925,15 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Wa = /* @__PURE__ */ new Set([
+) }), Ga = /* @__PURE__ */ new Set([
   De.Thinking,
   De.Generating,
   De.ExternalSources
-]), Xa = ({ threadList: e }) => {
+]), Ha = ({ threadList: e }) => {
   var g, p;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
-  if (!e && l && Wa.has(o)) {
-    const v = Ka(t, (g = r.user) == null ? void 0 : g.id);
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(cn);
+  if (!e && l && Ga.has(o)) {
+    const v = Ya(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
       Ft,
       {
@@ -2023,7 +1984,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        re,
+        ae,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -2052,7 +2013,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function Ka(e, t) {
+function Ya(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)) {
@@ -2061,10 +2022,10 @@ function Ka(e, t) {
       return i;
   }
 }
-const Ja = () => null, Za = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const qa = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: C("flex items-center justify-center h-full", e),
+    className: y("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(
@@ -2104,12 +2065,12 @@ const Ja = () => null, Za = ({ 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(Za, { className: "w-6 h-6" }),
+), Ee = $.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(Wa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-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", Qa = ({
+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", Xa = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2126,16 +2087,16 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showActionsMenu: c = !0
 }) => {
   var E, M, D, k, T;
-  const { channel: g } = de(), p = j.useMemo(() => {
+  const { channel: g } = ce(), p = $.useMemo(() => {
     var R, F;
     const N = (R = g._client) == null ? void 0 : R.userID;
     return N ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
       (A) => {
-        var P;
-        return ((P = A.user) == null ? void 0 : P.id) && A.user.id !== N;
+        var L;
+        return ((L = A.user) == null ? void 0 : L.id) && A.user.id !== N;
       }
     ) : 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), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.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), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), S = async () => {
     try {
       x ? await g.unpin() : await g.pin();
     } catch (N) {
@@ -2150,8 +2111,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: C(
-            le,
+          className: y(
+            oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2163,7 +2124,7 @@ const le = "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(
-          re,
+          ae,
           {
             id: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.id) || g.id || "unknown",
             name: v,
@@ -2183,14 +2144,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: I,
+            className: oe,
+            onClick: S,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: C("size-5", {
+                className: y("size-5", {
                   "text-yellow-600": x,
                   "text-black/90": !x
                 }),
@@ -2213,7 +2174,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: b,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: C(le, "bg-[#F1F0EE]")
+            triggerClassName: y(oe, "bg-[#F1F0EE]")
           }
         )
       ] })
@@ -2223,8 +2184,8 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: C(
-              le,
+            className: y(
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2234,7 +2195,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          re,
+          ae,
           {
             id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || g.id || "unknown",
             name: v,
@@ -2256,14 +2217,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: I,
+            className: oe,
+            onClick: S,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: C("size-6", {
+                className: y("size-6", {
                   "text-yellow-600": x,
                   "text-black/90": !x
                 }),
@@ -2286,13 +2247,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: b,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: le
+            triggerClassName: oe
           }
         )
       ] })
     ] })
   ] });
-}, er = ({
+}, Ka = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2312,52 +2273,52 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   chatbotVotingEnabled: v = !1,
   renderChannelBanner: _,
   customChannelActions: x,
-  renderMessage: I,
+  renderMessage: S,
   dmAgentEnabled: E = !1,
   viewerLanguage: M,
   showChannelInfo: D = !0
 }) => {
-  var z, V, B, U, q, W;
-  const { channel: k } = de(), T = j.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;
+  var L, z, V, B, U, X;
+  const { channel: k } = ce(), T = $.useMemo(() => {
+    var w, C;
+    const G = (w = k._client) == null ? void 0 : w.userID;
+    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find(
+      (j) => {
+        var q;
+        return ((q = j.user) == null ? void 0 : q.id) && j.user.id !== G;
       }
     ) : void 0;
-  }, [(z = k._client) == null ? void 0 : z.userID, (V = k.state) == null ? void 0 : V.members]), N = j.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;
+  }, [(L = k._client) == null ? void 0 : L.userID, (z = k.state) == null ? void 0 : z.members]), N = $.useMemo(() => {
+    var w, C;
+    const G = (w = k._client) == null ? void 0 : w.userID;
+    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((j) => {
+      var q;
+      return ((q = j.user) == null ? void 0 : q.id) === G;
     }) : void 0;
-  }, [(B = k._client) == null ? void 0 : B.userID, (U = k.state) == null ? void 0 : U.members]), S = ((q = N == null ? void 0 : N.user) == null ? void 0 : q.is_account) ?? (N == null ? void 0 : N.is_account), R = ((W = T == null ? void 0 : T.user) == null ? void 0 : W.is_account) ?? (T == null ? void 0 : T.is_account), F = E && S === !1 && R === !0, A = G(null), P = Y(
-    (L) => {
-      const { message: w } = ve("ChannelView"), y = /* @__PURE__ */ n(
-        Ia,
+  }, [(V = k._client) == null ? void 0 : V.userID, (B = k.state) == null ? void 0 : B.members]), I = ((U = N == null ? void 0 : N.user) == null ? void 0 : U.is_account) ?? (N == null ? void 0 : N.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), F = E && I === !1 && R === !0, A = W(
+    (G) => {
+      const { message: O } = pe("ChannelView"), w = /* @__PURE__ */ n(
+        ka,
         {
-          ...L,
+          ...G,
           chatbotVotingEnabled: v,
           viewerLanguage: M
         }
       );
-      return !I || !w ? y : I(y, w);
+      return !S || !O ? w : S(w, O);
     },
-    [v, I, M]
+    [v, S, M]
   );
-  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
-    os,
+  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
+    is,
     {
       overrides: {
-        Message: P,
-        MessageActions: Aa
+        Message: A,
+        MessageActions: Ia
       },
-      children: /* @__PURE__ */ h(ls, { children: [
+      children: /* @__PURE__ */ h(os, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Qa,
+          Xa,
           {
             onBack: e,
             showBackButton: t,
@@ -2375,47 +2336,32 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             customChannelActions: x
           }
         ) }, "lt-channel-header"),
-        _ ? /* @__PURE__ */ n(j.Fragment, { children: _() }, "lt-channel-banner") : null,
+        _ ? /* @__PURE__ */ n($.Fragment, { children: _() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
-            ref: A,
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(
-              cs,
-              {
-                hideDeletedMessages: !0,
-                hideNewMessageSeparator: !1,
-                renderMessages: (L) => {
-                  const w = ds(L);
-                  return r && w.push(
-                    /* @__PURE__ */ n("li", { children: r(k) }, "lt-channel-conversation-footer")
-                  ), w;
-                }
-              }
-            )
+            children: /* @__PURE__ */ n(ls, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        /* @__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(
-            $a,
-            {
-              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
+        r ? /* @__PURE__ */ n($.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        /* @__PURE__ */ n(
+          Da,
+          {
+            ...s && {
+              renderActions: () => s == null ? void 0 : s(k)
             },
-            "lt-channel-message-input"
-          )
-        ] })
+            renderFooter: () => a == null ? void 0 : a(k),
+            disabled: c,
+            disabledReason: g
+          },
+          "lt-channel-message-input"
+        )
       ] })
     }
   ) });
-}, dn = j.memo(
+}, dn = $.memo(
   ({
     channel: e,
     onBack: t,
@@ -2426,7 +2372,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ja,
+    CustomChannelEmptyState: m = qa,
     showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2436,72 +2382,72 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerDisabled: v = !1,
     composerDisabledReason: _,
     dmAgentEnabled: x,
-    messageMetadata: I,
+    messageMetadata: S,
     onMessageSent: E,
     showStarButton: M = !1,
     chatbotVotingEnabled: D = !1,
     renderChannelBanner: k,
     customChannelActions: T,
     renderMessage: N,
-    onMessageLinkClick: S,
+    onMessageLinkClick: I,
     sendButton: R,
     attachmentPreviewList: F,
     viewerLanguage: A,
-    showChannelInfo: P = !0
+    showChannelInfo: L = !0
   }) => {
-    const z = Y(
-      async (B, U, q) => {
-        var X;
-        const W = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, L = x && !W, w = {
+    const z = W(
+      async (B, U, X) => {
+        var q;
+        const G = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, O = x && !G, w = {
           ...U,
-          ...L && { silent: !0 },
-          ...I && {
+          ...O && { silent: !0 },
+          ...S && {
             metadata: {
               ...U.metadata ?? {},
-              ...I
+              ...S
             }
           }
-        }, y = {
-          ...q,
-          ...L && { skip_push: !0 }
-        }, $ = await e.sendMessage(w, y);
-        return E == null || E($), $;
+        }, C = {
+          ...X,
+          ...O && { skip_push: !0 }
+        }, j = await e.sendMessage(w, C);
+        return E == null || E(j), j;
       },
-      [e, x, I, E]
-    ), V = G(null);
-    return H(() => {
-      if (!S) return;
+      [e, x, S, E]
+    ), V = H(null);
+    return Y(() => {
+      if (!I) return;
       const B = V.current;
       if (!B) return;
-      const U = (q) => {
-        const W = q.target, L = W == null ? void 0 : W.closest("a[href]"), w = L == null ? void 0 : L.getAttribute("href");
+      const U = (X) => {
+        const G = X.target, O = G == null ? void 0 : G.closest("a[href]"), w = O == null ? void 0 : O.getAttribute("href");
         if (!w) return;
-        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);
+        const C = O == null ? void 0 : O.closest("[data-message-id]"), j = C == null ? void 0 : C.getAttribute("data-message-id"), q = j ? e.state.messages.find((Ne) => Ne.id === j) : void 0;
+        I(w, q);
       };
       return B.addEventListener("click", U), () => B.removeEventListener("click", U);
-    }, [S, e]), /* @__PURE__ */ n(
+    }, [I, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: V,
-        className: C(
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
         children: /* @__PURE__ */ n(cn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
-          is,
+          rs,
           {
             channel: e,
-            MessageSystem: qa,
+            MessageSystem: Va,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
-            DateSeparator: Vs,
-            TypingIndicator: Xa,
+            DateSeparator: Us,
+            TypingIndicator: Ha,
             doSendMessageRequest: z,
             ...R ? { SendButton: R } : {},
             ...F ? { AttachmentPreviewList: F } : {},
             children: /* @__PURE__ */ n(
-              er,
+              Ka,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2526,7 +2472,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 customChannelActions: T,
                 renderMessage: N,
                 viewerLanguage: A,
-                showChannelInfo: P
+                showChannelInfo: L
               }
             )
           }
@@ -2536,7 +2482,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const ge = 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 fe = $.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 }),
@@ -2550,8 +2496,8 @@ const ge = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-ge.displayName = "ErrorState";
-const Ii = ({
+fe.displayName = "ErrorState";
+const yi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2573,100 +2519,100 @@ const Ii = ({
   showChannelInfo: x
 }) => {
   const {
-    client: I,
+    client: S,
     isConnected: E,
     isLoading: M,
     error: D,
     refreshConnection: k,
     service: T,
     debug: N
-  } = Os(), [S, R] = O(null), [F, A] = O(null), [P, z] = O(!1), { showDeleteConversation: V = !0 } = e, B = G(o);
+  } = Ds(), [I, R] = P(null), [F, A] = P(null), [L, z] = P(!1), { showDeleteConversation: V = !0 } = e, B = H(o);
   B.current = o;
-  const U = G(a);
+  const U = H(a);
   U.current = a;
-  const q = G(null), W = G(null);
-  H(() => {
-    W.current = S;
-  }, [S]), H(() => {
-    if (!I || !E) return;
-    const y = I.userID;
-    if (!y) return;
-    const $ = `${y}::${i}`;
-    if (q.current === $) return;
-    q.current = $;
-    const X = () => {
-      q.current === $ && (q.current = null);
+  const X = H(null), G = H(null);
+  Y(() => {
+    G.current = I;
+  }, [I]), Y(() => {
+    if (!S || !E) return;
+    const C = S.userID;
+    if (!C) return;
+    const j = `${C}::${i}`;
+    if (X.current === j) return;
+    X.current = j;
+    const q = () => {
+      X.current === j && (X.current = null);
     };
     (async () => {
-      var J, ie;
+      var K, re;
       try {
         N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Z = await I.queryChannels(
+        const J = await S.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [y, i] }
+            members: { $eq: [C, i] }
           },
           {},
           { limit: 1 }
         );
-        if (Z.length > 0) {
-          R(Z[0]), A(null), (J = U.current) == null || J.call(U, Z[0]), N && console.log(
+        if (J.length > 0) {
+          R(J[0]), A(null), (K = U.current) == null || K.call(U, J[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            Z[0].id
+            J[0].id
           );
           return;
         }
-        const ae = B.current;
-        if (!ae || !T) {
-          X(), A("No conversation found with this account"), N && console.log(
+        const se = B.current;
+        if (!se || !T) {
+          q(), A("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ee = await T.startChannelWithParticipant({
-            id: ae.id,
-            name: ae.name,
-            phone: ae.phone
+          const Q = await T.startChannelWithParticipant({
+            id: se.id,
+            name: se.name,
+            phone: se.phone
           });
-          R(ee), A(null), (ie = U.current) == null || ie.call(U, ee), N && console.log(
+          R(Q), A(null), (re = U.current) == null || re.call(U, Q), N && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ee.id
+            Q.id
           );
-        } catch (ee) {
+        } catch (Q) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ee
-          ), X(), A("Failed to create conversation");
+            Q
+          ), q(), A("Failed to create conversation");
         }
-      } catch (Z) {
+      } catch (J) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          Z
-        ), X(), W.current || A("Failed to load conversation");
+          J
+        ), q(), G.current || A("Failed to load conversation");
       }
     })();
-  }, [i, I, E, T, N]);
-  const L = G(r);
-  L.current = r;
-  const w = Y(() => {
-    var y;
-    R(null), z(!0), (y = L.current) == null || y.call(L);
+  }, [i, S, E, T, N]);
+  const O = H(r);
+  O.current = r;
+  const w = W(() => {
+    var C;
+    R(null), z(!0), (C = O.current) == null || C.call(O);
   }, []);
-  return M ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(ge, { message: D, onBack: k }) : !E || !I ? /* @__PURE__ */ n(
-    ge,
+  return M ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(fe, { message: D, onBack: k }) : !E || !S ? /* @__PURE__ */ n(
+    fe,
     {
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : F ? /* @__PURE__ */ n(ge, { message: F }) : 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(
+  ) : F ? /* @__PURE__ */ n(fe, { message: F }) : L && !I ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : I ? /* @__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,
+      channel: I,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: g,
@@ -2685,34 +2631,34 @@ const Ii = ({
       onMessageLinkClick: _,
       showChannelInfo: x
     },
-    S.id
+    I.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function tr(e) {
+function Ja(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 = $.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), nr = un.Provider, sr = () => j.useContext(un), ar = (e, t) => {
+}), Za = un.Provider, Qa = () => $.useContext(un), er = (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));
-}, rr = (e) => {
+}, tr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = ar(e, t);
+  const a = er(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2722,7 +2668,7 @@ const un = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = j.memo(
+}, mn = $.memo(
   ({ channel: e, unread: t }) => {
     var D, k, T;
     const {
@@ -2731,36 +2677,36 @@ const un = j.createContext({
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = sr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = Qa(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (N) => {
-      const S = N.key === "Enter" || N.key === " ", R = N.repeat;
-      !S || R || (N.preventDefault(), d());
+      const I = N.key === "Enter" || N.key === " ", R = N.repeat;
+      !I || R || (N.preventDefault(), d());
     }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
       (N) => {
-        var S, R;
-        return ((S = N.user) == null ? void 0 : S.id) && N.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
+        var I, R;
+        return ((I = N.user) == null ? void 0 : I.id) && N.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
       }
     ), f = Wt(u == null ? void 0 : u.user), c = (k = u == null ? void 0 : u.user) == null ? void 0 : k.image, g = (() => {
-      var S;
-      const N = (S = e == null ? void 0 : e.state) == null ? void 0 : S.messages;
+      var I;
+      const N = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
       if (N != null && N.length) {
         for (let R = N.length - 1; R >= 0; R--)
           if (N[R].type !== "system") return N[R];
       }
     })(), v = (() => {
-      var P, z, V, B;
+      var L, z, V, B;
       const N = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((P = g == null ? void 0 : g.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((L = g == null ? void 0 : g.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
       if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
       if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
       if (N) return N;
       const A = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[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";
-    })(), _ = g != null && g.created_at ? rr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+    })(), _ = g != null && g.created_at ? tr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, S = 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,
@@ -2774,7 +2720,7 @@ const un = j.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: C(
+        className: y(
           "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,
@@ -2783,7 +2729,7 @@ const un = j.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            re,
+            ae,
             {
               id: ((T = u == null ? void 0 : u.user) == null ? void 0 : T.id) || e.id || "unknown",
               name: f,
@@ -2797,7 +2743,7 @@ const un = j.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: C(
+                  className: y(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -2809,7 +2755,7 @@ const un = j.createContext({
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
               M > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: M > 99 ? "99+" : M })
             ] })
           ] })
@@ -2819,25 +2765,25 @@ const un = j.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const ir = { last_message_at: -1 }, or = j.memo(
+const nr = { last_message_at: -1 }, sr = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = ir,
+    sort: i = nr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = j.useRef(0);
+    const b = $.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = j.useCallback(
+    const { debug: u = !1 } = qe(), f = $.useCallback(
       (g) => {
         for (const p of g)
-          tr(p);
+          Ja(p);
         return r ? r(g) : g;
       },
       [r]
@@ -2847,7 +2793,7 @@ const ir = { last_message_at: -1 }, or = j.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = j.useMemo(
+    const c = $.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2866,12 +2812,12 @@ const ir = { last_message_at: -1 }, or = j.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: C(
+        className: y(
           "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(nr, { value: c, children: /* @__PURE__ */ n(
-          us,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Za, { value: c, children: /* @__PURE__ */ n(
+          cs,
           {
             filters: s,
             sort: i,
@@ -2887,26 +2833,26 @@ const ir = { last_message_at: -1 }, or = j.memo(
     );
   }
 );
-or.displayName = "ChannelList";
-const lr = /^([a-z][a-z0-9+.-]*):/i, cr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+sr.displayName = "ChannelList";
+const ar = /^([a-z][a-z0-9+.-]*):/i, rr = /* @__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 = lr.exec(t);
+  const s = ar.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return cr.has(a) ? t : void 0;
+    return rr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const dr = {
+const ir = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ur = ({ variant: e, cta: t }) => {
-  const s = C(
+}, or = ({ variant: e, cta: t }) => {
+  const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    dr[e]
+    ir[e]
   ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2933,10 +2879,10 @@ const dr = {
       children: t.label
     }
   );
-}, mr = {
+}, lr = {
   dark: "text-white",
   light: "text-black/90"
-}, hr = "text-white/30", fr = {
+}, cr = "text-white/30", dr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, et = ({
@@ -2951,12 +2897,12 @@ const dr = {
 }) => {
   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 = C(
+  const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? hr : mr[e]
-  ), _ = C(
+    d && !t ? cr : lr[e]
+  ), _ = y(
     "truncate text-xs leading-4",
-    fr[e]
+    dr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2964,7 +2910,7 @@ const dr = {
         /* @__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: C("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
           ] }),
           u && /* @__PURE__ */ n("p", { className: _, children: a })
         ] }),
@@ -2972,16 +2918,16 @@ const dr = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(ur, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(or, { variant: e, cta: o })
   ] });
-}, gr = C(
+}, ur = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ie = ({
+), Se = ({
   variant: e,
   children: t,
   href: s,
@@ -2992,8 +2938,8 @@ const dr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, b = C(
-    gr,
+  const m = s != null || a != null, b = y(
+    ur,
     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
@@ -3023,7 +2969,7 @@ const dr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(b, "text-left"),
+      className: y(b, "text-left"),
       children: [
         t,
         u
@@ -3041,17 +2987,17 @@ const dr = {
       ]
     }
   );
-}, br = {
+}, mr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, pr = {
+}, hr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = se(e);
+  const s = ne(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Se = ({
+}, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3060,7 +3006,7 @@ const dr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = se(r), d = !!s && l === "video";
+  const l = ne(r), d = !!s && l === "video";
   return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3073,7 +3019,7 @@ const dr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3100,12 +3046,12 @@ const dr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: C(
+            className: y(
               "flex h-full w-full items-center justify-center",
-              br[e]
+              mr[e]
             ),
-            children: ce(r, {
-              className: pr[e],
+            children: le(r, {
+              className: hr[e],
               weight: "regular"
             })
           }
@@ -3115,7 +3061,7 @@ const dr = {
       ]
     }
   );
-}, vr = ({
+}, fr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3145,12 +3091,12 @@ const dr = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Rs, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(As, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Se,
+      Ie,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3160,13 +3106,13 @@ const dr = {
     ) }),
     g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
   ] }) }) : /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
       topRight: f ? g : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3192,7 +3138,7 @@ const dr = {
       ]
     }
   );
-}, xr = ({
+}, gr = ({
   title: e,
   description: t,
   url: s,
@@ -3212,7 +3158,7 @@ const dr = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "light",
       href: f,
@@ -3222,7 +3168,7 @@ const dr = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3245,7 +3191,7 @@ const dr = {
       ]
     }
   );
-}, wr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3260,7 +3206,7 @@ const dr = {
 }) => {
   const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, g = m == null && !u && c != null ? b : void 0;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
       href: c,
@@ -3268,7 +3214,7 @@ const dr = {
       bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3292,20 +3238,20 @@ const dr = {
       ]
     }
   );
-}, Si = {
-  Composer: vr,
-  Sent: wr,
-  Received: xr
-}, _r = {
+}, Ci = {
+  Composer: fr,
+  Sent: br,
+  Received: gr
+}, pr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Nr = {
+}, vr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, yr = {
+}, xr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Cr = (e) => e === "dark" ? "sender" : "receiver", kr = {
+}, wr = (e) => e === "dark" ? "sender" : "receiver", _r = {
   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]",
@@ -3318,7 +3264,7 @@ const dr = {
     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]"
   }
-}, xe = ({
+}, ve = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3327,13 +3273,13 @@ const dr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = kr[Cr(e)][a];
+  const l = t != null && t !== "", d = _r[wr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: C(
+      className: y(
         // 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
@@ -3342,10 +3288,10 @@ const dr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        _r[e],
-        Nr[e],
+        pr[e],
+        vr[e],
         s && "border",
-        s && yr[e],
+        s && xr[e],
         r
       ),
       children: [
@@ -3353,7 +3299,7 @@ const dr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: C(
+            className: y(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3370,7 +3316,7 @@ const dr = {
       ]
     }
   );
-}, we = ({
+}, xe = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3382,22 +3328,22 @@ const dr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: C(
+    className: y(
       "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" })
   }
-), _e = (e) => e === "received" ? "light" : "dark", Ti = ({
+), we = (e) => e === "received" ? "light" : "dark", ki = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Er = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Nr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Ir = ({ 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 }] : [], yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3420,41 +3366,41 @@ const dr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = _e(e), b = e === "composer" && !!d, u = Er({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), b = e === "composer" && !!d, u = Nr({ 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(
-    xe,
+    ve,
     {
       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(
-        Ir,
+        yr,
         {
           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(we, { onClick: d, variant: "inline" }) : void 0
+            b && g === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${g}`
       )) })
     }
   );
-}, Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Tr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Ar = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Mr = {
-  Composer: Sr,
-  Sent: Tr,
-  Received: Ar
+}, Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Sr = {
+  Composer: Cr,
+  Sent: kr,
+  Received: Er
 };
-function Rr(e) {
+function Ir(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 Lr = {
+const Tr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3464,7 +3410,7 @@ const Lr = {
   text: "TXT",
   markdown: "MD"
 };
-function Dr(e, t) {
+function Ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3473,8 +3419,8 @@ function Dr(e, t) {
     }
   }
   if (!e) return;
-  if (se(e) === "document") {
-    const r = Zt(e), i = Lr[r];
+  if (ne(e) === "document") {
+    const r = Zt(e), i = Tr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3482,11 +3428,11 @@ function Dr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Pr(e, t, s) {
-  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Rr(s) : void 0;
+function Mr(e, t, s) {
+  const a = Ar(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Q(e) {
+function Z(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3494,13 +3440,13 @@ function Q(e) {
     return "download";
   }
 }
-const Or = {
+const Rr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, zr = {
+}, Lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, $r = {
+}, Dr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3513,16 +3459,16 @@ const Or = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Pr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Mr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        zr[e]
+        Lr[e]
       ),
       "aria-hidden": !0,
-      children: ce(a, {
-        className: C("size-6", $r[e]),
+      children: le(a, {
+        className: y("size-6", Dr[e]),
         weight: "regular"
       })
     }
@@ -3531,9 +3477,9 @@ const Or = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: C(
+        className: y(
           "truncate text-xs leading-4",
-          Or[e]
+          Rr[e]
         ),
         children: m
       }
@@ -3544,7 +3490,7 @@ const Or = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: C(
+      className: y(
         "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]"
       ),
@@ -3553,7 +3499,7 @@ const Or = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ne, { children: [
+  ) : /* @__PURE__ */ h(te, { children: [
     b,
     u
   ] });
@@ -3563,7 +3509,7 @@ const Or = {
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? Q(e);
+  const s = t ?? Z(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3576,21 +3522,21 @@ async function gn(e, t) {
     }
   }
 }
-const Fr = ({
+const Pr = ({
   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 }] : [], Br = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Or = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? Z(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3617,7 +3563,7 @@ const Fr = ({
   onClick: m,
   onDismiss: b
 }) => {
-  const u = _e(e), f = e === "composer" && !!b, c = Fr({
+  const u = we(e), f = e === "composer" && !!b, c = Pr({
     src: t,
     filename: s,
     fileSize: a,
@@ -3628,7 +3574,7 @@ const Fr = ({
     if ((m == null ? void 0 : m(v)) === !1) return;
     const _ = c[v];
     if (!_) return;
-    const x = _.filename ?? Q(_.src);
+    const x = _.filename ?? Z(_.src);
     gn(_.src, x);
   };
   if (c.length === 0)
@@ -3636,44 +3582,44 @@ const Fr = ({
   const p = /* @__PURE__ */ n(
     "span",
     {
-      className: C(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(pe, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(be, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    xe,
+    ve,
     {
       variant: u,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
-        Br,
+        Or,
         {
           variant: u,
           item: v,
           index: _,
           onActivate: g,
-          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(we, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
         },
         `${v.src}-${_}`
       )) })
     }
   );
-}, Ur = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), jr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Vr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Gr = {
-  Composer: Ur,
-  Sent: jr,
-  Received: Vr
+}, zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Br = {
+  Composer: zr,
+  Sent: $r,
+  Received: Fr
 }, at = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ne, { children: [
+}) => /* @__PURE__ */ h(te, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3681,7 +3627,7 @@ const Fr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ms, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3691,7 +3637,7 @@ const Fr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3703,7 +3649,7 @@ const Fr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = Y(
+  const [l, d] = P(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3711,7 +3657,7 @@ const Fr = ({
       }));
     },
     [l, e, t, o]
-  ), b = r ?? s !== "pill", f = { className: C(
+  ), b = r ?? s !== "pill", f = { className: y(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3722,7 +3668,7 @@ const Fr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: C(
+      className: y(
         "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",
@@ -3730,14 +3676,14 @@ const Fr = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        be,
+        ge,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        pe,
+        be,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3753,7 +3699,7 @@ const Fr = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3762,19 +3708,19 @@ const Fr = ({
       onClick: m,
       disabled: l,
       "aria-label": b ? a : void 0,
-      className: C(
+      className: y(
         "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(
-          be,
+          ge,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(pe, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(be, { ...f, "aria-hidden": !0 }),
         b ? null : a
       ]
     }
@@ -3784,18 +3730,18 @@ const Fr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  H(() => {
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = P(a);
+  Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), H(() => {
+  }, [s, t, e]), Y(() => {
     i((d) => $e(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = Y(() => {
+  const o = W(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = Y(() => {
+  }, [e]), l = W(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return H(() => {
+  return Y(() => {
     if (!s || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
@@ -3813,8 +3759,8 @@ const Fr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = G(null), d = G(null);
-  return H(() => {
+  const l = H(null), d = H(null);
+  return Y(() => {
     var f;
     const u = l.current;
     if (u) {
@@ -3904,8 +3850,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3950,7 +3896,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, Hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, Ur = "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,
@@ -3959,14 +3905,14 @@ const Fr = ({
   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 = C(Hr, "h-full w-full");
+    const u = y(Ur, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: C(u, "cursor-zoom-in"),
+        className: y(u, "cursor-zoom-in"),
         children: [
           d.content,
           b
@@ -3978,10 +3924,10 @@ const Fr = ({
       b
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3990,7 +3936,7 @@ const Fr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4003,7 +3949,7 @@ const Fr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4020,15 +3966,15 @@ const Fr = ({
       })
     }
   );
-}, Ne = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = Y(
+}, _e = (e) => {
+  const [t, s] = P(!1), [a, r] = P(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = Y(() => s(!1), []);
+  ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Yr = (e, t, s, a) => ({
+}, jr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4043,7 +3989,7 @@ const Fr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), qr = ({
+}), Vr = ({
   src: e,
   alt: t,
   items: s
@@ -4051,8 +3997,8 @@ const Fr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Wr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
+})), Gr = ({ 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: [
@@ -4076,7 +4022,7 @@ const Fr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
@@ -4098,16 +4044,16 @@ const Fr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = qr({ src: t, alt: s, items: r }), b = _e(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
+  const m = Vr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, _) => Yr(v, _, m.length, l)
+    (v, _) => jr(v, _, m.length, l)
   );
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
       variant: b,
       text: i,
@@ -4127,11 +4073,11 @@ const Fr = ({
       ]
     }
   );
-}, Xr = (e) => /* @__PURE__ */ n(Wr, { ...e }), Kr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Jr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Zr = {
-  Composer: Xr,
-  Sent: Kr,
-  Received: Jr
-}, Qr = ({
+}, Hr = (e) => /* @__PURE__ */ n(Gr, { ...e }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Wr = {
+  Composer: Hr,
+  Sent: Yr,
+  Received: qr
+}, Xr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4141,11 +4087,11 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
     [l]
-  ), m = te(
-    () => l ? ei(l.src) : void 0,
+  ), m = ee(
+    () => l ? Kr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4179,23 +4125,23 @@ const Fr = ({
       ]
     }
   );
-}, ei = (e) => {
+}, Kr = (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()}`;
-}, ti = ({
+}, Jr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ni = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Zr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? Z(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4221,25 +4167,25 @@ const Fr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = _e(e), u = ti({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = we(e), u = Jr({ 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 _ = u.map((x) => ({
     src: x.src,
-    filename: x.filename ?? Q(x.src)
+    filename: x.filename ?? Z(x.src)
   }));
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
       variant: b,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, I) => {
-          const E = x.filename ?? Q(x.src), M = v && I === 0 ? /* @__PURE__ */ n(we, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, S) => {
+          const E = x.filename ?? Z(x.src), M = v && S === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
               url: x.src,
@@ -4250,19 +4196,19 @@ const Fr = ({
             }
           );
           return /* @__PURE__ */ n(
-            ni,
+            Zr,
             {
               variant: b,
               item: x,
-              index: I,
+              index: S,
               onActivate: g,
               trailingAction: M
             },
-            `${x.src}-${I}`
+            `${x.src}-${S}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Qr,
+          Xr,
           {
             open: f,
             items: _,
@@ -4273,10 +4219,10 @@ const Fr = ({
       ]
     }
   );
-}, si = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ai = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ri = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ii = {
-  Composer: si,
-  Sent: ai,
-  Received: ri
+}, Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ni = {
+  Composer: Qr,
+  Sent: ei,
+  Received: ti
 }, _n = ({
   open: e,
   items: t,
@@ -4287,8 +4233,8 @@ const Fr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4327,7 +4273,7 @@ const Fr = ({
       ]
     }
   ) : null;
-}, oi = () => /* @__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 }) }) }), Nn = ({
+}, si = () => /* @__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 }) }) }), Nn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4349,11 +4295,11 @@ const Fr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(oi, {})
-] }), li = (e, t, s) => ({
+  /* @__PURE__ */ n(si, {})
+] }), ai = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(Nn, { item: e, index: t })
-}), ci = ({
+}), ri = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4365,8 +4311,8 @@ const Fr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), di = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
+})), ii = ({ 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: [
@@ -4380,7 +4326,7 @@ const Fr = ({
         children: /* @__PURE__ */ n(Nn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       _n,
       {
@@ -4406,16 +4352,16 @@ const Fr = ({
   preload: d,
   onClick: m
 }) => {
-  const b = ci({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = _e(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (_, x) => li(_, x, b.length)
+    (_, x) => ai(_, x, b.length)
   );
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
       variant: u,
       text: o,
@@ -4442,17 +4388,17 @@ const Fr = ({
       ]
     }
   );
-}, ui = (e) => /* @__PURE__ */ n(di, { ...e }), mi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), hi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), fi = {
-  Composer: ui,
-  Sent: mi,
-  Received: hi
-}, Ai = {
-  Image: Zr,
-  Video: fi,
-  Audio: Mr,
-  Pdf: ii,
-  File: Gr
-}, gi = ({
+}, oi = (e) => /* @__PURE__ */ n(ii, { ...e }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), di = {
+  Composer: oi,
+  Sent: li,
+  Received: ci
+}, Ei = {
+  Image: Wr,
+  Video: di,
+  Audio: Sr,
+  Pdf: ni,
+  File: Br
+}, ui = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4464,7 +4410,7 @@ const Fr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    className: y(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4474,7 +4420,7 @@ const Fr = ({
     ),
     children: e
   }
-), Mi = ({
+), Si = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4486,7 +4432,7 @@ const Fr = ({
   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(
-      re,
+      ae,
       {
         id: o || "account",
         name: o || "Account",
@@ -4503,7 +4449,7 @@ const Fr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            gi,
+            ui,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4518,37 +4464,37 @@ const Fr = ({
 };
 export {
   Qt as A,
-  Hs as B,
-  Ja as C,
-  Os as D,
-  Mi as F,
-  Si as L,
-  ki as M,
-  fe as a,
-  re as b,
-  or as c,
+  Vs as B,
+  qa as C,
+  Ds as D,
+  Si as F,
+  Ci as L,
+  _i as M,
+  he as a,
+  ae as b,
+  sr as c,
   dn as d,
-  Ei as e,
-  gi as f,
-  se as g,
+  Ni as e,
+  ui as f,
+  ne as g,
   Ot as h,
-  Ai as i,
-  Ca as j,
-  Ci as k,
-  Ii as l,
-  Pr as m,
-  Rr as n,
-  rr as o,
-  Dr as p,
+  Ei as i,
+  Na as j,
+  wi as k,
+  yi as l,
+  Mr as m,
+  Ir as n,
+  tr as o,
+  Ar as p,
   Xt as q,
-  ce as r,
+  le as r,
   nn as s,
-  $s as t,
-  Ti as u,
-  Ys as v,
+  Os as t,
+  ki as u,
+  Gs as v,
   Je as w,
   Ze as x,
   Wt as y,
-  va as z
+  ba as z
 };
-//# sourceMappingURL=index-DkqNYdg4.js.map
+//# sourceMappingURL=index-DmimisTH.js.map