@linktr.ee/messaging-react 3.5.0 → 3.5.1-rc-1782841580

package/dist/{index-DmFR1zuQ.js → index-oHV1Drpu.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as We, useContext as _e, useCallback as J, useState as $, useRef as Y, useEffect as K, useId as In, useMemo as re, Suspense as Xe } from "react";
-import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
-import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
-import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as ls, WithComponents as os, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
-import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as ks, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Cs, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
-import k from "classnames";
-import { MessageActions as Ps, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
-const Xt = We({
+import j, { createContext as We, useContext as _e, useCallback as X, useState as $, useRef as H, useEffect as q, useId as Sn, useMemo as re, Suspense as Xe } from "react";
+import { StreamChatService as Tn } from "@linktr.ee/messaging-core";
+import { StreamChat as An, LinkPreviewsManager as Dt } from "stream-chat";
+import { Chat as Mn, DateSeparator as Rn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Ln, useMessageReminder as Dn, useComponentContext as Ht, Attachment as Pn, EditMessageModal as zn, MessageBlocked as On, MessageBouncePrompt as $n, MessageDeleted as Fn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as Un, ReminderNotification as jn, StreamedMessageText as Vn, messageHasAttachments as Gn, messageHasReactions as Hn, isDateSeparatorMessage as Yn, isMessageBlocked as qn, isMessageBounced as Wn, MessageBounceModal as Xn, MessageText as Pt, Poll as Kn, MessageErrorIcon as Jn, useMessageContext as ye, useMessageComposer as Zn, useStateStore as Qn, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ns, AttachmentPreviewList as ss, QuotedMessagePreview as as, TextareaComposer as rs, MessageTimestamp as $e, AIStates as Fe, useTypingContext as is, useAIState as ls, Channel as os, WithComponents as cs, Window as ds, MessageList as us, ChannelList as ms, InfiniteScroll as hs } from "stream-chat-react";
+import { StarIcon as Ge, DotsThreeIcon as fs, SpinnerGapIcon as Te, SignOutIcon as gs, ProhibitInsetIcon as zt, FlagIcon as Yt, FileIcon as qt, ImageIcon as ps, SpeakerHighIcon as bs, VideoCameraIcon as Wt, FileMdIcon as vs, FileTextIcon as xs, FileZipIcon as ws, FilePptIcon as Ns, FileCsvIcon as _s, FileXlsIcon as ys, FileDocIcon as ks, FilePdfIcon as Cs, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Es, LinkIcon as Is, DownloadSimpleIcon as Ne, GiftIcon as Ss, ThumbsUpIcon as Ts, ThumbsDownIcon as As, TrashSimpleIcon as Ms, XIcon as Pe, ArrowUpIcon as Rs, SparkleIcon as be, ProhibitIcon as Ls, ArrowLeftIcon as Ot, CaretRightIcon as ve, PencilSimpleIcon as Ds, CaretLeftIcon as Ps } from "@phosphor-icons/react";
+import y from "classnames";
+import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
+const Kt = We({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Xt = We({
   refreshConnection: async () => {
   },
   debug: !1
-}), Je = () => _e(Xt), _i = ({
+}), Je = () => _e(Kt), Ci = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,8 +24,8 @@ const Xt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var M, y;
-  const l = J(
+  var M, k;
+  const l = X(
     (I, ...C) => {
       i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
     },
@@ -37,18 +37,18 @@ const Xt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [N, w] = $(null), p = Y(!1), v = Y(null), A = Y(s);
-  A.current = s;
-  const T = Y(i);
-  T.current = i;
-  const E = Y({
+  const [o, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, w] = $(!1), [N, p] = $(null), v = H(!1), b = H(null), S = H(s);
+  S.current = s;
+  const A = H(i);
+  A.current = i;
+  const E = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), O = Y(0);
-  O.current++, l("📊 RENDER INFO", {
-    renderCount: O.current,
+  }), L = H(0);
+  L.current++, l("📊 RENDER INFO", {
+    renderCount: L.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: E.current.userId !== (t == null ? void 0 : t.id),
@@ -62,12 +62,12 @@ const Xt = We({
     serviceConfig: s,
     capabilities: r
   };
-  const R = Y(null);
-  a && ((M = R.current) == null ? void 0 : M.apiKey) !== a && (R.current = { apiKey: a, client: new Tn(a) });
-  const L = a ? ((y = R.current) == null ? void 0 : y.client) ?? null : null;
-  K(() => {
-    const I = O.current, C = A.current;
-    if (!a || !L || !C) {
+  const D = H(null);
+  a && ((M = D.current) == null ? void 0 : M.apiKey) !== a && (D.current = { apiKey: a, client: new An(a) });
+  const R = a ? ((k = D.current) == null ? void 0 : k.client) ?? null : null;
+  q(() => {
+    const I = L.current, C = S.current;
+    if (!a || !R || !C) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: I,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,36 +78,36 @@ const Xt = We({
       renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const z = new Sn({
+    const O = new Tn({
       ...C,
       apiKey: a,
-      debug: T.current,
-      client: L
+      debug: A.current,
+      client: R
     });
-    v.current = z, d(z), l("✅ SERVICE SET", {
+    b.current = O, d(O), l("✅ SERVICE SET", {
       renderCount: I,
-      serviceInstance: !!z
+      serviceInstance: !!O
     });
-  }, [a, L]);
-  const B = Y(null);
-  K(() => {
-    var C, z;
+  }, [a, R]);
+  const F = H(null);
+  q(() => {
+    var C, O;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
+      isConnecting: v.current,
       isConnected: m,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (v.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = B.current) == null ? void 0 : C.serviceId) === o && ((z = B.current) == null ? void 0 : z.userId) === t.id) {
+    if (((C = F.current) == null ? void 0 : C.serviceId) === o && ((O = F.current) == null ? void 0 : O.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Xt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, w(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const D = await o.connectUser(t);
-        g(D), f(!0), B.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const P = await o.connectUser(t);
+        g(P), f(!0), F.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: D.userID
+          clientId: P.userID
         });
-      } catch (D) {
-        const j = D instanceof Error ? D.message : "Connection failed";
-        w(j), l("❌ USER CONNECTION ERROR", {
+      } catch (P) {
+        const U = P instanceof Error ? P.message : "Connection failed";
+        p(U), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: j
+          error: U
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        w(!1), v.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: m
         });
       }
     })();
-  }, [o, t, l, m]), K(() => {
-    const I = L;
+  }, [o, t, l, m]), q(() => {
+    const I = R;
     return () => {
       var C;
-      I && (B.current = null, (C = v.current) == null || C.disconnectUser().catch(console.error));
+      I && (F.current = null, (C = b.current) == null || C.disconnectUser().catch(console.error));
     };
-  }, [L]);
-  const P = J(async () => {
+  }, [R]);
+  const z = X(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,21 +151,21 @@ const Xt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
       const I = await o.connectUser(t);
-      g(I), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      g(I), f(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (I) {
       const C = I instanceof Error ? I.message : "Refresh failed";
-      w(C), l("❌ CONNECTION REFRESH ERROR", {
+      p(C), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: C
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), _ = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), _ = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: m,
@@ -179,7 +179,7 @@ const Xt = We({
     isLoading: c,
     error: N,
     capabilities: r,
-    refreshConnection: P,
+    refreshConnection: z,
     debug: i
   }), [
     o,
@@ -188,30 +188,30 @@ const Xt = We({
     c,
     N,
     r,
-    P,
+    z,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: O.current,
-    willRenderChat: !!L,
+    renderCount: L.current,
+    willRenderChat: !!R,
     contextValueReady: !!_
-  }), /* @__PURE__ */ n(Xt.Provider, { value: _, children: L ? /* @__PURE__ */ n(
-    An,
+  }), /* @__PURE__ */ n(Kt.Provider, { value: _, children: R ? /* @__PURE__ */ n(
+    Mn,
     {
-      client: L,
+      client: R,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, zs = () => Je(), Kt = (e) => {
+}, Os = () => Je(), Jt = (e) => {
   var a, r;
   const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return K(() => {
+  return q(() => {
     var l;
     if (!e) {
       s(!1);
@@ -228,18 +228,37 @@ const Xt = We({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Os = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function $s(e) {
-  return Os.test(e.trim());
+}, $s = "linktree-official", Fs = "linktree-official-sender";
+function Ze(e, t, s) {
+  const a = Object.values(e || {});
+  if (s === $s) {
+    const r = a.find(
+      (i) => {
+        var l;
+        return ((l = i.user) == null ? void 0 : l.id) === Fs;
+      }
+    );
+    if (r) return r;
+  }
+  return a.find(
+    (r) => {
+      var i;
+      return ((i = r.user) == null ? void 0 : i.id) && r.user.id !== t;
+    }
+  );
+}
+const Bs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Us(e) {
+  return Bs.test(e.trim());
 }
-function Ot(e, t) {
+function $t(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !$s(s);
+  return !s || t && s === t ? !1 : !Us(s);
 }
-function Jt(e) {
-  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Zt(e) {
+  return $t(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : $t(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const $t = [
+const Ft = [
   "🍎",
   // Apple
   "🍌",
@@ -267,7 +286,7 @@ const $t = [
   "🍈"
   // Melon
 ];
-function Fs(e) {
+function js(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -275,9 +294,9 @@ function Fs(e) {
   }
   return Math.abs(t);
 }
-function Bs(e) {
-  const s = Fs(e) % $t.length;
-  return $t[s];
+function Vs(e) {
+  const s = js(e) % Ft.length;
+  return Ft[s];
 }
 const ne = ({
   id: e,
@@ -288,7 +307,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Bs(e), u = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, m = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: m, children: t ? /* @__PURE__ */ n(
+  const o = Vs(e), u = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, m = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: m, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -299,7 +318,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: y(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         u
       ),
@@ -309,7 +328,7 @@ const ne = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,7 +350,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: y(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -350,7 +369,7 @@ const ne = ({
       ]
     }
   );
-}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
+}, Gs = "https://linktr.ee/s/about/trust-center/report", Hs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -364,77 +383,77 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, b = !!(a && s && m && c), [N, w] = $(!1), [p, v] = $(null), [A, T] = $(!1), [E, O] = $(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
-  return K(() => {
-    if (!b || !m || !c) {
-      w(!1), v(null);
+  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, w = !!(a && s && m && c), [N, p] = $(!1), [v, b] = $(null), [S, A] = $(!1), [E, L] = $(!1), D = w && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== m);
+  return q(() => {
+    if (!w || !m || !c) {
+      p(!1), b(null);
       return;
     }
-    let y = !1;
+    let k = !1;
     return (async () => {
       try {
         const I = await m.getBlockedUsers();
-        if (y) return;
-        w(
+        if (k) return;
+        p(
           I.some(
             (C) => C.blocked_user_id === c
           )
         );
       } catch (I) {
-        y || console.error(`[${g}] Failed to check blocked status:`, I);
+        k || console.error(`[${g}] Failed to check blocked status:`, I);
       } finally {
-        y || v({ participantId: c, service: m });
+        k || b({ participantId: c, service: m });
       }
     })(), () => {
-      y = !0;
+      k = !0;
     };
-  }, [b, m, c, g]), {
+  }, [w, m, c, g]), {
     isParticipantBlocked: N,
-    isCheckingBlockedStatus: R,
-    isLeaving: A,
+    isCheckingBlockedStatus: D,
+    isLeaving: S,
     isUpdatingBlockStatus: E,
     handleLeaveConversation: async () => {
-      var y;
-      if (!A) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
+      var k;
+      if (!S) {
+        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), A(!0);
         try {
-          const I = ((y = e._client) == null ? void 0 : y.userID) ?? null;
+          const I = ((k = e._client) == null ? void 0 : k.userID) ?? null;
           await e.hide(I, !1), r && await r(e), u == null || u();
         } catch (I) {
           console.error(`[${g}] Failed to leave conversation`, I);
         } finally {
-          T(!1);
+          A(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var y, I, C;
+      var k, I, C;
       if (!(E || !m)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
+        o == null || o(), f && console.log(`[${g}] Block member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), L(!0);
         try {
           await m.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to block member`, z);
+        } catch (O) {
+          console.error(`[${g}] Failed to block member`, O);
         } finally {
-          O(!1);
+          L(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var y, I, C;
+      var k, I, C;
       if (!(E || !m)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), L(!0);
         try {
           await m.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
-        } catch (z) {
-          console.error(`[${g}] Failed to unblock member`, z);
+        } catch (O) {
+          console.error(`[${g}] Failed to unblock member`, O);
         } finally {
-          O(!1);
+          L(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Us, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Gs, "_blank", "noopener,noreferrer");
     }
   };
 }, pe = ({
@@ -446,7 +465,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: k(
+    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
@@ -454,7 +473,7 @@ const ne = ({
     ...a,
     children: s
   }
-), Ft = ({
+), Bt = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -468,16 +487,16 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = $(!1), b = Y(null), N = In(), w = J(() => c(!1), []), {
-    isParticipantBlocked: p,
-    isCheckingBlockedStatus: v,
-    isLeaving: A,
-    isUpdatingBlockStatus: T,
+  const [f, c] = $(!1), w = H(null), N = Sn(), p = X(() => c(!1), []), {
+    isParticipantBlocked: v,
+    isCheckingBlockedStatus: b,
+    isLeaving: S,
+    isUpdatingBlockStatus: A,
     handleLeaveConversation: E,
-    handleBlockUser: O,
-    handleUnblockUser: R,
-    handleReportUser: L
-  } = js({
+    handleBlockUser: L,
+    handleUnblockUser: D,
+    handleReportUser: R
+  } = Hs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -487,20 +506,20 @@ const ne = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: w,
+    onActionComplete: p,
     logLabel: "ChannelActionsMenu"
   });
-  return K(() => {
+  return q(() => {
     if (!f) return;
-    const P = (M) => {
-      b.current && !b.current.contains(M.target) && c(!1);
+    const z = (M) => {
+      w.current && !w.current.contains(M.target) && c(!1);
     }, _ = (M) => {
       M.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", _), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", _);
+    return document.addEventListener("mousedown", z), document.addEventListener("keydown", _), () => {
+      document.removeEventListener("mousedown", z), document.removeEventListener("keydown", _);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -509,9 +528,9 @@ const ne = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? N : void 0,
-        onClick: () => c((P) => !P),
+        onClick: () => c((z) => !z),
         children: [
-          /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(fs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -521,7 +540,7 @@ const ne = ({
       {
         id: N,
         "aria-label": "Conversation options",
-        className: k(
+        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"
         ),
@@ -530,46 +549,46 @@ const ne = ({
             pe,
             {
               onClick: E,
-              disabled: A,
-              "aria-busy": A,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(gs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: v ? (
+          a && /* @__PURE__ */ n("li", { children: b ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ h(pe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
+          ) : v ? /* @__PURE__ */ h(
             pe,
             {
-              onClick: R,
-              disabled: T,
-              "aria-busy": T,
+              onClick: D,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                T ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
             pe,
             {
-              onClick: O,
-              disabled: T,
-              "aria-busy": T,
+              onClick: L,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                T ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: L, children: [
-            /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: R, children: [
+            /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           g
@@ -577,15 +596,15 @@ const ne = ({
       }
     )
   ] });
-}, Vs = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), Ye = "vote_up", qe = "vote_down";
-function Gs(e) {
+}, Ys = (e) => /* @__PURE__ */ n(Rn, { ...e, position: "center" }), Ye = "vote_up", qe = "vote_down";
+function qs(e) {
   return e != null && e.length ? e.some((t) => t.type === qe) ? "down" : e.some((t) => t.type === Ye) ? "up" : null : null;
 }
-function Hs(e) {
+function Ws(e) {
   const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = re(
-    () => Gs(e.own_reactions),
+    () => qs(e.own_reactions),
     [e.own_reactions]
-  ), r = J(async () => {
+  ), r = X(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
@@ -595,7 +614,7 @@ function Hs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = X(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
@@ -608,24 +627,24 @@ function Hs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Ys(e) {
+function Xs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Zt({
+function Qt({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Ys(t);
+  const s = e == null ? void 0 : e.text, a = Xs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = V.lazy(() => import("./Card-DBi3Jd7-.js")), Ws = V.lazy(() => import("./Card-yaDKMDYI.js")), Xs = V.lazy(() => import("./Card-BGF3hZJD.js")), Ze = () => /* @__PURE__ */ n(
+const Ks = j.lazy(() => import("./Card-C818abGJ.js")), Js = j.lazy(() => import("./Card-CVeWxBVL.js")), Zs = j.lazy(() => import("./Card-AXCr2OyY.js")), Qe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Ks = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Qt = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), en = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Ze, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Qt, Zs = en, Bt = { Composer: Ks, Sent: Qt, Received: en, Creator: Js, Visitor: Zs }, Qs = [
+), Qs = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Ks, { ...e }) }), en = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Js, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Xe, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Zs, { ...e }) }), ea = en, ta = tn, Ut = { Composer: Qs, Sent: en, Received: tn, Creator: ea, Visitor: ta }, na = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -638,39 +657,39 @@ const qs = V.lazy(() => import("./Card-DBi3Jd7-.js")), Ws = V.lazy(() => import(
 function ie(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function tn(e) {
-  const t = Qs.find(
+function nn(e) {
+  const t = na.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ea = {
-  video: qt,
-  audio: ps,
-  image: gs,
-  document: Yt
-}, ta = {
-  pdf: ks,
-  doc: ys,
-  xls: _s,
-  csv: Ns,
-  ppt: ws,
-  zip: xs,
-  text: vs,
-  markdown: bs,
-  generic: Yt
+const sa = {
+  video: Wt,
+  audio: bs,
+  image: ps,
+  document: qt
+}, aa = {
+  pdf: Cs,
+  doc: ks,
+  xls: ys,
+  csv: _s,
+  ppt: Ns,
+  zip: ws,
+  text: xs,
+  markdown: vs,
+  generic: qt
 };
-function na(e) {
+function ra(e) {
   const t = ie(e);
-  return t !== "document" ? ea[t] : ta[tn(e)];
+  return t !== "document" ? sa[t] : aa[nn(e)];
 }
 function ce(e, t) {
-  return V.createElement(na(e), t);
+  return j.createElement(ra(e), t);
 }
-const sa = (e) => {
+const ia = (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 = ({
+}, la = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -682,66 +701,66 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = ie(t), m = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = $(a), [p, v] = $(0), [A, T] = $(!1), [E, O] = $(!1), [R, L] = $(!1), [B, P] = $(!1), [_, M] = $(!0), [y, I] = $(null), C = J(() => {
-    L(!1), w(!0);
-  }, []), z = J((x) => {
-    const S = f.current;
-    if (!S) return 0;
-    const U = S.getBoundingClientRect();
+  const g = ie(t), m = H(null), f = H(null), c = H(null), w = H(r), [N, p] = $(a), [v, b] = $(0), [S, A] = $(!1), [E, L] = $(!1), [D, R] = $(!1), [F, z] = $(!1), [_, M] = $(!0), [k, I] = $(null), C = X(() => {
+    R(!1), p(!0);
+  }, []), O = X((x) => {
+    const T = f.current;
+    if (!T) return 0;
+    const B = T.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(x) - U.left) / U.width)
+      Math.min(1, (ia(x) - B.left) / B.width)
     );
-  }, []), D = J((x) => {
-    const S = m.current;
-    S && S.duration && (S.currentTime = x * S.duration);
-  }, []), j = (x) => {
-    x.stopPropagation(), T(!0);
-    const S = z(x);
-    v(S), D(S);
+  }, []), P = X((x) => {
+    const T = m.current;
+    T && T.duration && (T.currentTime = x * T.duration);
+  }, []), U = (x) => {
+    x.stopPropagation(), A(!0);
+    const T = O(x);
+    b(T), P(T);
   };
-  K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, w(r));
-  }, [r]), K(() => {
+  q(() => {
+    r !== void 0 && r !== w.current && (w.current = r, p(r));
+  }, [r]), q(() => {
     if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const x = () => {
-      const S = m.current;
-      S && S.duration && !A && v(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
+      const T = m.current;
+      T && T.duration && !S && b(T.currentTime / T.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, A]), K(() => {
+  }, [N, S]), q(() => {
     const x = m.current;
-    x && (N ? x.play().catch((S) => {
-      w(!1), L(!0);
+    x && (N ? x.play().catch((T) => {
+      p(!1), R(!0);
     }) : x.pause());
-  }, [N]), K(() => {
-    if (!A) return;
-    const x = (U) => v(z(U)), S = (U) => {
-      T(!1), D(z(U));
+  }, [N]), q(() => {
+    if (!S) return;
+    const x = (B) => b(O(B)), T = (B) => {
+      A(!1), P(O(B));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", T), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", T), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", T), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", T);
     };
-  }, [A, z, D]);
-  const Z = y ? { aspectRatio: String(y) } : void 0, Q = y ? "" : " aspect-video", G = Math.round(p * 100);
+  }, [S, O, P]);
+  const W = k ? { aspectRatio: String(k) } : void 0, ee = k ? "" : " aspect-video", Y = Math.round(v * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: Z,
+      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
+      style: W,
       onClick: (x) => {
         if (u) {
           u(x);
           return;
         }
-        R || l && w((S) => !S);
+        D || l && p((T) => !T);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,7 +768,7 @@ const sa = (e) => {
             u(x);
             return;
           }
-          R || l && w((S) => !S);
+          D || l && p((T) => !T);
         }
       },
       children: [
@@ -773,14 +792,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => z(!0),
             onCanPlay: () => {
-              P(!1), M(!1);
+              z(!1), M(!1);
             },
-            onWaiting: () => P(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => z(!0),
+            onPlay: () => R(!1),
             onEnded: () => {
-              i || (w(!1), v(0));
+              i || (p(!1), b(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,30 +812,30 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => z(!0),
             onCanPlay: () => {
-              P(!1), M(!1);
+              z(!1), M(!1);
             },
-            onWaiting: () => P(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => z(!0),
+            onPlay: () => R(!1),
             onLoadedMetadata: () => {
               const x = m.current;
               x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && I(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (w(!1), v(0));
+              i || (p(!1), b(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        B && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        F && !D && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           we,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        R && !l && /* @__PURE__ */ n(
+        D && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -837,23 +856,23 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": G,
+            "aria-valuenow": Y,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
+            onMouseDown: U,
+            onTouchStart: U,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && P(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, v - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${G}%` }
+                style: { width: `${Y}%` }
               }
             ) })
           }
@@ -864,11 +883,11 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), w((S) => !S);
+                x.stopPropagation(), p((T) => !T);
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(Es, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +895,30 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": G,
+              "aria-valuenow": Y,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
+              onMouseDown: U,
+              onTouchStart: U,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => O(!0),
-              onMouseLeave: () => O(!1),
+              onMouseEnter: () => L(!0),
+              onMouseLeave: () => L(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && P(Math.min(1, v + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, v - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || A ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || S ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${G}%` }
+                        style: { width: `${Y}%` }
                       }
                     )
                   }
@@ -907,8 +926,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 ${E || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${G}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${Y}%` }
                   }
                 )
               ]
@@ -918,7 +937,7 @@ const sa = (e) => {
       ]
     }
   );
-}, Ut = (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", nn = ({
+}, jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", oa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -929,7 +948,7 @@ const sa = (e) => {
 }) => {
   const o = ie(e), [d, u] = $(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
-    aa,
+    la,
     {
       source: t,
       mimeType: e,
@@ -976,11 +995,11 @@ const sa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Ut(r),
+        className: jt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${oa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -993,12 +1012,12 @@ const sa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: Ut(r),
+        className: jt(r),
         weight: "regular"
       })
     }
   );
-}, sn = ({
+}, an = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1012,13 +1031,13 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": m
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": m,
-      className: k(
+      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"
       ),
@@ -1030,17 +1049,17 @@ const sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("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 && b,
-                "text-white": f && !b
+                "text-white/30": f && w,
+                "text-white": f && !w
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: k(
+              className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1068,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: y(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1064,29 +1083,29 @@ const sa = (e) => {
     }
   );
 };
-function an(e) {
+function rn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Qe(e) {
+function et(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ia(e) {
+function ca(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function la(e) {
+function da(e) {
   return e ? "text-white" : "text-black";
 }
-function oa(e) {
+function ua(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ca(e) {
+function ma(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function da(e) {
+function ha(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const et = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(V.Fragment, { children: [
+const tt = ({ attachment: e, isMyMessage: t }) => {
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1097,26 +1116,26 @@ const et = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Es, { className: `size-12 ${da(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ca(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Is, { className: `size-12 ${ha(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${la(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${oa(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 ${da(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ua(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ma(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function rn(e) {
+function ln(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function tt(e) {
+function nt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(rn);
+  return (t = e.attachments) == null ? void 0 : t.find(ln);
 }
-async function ua(e, t) {
+async function fa(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1128,7 +1147,7 @@ async function ua(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const ma = ({
+const ga = ({
   url: e,
   filename: t
 }) => {
@@ -1140,7 +1159,7 @@ const ma = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ua(e, t).then(() => {
+        a(!0), fa(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1148,22 +1167,22 @@ 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(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(V.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function nt(e) {
-  var m, f, c, b;
+function st(e) {
+  var m, f, c, w;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (N) => N.type === "audio" && N.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (w = e.attachments) == null ? void 0 : w.find(
     (N) => N.type === "file" && N.asset_url
   ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
@@ -1176,16 +1195,16 @@ function nt(e) {
     thumbnailUrl: g
   };
 }
-const ln = ({
+const on = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? an(a) : void 0;
+  const i = a !== void 0 ? rn(a) : void 0;
   return /* @__PURE__ */ n(
-    sn,
+    an,
     {
       variant: "dark",
       title: s,
@@ -1193,7 +1212,7 @@ const ln = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        nn,
+        sn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1204,23 +1223,23 @@ const ln = ({
       )
     }
   );
-}, on = ({
+}, cn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), l = a !== void 0 ? an(a) : void 0;
+  const i = ie(t), l = a !== void 0 ? rn(a) : void 0;
   return /* @__PURE__ */ n(
-    sn,
+    an,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ n(
-        nn,
+        sn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1230,14 +1249,14 @@ const ln = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ma, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ga, { url: e, filename: s })
     }
   );
-}, ha = ({
+}, pa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = tt(e), a = nt(e);
+  const s = nt(e), a = st(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", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
       ne,
@@ -1258,40 +1277,40 @@ const ln = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Qe(t), children: /* @__PURE__ */ n(et, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(ln, { ...a }) : /* @__PURE__ */ n(on, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: et(t), children: /* @__PURE__ */ n(tt, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(on, { ...a }) : /* @__PURE__ */ n(cn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, fa = ({
+}, ba = ({
   message: e
 }) => {
-  const t = tt(e);
+  const t = nt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Qe(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !0 }) });
-  const s = nt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ln, { ...s }) }) : null;
-}, ga = ({
+    return /* @__PURE__ */ n("div", { className: et(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !0 }) });
+  const s = st(e);
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(on, { ...s }) }) : null;
+}, va = ({
   message: e
 }) => {
-  const t = tt(e);
+  const t = nt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Qe(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(et, { attachment: t, isMyMessage: !1 }) });
-  const s = nt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(on, { ...s }) }) : null;
-}, yi = Object.assign(ha, {
-  Creator: fa,
-  Visitor: ga
-}), pa = {
+    return /* @__PURE__ */ n("div", { className: et(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !1 }) });
+  const s = st(e);
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(cn, { ...s }) }) : null;
+}, Ei = Object.assign(pa, {
+  Creator: ba,
+  Visitor: va
+}), xa = {
   isUnlocking: () => !1
-}, ba = {
-  LockedAttachment: pa
-}, cn = We({}), ki = cn.Provider;
-function va(e) {
-  return _e(cn)[e] ?? ba[e];
+}, wa = {
+  LockedAttachment: xa
+}, dn = We({}), Ii = dn.Provider;
+function Na(e) {
+  return _e(dn)[e] ?? wa[e];
 }
-const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const _a = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1308,21 +1327,21 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), wa = (e) => {
+), ya = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Na = (e) => {
+}, ka = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Me = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, _a = (e) => {
+}, Ca = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, dn = (e) => wa(e) || Na(e), ya = (e) => {
+}, un = (e) => ya(e) || ka(e), Ea = (e) => {
   var t;
-  return dn(e) && !((t = e.text) != null && t.trim());
+  return un(e) && !((t = e.text) != null && t.trim());
 }, Be = ({
   message: e,
   standalone: t = !1,
@@ -1330,23 +1349,23 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = dn(e), i = Me(e);
+  const r = un(e), i = Me(e);
   if (!r && !i)
     return null;
   if (r) {
     const f = (m = e.metadata) == null ? void 0 : m.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", w = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Is, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: w })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: l ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(_a, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(se, { children: [
     u,
     g
@@ -1354,7 +1373,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     g,
     u
   ] }) });
-}, ka = ({
+}, Ia = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1363,32 +1382,32 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("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(Ss, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ts, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("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(Ts, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(As, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ca = (e) => {
-  var bt, vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At;
+] }), Sa = (e) => {
+  var vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At, Mt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1403,60 +1422,60 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: m,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: w,
     threadList: N,
-    viewerLanguage: w
-  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: E, onDownloadClick: O } = va("LockedAttachment"), [R, L] = $(!1), B = Ln(c.id), { selected: P, voteUp: _, voteDown: M } = Hs(c), {
-    Attachment: y = Dn,
-    EditMessageModal: I = Pn,
+    viewerLanguage: p
+  } = e, { client: v } = Ke("CustomMessage"), { channel: b } = de("CustomMessage"), { isUnlocking: S, onUnlockClick: A, onFetchSource: E, onDownloadClick: L } = Na("LockedAttachment"), [D, R] = $(!1), F = Dn(c.id), { selected: z, voteUp: _, voteDown: M } = Ws(c), {
+    Attachment: k = Pn,
+    EditMessageModal: I = zn,
     MessageActions: C,
-    MessageBlocked: z = zn,
-    MessageBouncePrompt: D = On,
-    MessageDeleted: j = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: Z = Fn,
-    MessageRepliesCountButton: Q = Bn,
-    ReminderNotification: G = Un,
-    StreamedMessageText: x = jn,
-    PinIndicator: S
-  } = Gt("CustomMessage"), U = Vn(c), H = Gn(c), q = re(
+    MessageBlocked: O = On,
+    MessageBouncePrompt: P = $n,
+    MessageDeleted: U = Fn,
+    MessageIsThreadReplyInChannelButtonIndicator: W = Bn,
+    MessageRepliesCountButton: ee = Un,
+    ReminderNotification: Y = jn,
+    StreamedMessageText: x = Vn,
+    PinIndicator: T
+  } = Ht("CustomMessage"), B = Gn(c), V = Hn(c), K = re(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), F = re(() => {
+  ), G = re(() => {
     const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
     if (!Me(c)) return Se;
-    const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
-    return Mt.length === Se.length ? Se : Mt;
-  }, [c]), W = re(() => {
-    const ge = Zt({ message: c, viewerLanguage: w });
+    const Rt = Se.filter((Lt) => !("type" in Lt) || !ln(Lt));
+    return Rt.length === Se.length ? Se : Rt;
+  }, [c]), J = re(() => {
+    const ge = Qt({ message: c, viewerLanguage: p });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, w]);
-  if (Hn(c))
+  }, [c, p]);
+  if (Yn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(j, { message: c });
-  if (Yn(c))
-    return /* @__PURE__ */ n(z, {});
-  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
-  let ee;
-  me ? ee = () => u(c) : he && (ee = () => L(!0));
-  const te = f(), le = k(
+    return /* @__PURE__ */ n(U, { message: c });
+  if (qn(c))
+    return /* @__PURE__ */ n(O, {});
+  const Z = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, he = Wn(c);
+  let Q;
+  me ? Q = () => u(c) : he && (Q = () => R(!0));
+  const te = f(), le = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": U,
+      "str-chat__message--has-attachment": B,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": H,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
-      "str-chat__message-with-thread-link": X || ue,
+      "str-chat__message--with-reactions": V,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((xt = c == null ? void 0 : c.error) == null ? void 0 : xt.status) !== 403,
+      "str-chat__message-with-thread-link": Z || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(F != null && F.length && !c.quoted_message), pt = fe && te && Oe;
+  ), ft = c.poll_id && v.polls.fromState(c.poll_id), gt = Ea(c), fe = Me(c), pt = Ca(c), Oe = !!(G != null && G.length && !c.quoted_message), bt = fe && te && Oe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       I,
@@ -1464,12 +1483,12 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         additionalMessageInputProps: t
       }
     ),
-    R && /* @__PURE__ */ n(
-      Wn,
+    D && /* @__PURE__ */ n(
+      Xn,
       {
-        MessageBouncePrompt: D,
-        onClose: () => L(!1),
-        open: R
+        MessageBouncePrompt: P,
+        onClose: () => R(!1),
+        open: D
       }
     ),
     /* @__PURE__ */ h(
@@ -1479,8 +1498,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          S && /* @__PURE__ */ n(S, {}),
-          !!B && /* @__PURE__ */ n(G, { reminder: B }),
+          T && /* @__PURE__ */ n(T, {}),
+          !!F && /* @__PURE__ */ n(Y, { reminder: F }),
           c.user && /* @__PURE__ */ n(
             ne,
             {
@@ -1496,66 +1515,66 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: y("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
-              onClick: ee,
-              onKeyDown: ee,
-              role: ee ? "button" : void 0,
-              tabIndex: ee ? 0 : void 0,
+              onClick: Q,
+              onKeyDown: Q,
+              role: Q ? "button" : void 0,
+              tabIndex: Q ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: pt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   C && /* @__PURE__ */ n(C, {}),
                   /* @__PURE__ */ n(
-                    Bt.Sent,
+                    Ut.Sent,
                     {
-                      title: (xt = c.metadata) == null ? void 0 : xt.attachment_title,
-                      mimeType: (wt = c.metadata) == null ? void 0 : wt.attachment_mime_type,
-                      thumbnailUrl: (Nt = c.metadata) == null ? void 0 : Nt.attachment_thumbnail,
-                      amountText: (_t = c.metadata) == null ? void 0 : _t.amount_text,
-                      detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
-                      paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
-                      onPreviewClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, v))
+                      title: (wt = c.metadata) == null ? void 0 : wt.attachment_title,
+                      mimeType: (Nt = c.metadata) == null ? void 0 : Nt.attachment_mime_type,
+                      thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
+                      amountText: (yt = c.metadata) == null ? void 0 : yt.amount_text,
+                      detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
+                      paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
+                      onPreviewClick: () => A == null ? void 0 : A(c, b),
+                      onFetchSource: async () => await (E == null ? void 0 : E(c, b))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    Bt.Received,
+                    Ut.Received,
                     {
-                      title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
-                      mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
-                      thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
-                      amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
-                      detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
-                      paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      isUnlocking: A(c.id),
-                      onUnlockClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (E == null ? void 0 : E(c, v)),
-                      onDownloadClick: () => O == null ? void 0 : O(c, v)
+                      title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
+                      mimeType: (It = c.metadata) == null ? void 0 : It.attachment_mime_type,
+                      thumbnailUrl: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
+                      amountText: (Tt = c.metadata) == null ? void 0 : Tt.amount_text,
+                      detail: (At = c.metadata) == null ? void 0 : At.attachment_detail,
+                      paymentStatus: (Mt = c.metadata) == null ? void 0 : Mt.payment_status,
+                      isUnlocking: S(c.id),
+                      onUnlockClick: () => A == null ? void 0 : A(c, b),
+                      onFetchSource: async () => await (E == null ? void 0 : E(c, b)),
+                      onDownloadClick: () => L == null ? void 0 : L(c, b)
                     }
                   ),
                   C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Dt,
+                  Pt,
                   {
-                    message: W,
-                    renderText: b
+                    message: J,
+                    renderText: w
                   }
                 ) })
-              ] }) : ft ? (
+              ] }) : gt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Be, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                fe && !pt && /* @__PURE__ */ n(
+                fe && !bt && /* @__PURE__ */ n(
                   Be,
                   {
                     message: c,
@@ -1563,33 +1582,33 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     isMyMessage: te
                   }
                 ),
-                ht && /* @__PURE__ */ n(Xn, { poll: ht }),
-                F != null && F.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  y,
+                ft && /* @__PURE__ */ n(Kn, { poll: ft }),
+                G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  k,
                   {
                     actionHandler: o,
-                    attachments: F
+                    attachments: G
                   }
                 ) : null,
-                q ? /* @__PURE__ */ n(
+                K ? /* @__PURE__ */ n(
                   x,
                   {
-                    message: W,
-                    renderText: b
+                    message: J,
+                    renderText: w
                   }
                 ) : /* @__PURE__ */ n(
-                  Dt,
+                  Pt,
                   {
-                    message: W,
-                    renderText: b
+                    message: J,
+                    renderText: w
                   }
                 ),
-                /* @__PURE__ */ n(Kn, {})
+                /* @__PURE__ */ n(Jn, {})
               ] }) })
             }
           ),
-          !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!fe || pt) && /* @__PURE__ */ n(
+          !pt && !gt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!fe || bt) && /* @__PURE__ */ n(
               Be,
               {
                 message: c,
@@ -1598,71 +1617,71 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && fe && /* @__PURE__ */ n(
-              ka,
+              Ia,
               {
-                selected: P,
+                selected: z,
                 onVoteUp: _,
                 onVoteDown: M
               }
             )
           ] }),
-          X && /* @__PURE__ */ n(
-            Q,
+          Z && /* @__PURE__ */ n(
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(Z, {})
+          ue && /* @__PURE__ */ n(W, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = V.memo(
-  Ca,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
-), Ia = (e) => {
+}, Ta = j.memo(
+  Sa,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ln(e, t)
+), Aa = (e) => {
   const t = ye("CustomMessage");
-  return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Sa = () => {
+  return /* @__PURE__ */ n(Ta, { ...t, ...e });
+}, Ma = () => {
   var s;
   const { handleDelete: e, message: t } = ye("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    Wt,
+    Xt,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(As, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ms, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ta = () => {
+}, Ra = () => {
   const { handleFlag: e } = ye("CustomMessageActions");
   return /* @__PURE__ */ n(
-    Wt,
+    Xt,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ht, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Yt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Aa = () => {
+}, La = () => {
   var t;
   const { message: e } = ye("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ps,
+    zs,
     {
       messageActionSet: [
-        { Component: Sa, placement: "quick", type: "delete" },
-        { Component: Ta, placement: "quick", type: "flag" }
+        { Component: Ma, placement: "quick", type: "delete" },
+        { Component: Ra, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ma = ({
+}, Da = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1702,26 +1721,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ra = (e) => ({
+}, Pa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
+    (t) => Dt.previewIsLoaded(t) || Dt.previewIsLoading(t)
   )
-}), La = () => {
-  const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Zn(
+}), za = () => {
+  const { linkPreviewsManager: e } = Zn(), { linkPreviews: t } = Qn(
     e.state,
-    Ra
+    Pa
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ma,
+    Da,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, st = V.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, at = j.createContext(!1), Si = () => _e(at), Oa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1729,25 +1748,25 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Ms, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Rs, { weight: "bold", className: "size-4" })
   }
-), Pa = () => {
-  const e = _e(st), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
-    SendButton: r = Da,
-    AttachmentPreviewList: i = ns
-  } = Gt("CustomMessageInput");
+), $a = () => {
+  const e = _e(at), { handleSubmit: t } = ts(), s = ns(), a = e || !s, {
+    SendButton: r = Oa,
+    AttachmentPreviewList: i = ss
+  } = Ht("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)]",
       "data-dd-privacy": "mask",
       children: [
-        /* @__PURE__ */ n(ss, {}),
-        /* @__PURE__ */ n(La, {}),
+        /* @__PURE__ */ n(as, {}),
+        /* @__PURE__ */ n(za, {}),
         /* @__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(
-            as,
+            rs,
             {
               "aria-disabled": e || void 0,
               className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1772,7 +1791,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, za = ({
+}, Fa = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1793,42 +1812,42 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(st.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Pa }) })
+          /* @__PURE__ */ n(at.Provider, { value: l, children: /* @__PURE__ */ n(es, { Input: r ?? $a }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Oa = [
+}, Ba = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], $a = {
+], Ua = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Fa = [
+}, ja = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ba = {
+], Va = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ue = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", jt = (e) => Oa.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
+}, Ue = "age safety guidelines.", Ga = "https://linktr.ee/s/about/contact", Vt = (e) => Ba.includes(e), Ha = (e) => ja.includes(e), Ya = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (jt(t))
+  if (Vt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (ja(t))
+  if (Ha(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (jt(s))
+  if (Vt(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, Ga = (e) => {
+}, qa = (e) => {
   const t = e.indexOf(Ue);
   if (t === -1)
     return e;
@@ -1838,7 +1857,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ua,
+        href: Ga,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1847,13 +1866,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Ha = (e) => {
+}, Wa = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Va(
+  const t = e.message.hide_date === !0, s = Ya(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || $a[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ua[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1879,7 +1898,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()) || Ba[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Va[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1889,7 +1908,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Rs,
+              Ls,
               {
                 size: 24,
                 weight: "duotone",
@@ -1898,7 +1917,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: Ga(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: qa(i) }) })
           ]
         }
       ),
@@ -1913,7 +1932,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] }),
     !t && /* @__PURE__ */ n($e, { message: e.message })
   ] });
-}, un = We(!1), je = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, mn = We(!1), je = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1923,21 +1942,21 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ya = /* @__PURE__ */ new Set([
+) }), Xa = /* @__PURE__ */ new Set([
   Fe.Thinking,
   Fe.Generating,
   Fe.ExternalSources
-]), qa = ({ threadList: e }) => {
-  var b, N;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
-  if (!e && o && Ya.has(l)) {
-    const w = Wa(t, (b = r.user) == null ? void 0 : b.id);
+]), Ka = ({ threadList: e }) => {
+  var w, N;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = is(), { aiState: l } = ls(t), o = _e(mn);
+  if (!e && o && Xa.has(l)) {
+    const p = Ja(t, (w = r.user) == null ? void 0 : w.id);
     return /* @__PURE__ */ n(
-      Vt,
+      Gt,
       {
-        avatarId: (w == null ? void 0 : w.id) ?? "ai-agent",
-        avatarName: (w == null ? void 0 : w.name) ?? (w == null ? void 0 : w.id) ?? "Agent",
-        avatarImage: w == null ? void 0 : w.image,
+        avatarId: (p == null ? void 0 : p.id) ?? "ai-agent",
+        avatarName: (p == null ? void 0 : p.name) ?? (p == null ? void 0 : p.id) ?? "Agent",
+        avatarImage: p == null ? void 0 : p.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1945,21 +1964,21 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
-      var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
+    ({ parent_id: p, user: v }) => {
+      var b;
+      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && !p;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: w, user: p }) => {
-      var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
+    ({ parent_id: p, user: v }) => {
+      var b;
+      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && p === (a == null ? void 0 : a.id);
     }
   ) : [], m = e ? g : u;
   if (!m.length)
     return null;
   const f = (N = m[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    Vt,
+    Gt,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -1967,7 +1986,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, Vt = ({
+}, Gt = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -2011,7 +2030,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function Wa(e, t) {
+function Ja(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)) {
@@ -2020,10 +2039,10 @@ function Wa(e, t) {
       return i;
   }
 }
-const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Za = () => null, Qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("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(
@@ -2063,12 +2082,12 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Re = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
+), Re = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(Qa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Re.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ae = "Replies instantly with AI assistant", Ja = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ae = "Replies instantly with AI assistant", er = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2083,33 +2102,34 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: m,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
+  showChannelInfo: w = !0,
   onParticipantNameClick: N,
-  renderHeaderTitleBadges: w
+  renderHeaderTitleBadges: p
 }) => {
-  var _, M, y, I, C, z, D;
-  const { channel: p } = de(), v = V.useMemo(() => {
-    var Q, G;
-    const j = (Q = p._client) == null ? void 0 : Q.userID;
-    return j ? Object.values(((G = p.state) == null ? void 0 : G.members) || {}).find(
-      (x) => {
-        var S;
-        return ((S = x.user) == null ? void 0 : S.id) && x.user.id !== j;
-      }
-    ) : void 0;
-  }, [(_ = p._client) == null ? void 0 : _.userID, (M = p.state) == null ? void 0 : M.members]), A = Jt(v == null ? void 0 : v.user), T = (y = v == null ? void 0 : v.user) == null ? void 0 : y.image, E = Kt(p), O = w == null ? void 0 : w({
-    channel: p,
-    participant: v
-  }), R = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", B = /* @__PURE__ */ h(se, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
-    O && /* @__PURE__ */ n("span", { className: "shrink-0", children: O })
-  ] }), P = async () => {
+  var _, M, k, I, C, O, P;
+  const { channel: v } = de(), b = j.useMemo(
+    () => {
+      var U, W;
+      return Ze(
+        (U = v.state) == null ? void 0 : U.members,
+        (W = v._client) == null ? void 0 : W.userID,
+        v.type
+      );
+    },
+    [(_ = v.state) == null ? void 0 : _.members, (M = v._client) == null ? void 0 : M.userID, v.type]
+  ), S = Zt(b == null ? void 0 : b.user), A = (k = b == null ? void 0 : b.user) == null ? void 0 : k.image, E = Jt(v), L = p == null ? void 0 : p({
+    channel: v,
+    participant: b
+  }), D = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", R = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", F = /* @__PURE__ */ h(se, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: S }),
+    L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
+  ] }), z = async () => {
     try {
-      E ? await p.unpin() : await p.pin();
-    } catch (j) {
+      E ? await v.unpin() : await v.pin();
+    } catch (U) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        j
+        U
       );
     }
   };
@@ -2118,7 +2138,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
+          className: y(
             oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2126,7 +2146,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ n(
@@ -2139,25 +2159,25 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: N,
-              "aria-label": `View details for ${A}`,
-              className: k(
-                R,
+              "aria-label": `View details for ${S}`,
+              className: y(
+                D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ n(
                   ne,
                   {
-                    id: ((I = v == null ? void 0 : v.user) == null ? void 0 : I.id) || p.id || "unknown",
-                    name: A,
-                    image: T,
+                    id: ((I = b == null ? void 0 : b.user) == null ? void 0 : I.id) || v.id || "unknown",
+                    name: S,
+                    image: A,
                     starred: s && E,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  B,
+                  F,
                   /* @__PURE__ */ n(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2166,20 +2186,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ h("div", { className: R, children: [
+          ) : /* @__PURE__ */ h("div", { className: D, children: [
             /* @__PURE__ */ n(
               ne,
               {
-                id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || p.id || "unknown",
-                name: A,
-                image: T,
+                id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
+                name: S,
+                image: A,
                 starred: s && E,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              B,
+              F,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2200,13 +2220,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: P,
+            onClick: z,
             type: "button",
             "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: k("size-5", {
+                className: y("size-5", {
                   "text-yellow-600": E,
                   "text-black/90": !E
                 }),
@@ -2215,11 +2235,11 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Ft,
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Bt,
           {
-            channel: p,
-            participant: v,
+            channel: v,
+            participant: b,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2229,7 +2249,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: k(oe, "bg-[#F1F0EE]")
+            triggerClassName: y(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2239,14 +2259,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: y(
               oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Ot, { className: "size-5 text-black/90" })
           }
         ),
         N ? /* @__PURE__ */ h(
@@ -2254,18 +2274,18 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: N,
-            "aria-label": `View details for ${A}`,
-            className: k(
-              L,
+            "aria-label": `View details for ${S}`,
+            className: y(
+              R,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || p.id || "unknown",
-                  name: A,
-                  image: T,
+                  id: ((O = b == null ? void 0 : b.user) == null ? void 0 : O.id) || v.id || "unknown",
+                  name: S,
+                  image: A,
                   starred: s && E,
                   dmAgentEnabled: a,
                   size: 48
@@ -2273,7 +2293,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ h("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  B,
+                  F,
                   /* @__PURE__ */ n(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2283,13 +2303,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ] })
             ]
           }
-        ) : /* @__PURE__ */ h("div", { className: L, children: [
+        ) : /* @__PURE__ */ h("div", { className: R, children: [
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((D = v == null ? void 0 : v.user) == null ? void 0 : D.id) || p.id || "unknown",
-              name: A,
-              image: T,
+              id: ((P = b == null ? void 0 : b.user) == null ? void 0 : P.id) || v.id || "unknown",
+              name: S,
+              image: A,
               starred: s && E,
               dmAgentEnabled: a,
               size: 48
@@ -2297,7 +2317,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
             /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              B,
+              F,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2318,13 +2338,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: P,
+            onClick: z,
             type: "button",
             "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: k("size-6", {
+                className: y("size-6", {
                   "text-yellow-600": E,
                   "text-black/90": !E
                 }),
@@ -2333,11 +2353,11 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Ft,
+        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+          Bt,
           {
-            channel: p,
-            participant: v,
+            channel: v,
+            participant: b,
             showDeleteConversation: l,
             showBlockParticipant: o,
             showReportParticipant: d,
@@ -2353,7 +2373,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Za = ({
+}, tr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2368,67 +2388,68 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: m = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
+  composerDisabledReason: w,
   showStarButton: N = !1,
-  chatbotVotingEnabled: w = !1,
-  renderChannelBanner: p,
-  renderHeaderTitleBadges: v,
-  customChannelActions: A,
-  renderChannelActions: T,
+  chatbotVotingEnabled: p = !1,
+  renderChannelBanner: v,
+  renderHeaderTitleBadges: b,
+  customChannelActions: S,
+  renderChannelActions: A,
   renderMessage: E,
-  dmAgentEnabled: O = !1,
-  viewerLanguage: R,
-  showChannelInfo: L = !0,
-  onParticipantNameClick: B,
-  composerInput: P
+  dmAgentEnabled: L = !1,
+  viewerLanguage: D,
+  showChannelInfo: R = !0,
+  onParticipantNameClick: F,
+  composerInput: z
 }) => {
-  var j, Z, Q, G, x, S;
-  const { channel: _ } = de(), M = V.useMemo(() => {
-    var q, F;
-    const U = (q = _._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find(
-      (W) => {
-        var X;
-        return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
-      }
-    ) : void 0;
-  }, [(j = _._client) == null ? void 0 : j.userID, (Z = _.state) == null ? void 0 : Z.members]), y = V.useMemo(() => {
-    var q, F;
-    const U = (q = _._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find((W) => {
-      var X;
-      return ((X = W.user) == null ? void 0 : X.id) === U;
+  var U, W, ee, Y, x, T;
+  const { channel: _ } = de(), M = j.useMemo(
+    () => {
+      var B, V;
+      return Ze(
+        (B = _.state) == null ? void 0 : B.members,
+        (V = _._client) == null ? void 0 : V.userID,
+        _.type
+      );
+    },
+    [(U = _.state) == null ? void 0 : U.members, (W = _._client) == null ? void 0 : W.userID, _.type]
+  ), k = j.useMemo(() => {
+    var K, G;
+    const B = (K = _._client) == null ? void 0 : K.userID;
+    return B ? Object.values(((G = _.state) == null ? void 0 : G.members) || {}).find((J) => {
+      var Z;
+      return ((Z = J.user) == null ? void 0 : Z.id) === B;
     }) : void 0;
-  }, [(Q = _._client) == null ? void 0 : Q.userID, (G = _.state) == null ? void 0 : G.members]), I = ((x = y == null ? void 0 : y.user) == null ? void 0 : x.is_account) ?? (y == null ? void 0 : y.is_account), C = ((S = M == null ? void 0 : M.user) == null ? void 0 : S.is_account) ?? (M == null ? void 0 : M.is_account), z = O && I === !1 && C === !0, D = J(
-    (U) => {
-      const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
-        Ia,
+  }, [(ee = _._client) == null ? void 0 : ee.userID, (Y = _.state) == null ? void 0 : Y.members]), I = ((x = k == null ? void 0 : k.user) == null ? void 0 : x.is_account) ?? (k == null ? void 0 : k.is_account), C = ((T = M == null ? void 0 : M.user) == null ? void 0 : T.is_account) ?? (M == null ? void 0 : M.is_account), O = L && I === !1 && C === !0, P = X(
+    (B) => {
+      const { message: V } = ye("ChannelView"), K = /* @__PURE__ */ n(
+        Aa,
         {
-          ...U,
-          chatbotVotingEnabled: w,
-          viewerLanguage: R
+          ...B,
+          chatbotVotingEnabled: p,
+          viewerLanguage: D
         }
       );
-      return !E || !H ? q : E(q, H);
+      return !E || !V ? K : E(K, V);
     },
-    [w, E, R]
+    [p, E, D]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
-    os,
+    cs,
     {
       overrides: {
-        Message: D,
-        MessageActions: Aa
+        Message: P,
+        MessageActions: La
       },
-      children: /* @__PURE__ */ h(cs, { children: [
+      children: /* @__PURE__ */ h(ds, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Ja,
+          er,
           {
             onBack: e,
             showBackButton: t,
-            showChannelInfo: L,
+            showChannelInfo: R,
             showStarButton: N,
-            dmAgentEnabled: z,
+            dmAgentEnabled: O,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2437,39 +2458,39 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: u,
             onReportParticipantClick: g,
-            customChannelActions: A,
-            renderChannelActions: T,
-            onParticipantNameClick: B,
-            renderHeaderTitleBadges: v
+            customChannelActions: S,
+            renderChannelActions: A,
+            onParticipantNameClick: F,
+            renderHeaderTitleBadges: b
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(V.Fragment, { children: p() }, "lt-channel-banner") : null,
+        v ? /* @__PURE__ */ n(j.Fragment, { children: v() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(ds, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(us, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(V.Fragment, { children: r(_) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(_) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          za,
+          Fa,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(_)
             },
             renderFooter: () => a == null ? void 0 : a(_),
             disabled: c,
-            disabledReason: b,
-            composerInput: P
+            disabledReason: w,
+            composerInput: z
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, mn = V.memo(
+}, hn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2480,86 +2501,86 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = Xa,
+    CustomChannelEmptyState: u = Za,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: w = !0,
     showReportParticipant: N = !0,
-    composerDisabled: w = !1,
-    composerDisabledReason: p,
-    dmAgentEnabled: v,
-    messageMetadata: A,
-    onMessageSent: T,
+    composerDisabled: p = !1,
+    composerDisabledReason: v,
+    dmAgentEnabled: b,
+    messageMetadata: S,
+    onMessageSent: A,
     showStarButton: E = !1,
-    chatbotVotingEnabled: O = !1,
-    renderChannelBanner: R,
-    renderHeaderTitleBadges: L,
-    customChannelActions: B,
-    renderChannelActions: P,
+    chatbotVotingEnabled: L = !1,
+    renderChannelBanner: D,
+    renderHeaderTitleBadges: R,
+    customChannelActions: F,
+    renderChannelActions: z,
     renderMessage: _,
     onMessageLinkClick: M,
-    sendButton: y,
+    sendButton: k,
     attachmentPreviewList: I,
     viewerLanguage: C,
-    showChannelInfo: z = !0,
-    onParticipantNameClick: D,
-    composerInput: j
+    showChannelInfo: O = !0,
+    onParticipantNameClick: P,
+    composerInput: U
   }) => {
-    const Z = J(
-      async (G, x, S) => {
-        var X;
-        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, H = v && !U, q = {
+    const W = X(
+      async (Y, x, T) => {
+        var Z;
+        const B = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, V = b && !B, K = {
           ...x,
-          ...H && { silent: !0 },
-          ...A && {
+          ...V && { silent: !0 },
+          ...S && {
             metadata: {
               ...x.metadata ?? {},
-              ...A
+              ...S
             }
           }
-        }, F = {
-          ...S,
-          ...H && { skip_push: !0 }
-        }, W = await e.sendMessage(q, F);
-        return T == null || T(W), W;
+        }, G = {
+          ...T,
+          ...V && { skip_push: !0 }
+        }, J = await e.sendMessage(K, G);
+        return A == null || A(J), J;
       },
-      [e, v, A, T]
-    ), Q = Y(null);
-    return K(() => {
+      [e, b, S, A]
+    ), ee = H(null);
+    return q(() => {
       if (!M) return;
-      const G = Q.current;
-      if (!G) return;
-      const x = (S) => {
-        const U = S.target, H = U == null ? void 0 : U.closest("a[href]"), q = H == null ? void 0 : H.getAttribute("href");
-        if (!q) return;
-        const F = H == null ? void 0 : H.closest("[data-message-id]"), W = F == null ? void 0 : F.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
-        M(q, X);
+      const Y = ee.current;
+      if (!Y) return;
+      const x = (T) => {
+        const B = T.target, V = B == null ? void 0 : B.closest("a[href]"), K = V == null ? void 0 : V.getAttribute("href");
+        if (!K) return;
+        const G = V == null ? void 0 : V.closest("[data-message-id]"), J = G == null ? void 0 : G.getAttribute("data-message-id"), Z = J ? e.state.messages.find((ue) => ue.id === J) : void 0;
+        M(K, Z);
       };
-      return G.addEventListener("click", x), () => G.removeEventListener("click", x);
+      return Y.addEventListener("click", x), () => Y.removeEventListener("click", x);
     }, [M, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: Q,
-        className: k(
+        ref: ee,
+        className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(un.Provider, { value: v ?? !1, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n(mn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+          os,
           {
             channel: e,
-            MessageSystem: Ha,
+            MessageSystem: Wa,
             EmptyStateIndicator: u,
             LoadingIndicator: Re,
-            DateSeparator: Vs,
-            TypingIndicator: qa,
-            doSendMessageRequest: Z,
-            ...y ? { SendButton: y } : {},
+            DateSeparator: Ys,
+            TypingIndicator: Ka,
+            doSendMessageRequest: W,
+            ...k ? { SendButton: k } : {},
             ...I ? { AttachmentPreviewList: I } : {},
             children: /* @__PURE__ */ n(
-              Za,
+              tr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2573,22 +2594,22 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: m,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: w,
                 showReportParticipant: N,
-                composerDisabled: w,
-                composerDisabledReason: p,
+                composerDisabled: p,
+                composerDisabledReason: v,
                 showStarButton: E,
-                dmAgentEnabled: v,
-                chatbotVotingEnabled: O,
-                renderChannelBanner: R,
-                renderHeaderTitleBadges: L,
-                customChannelActions: B,
-                renderChannelActions: P,
+                dmAgentEnabled: b,
+                chatbotVotingEnabled: L,
+                renderChannelBanner: D,
+                renderHeaderTitleBadges: R,
+                customChannelActions: F,
+                renderChannelActions: z,
                 renderMessage: _,
                 viewerLanguage: C,
-                showChannelInfo: z,
-                onParticipantNameClick: D,
-                composerInput: j
+                showChannelInfo: O,
+                onParticipantNameClick: P,
+                composerInput: U
               }
             )
           }
@@ -2597,8 +2618,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-mn.displayName = "ChannelView";
-const xe = V.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: [
+hn.displayName = "ChannelView";
+const xe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2613,7 +2634,7 @@ const xe = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 xe.displayName = "ErrorState";
-const Ei = ({
+const Ti = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2628,66 +2649,66 @@ const Ei = ({
   onMessageSent: m,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
+  renderHeaderTitleBadges: w,
   renderChannelBanner: N,
-  customChannelActions: w,
-  renderChannelActions: p,
-  onParticipantNameClick: v,
-  renderMessage: A,
-  onMessageLinkClick: T,
+  customChannelActions: p,
+  renderChannelActions: v,
+  onParticipantNameClick: b,
+  renderMessage: S,
+  onMessageLinkClick: A,
   showChannelInfo: E,
-  composerInput: O
+  composerInput: L
 }) => {
   const {
-    client: R,
-    isConnected: L,
-    isLoading: B,
-    error: P,
+    client: D,
+    isConnected: R,
+    isLoading: F,
+    error: z,
     refreshConnection: _,
     service: M,
-    debug: y
-  } = zs(), [I, C] = $(null), [z, D] = $(null), [j, Z] = $(!1), { showDeleteConversation: Q = !0 } = e, G = Y(l);
-  G.current = l;
-  const x = Y(a);
+    debug: k
+  } = Os(), [I, C] = $(null), [O, P] = $(null), [U, W] = $(!1), { showDeleteConversation: ee = !0 } = e, Y = H(l);
+  Y.current = l;
+  const x = H(a);
   x.current = a;
-  const S = Y(null), U = Y(null);
-  K(() => {
-    U.current = I;
-  }, [I]), K(() => {
-    if (!R || !L) return;
-    const F = R.userID;
-    if (!F) return;
-    const W = `${F}::${i}`;
-    if (S.current === W) return;
-    S.current = W;
-    const X = () => {
-      S.current === W && (S.current = null);
+  const T = H(null), B = H(null);
+  q(() => {
+    B.current = I;
+  }, [I]), q(() => {
+    if (!D || !R) return;
+    const G = D.userID;
+    if (!G) return;
+    const J = `${G}::${i}`;
+    if (T.current === J) return;
+    T.current = J;
+    const Z = () => {
+      T.current === J && (T.current = null);
     };
     (async () => {
       var me, he;
       try {
-        y && console.log(
+        k && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ee = await R.queryChannels(
+        const Q = await D.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [F, i] }
+            members: { $eq: [G, i] }
           },
           {},
           { limit: 1 }
         );
-        if (ee.length > 0) {
-          C(ee[0]), D(null), (me = x.current) == null || me.call(x, ee[0]), y && console.log(
+        if (Q.length > 0) {
+          C(Q[0]), P(null), (me = x.current) == null || me.call(x, Q[0]), k && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ee[0].id
+            Q[0].id
           );
           return;
         }
-        const te = G.current;
+        const te = Y.current;
         if (!te || !M) {
-          X(), D("No conversation found with this account"), y && console.log(
+          Z(), P("No conversation found with this account"), k && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2699,7 +2720,7 @@ const Ei = ({
             name: te.name,
             phone: te.phone
           });
-          C(le), D(null), (he = x.current) == null || he.call(x, le), y && console.log(
+          C(le), P(null), (he = x.current) == null || he.call(x, le), k && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -2707,64 +2728,64 @@ const Ei = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             le
-          ), X(), D("Failed to create conversation");
+          ), Z(), P("Failed to create conversation");
         }
-      } catch (ee) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ee
-        ), X(), U.current || D("Failed to load conversation");
+          Q
+        ), Z(), B.current || P("Failed to load conversation");
       }
     })();
-  }, [i, R, L, M, y]);
-  const H = Y(r);
-  H.current = r;
-  const q = J(() => {
-    var F;
-    C(null), Z(!0), (F = H.current) == null || F.call(H);
+  }, [i, D, R, M, k]);
+  const V = H(r);
+  V.current = r;
+  const K = X(() => {
+    var G;
+    C(null), W(!0), (G = V.current) == null || G.call(V);
   }, []);
-  return B ? /* @__PURE__ */ n(Re, {}) : P ? /* @__PURE__ */ n(xe, { message: P, onBack: _ }) : !L || !R ? /* @__PURE__ */ n(
+  return F ? /* @__PURE__ */ n(Re, {}) : z ? /* @__PURE__ */ n(xe, { message: z, onBack: _ }) : !R || !D ? /* @__PURE__ */ n(
     xe,
     {
       message: "Not connected to messaging service",
       onBack: _
     }
-  ) : z ? /* @__PURE__ */ n(xe, { message: z }) : j && !I ? /* @__PURE__ */ n(xe, { 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(
-    mn,
+  ) : O ? /* @__PURE__ */ n(xe, { message: O }) : U && !I ? /* @__PURE__ */ n(xe, { 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(
+    hn,
     {
       channel: I,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: N,
-      onLeaveConversation: q,
-      onBlockParticipant: q,
+      onLeaveConversation: K,
+      onBlockParticipant: K,
       CustomChannelEmptyState: o,
-      showDeleteConversation: Q,
+      showDeleteConversation: ee,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
       onMessageSent: m,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
-      customChannelActions: w,
-      renderChannelActions: p,
-      onParticipantNameClick: v,
-      renderMessage: A,
-      onMessageLinkClick: T,
+      renderHeaderTitleBadges: w,
+      customChannelActions: p,
+      renderChannelActions: v,
+      onParticipantNameClick: b,
+      renderMessage: S,
+      onMessageLinkClick: A,
       showChannelInfo: E,
-      composerInput: O
+      composerInput: L
     },
     I.id
   ) }) }) : /* @__PURE__ */ n(Re, {});
 };
-function Qa(e) {
+function nr(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const hn = V.createContext({
+const fn = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -2772,18 +2793,18 @@ const hn = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), er = hn.Provider, tr = () => V.useContext(hn), nr = (e, t) => {
+}), sr = fn.Provider, ar = () => j.useContext(fn), rr = (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));
-}, sr = (e) => {
+}, ir = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = nr(e, t);
+  const a = rr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2793,9 +2814,9 @@ const hn = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, fn = V.memo(
+}, gn = j.memo(
   (e) => {
-    var L, B, P;
+    var D, R, F, z;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -2803,7 +2824,7 @@ const hn = V.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = tr(), u = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), g = Kt(t);
+    } = ar(), u = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), g = Jt(t);
     if (l)
       return /* @__PURE__ */ n(
         l,
@@ -2818,40 +2839,39 @@ const hn = V.createContext({
     const m = () => {
       t && r(t);
     }, f = (_) => {
-      const M = _.key === "Enter" || _.key === " ", y = _.repeat;
-      !M || y || (_.preventDefault(), m());
-    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
-      (_) => {
-        var M, y;
-        return ((M = _.user) == null ? void 0 : M.id) && _.user.id !== ((y = t == null ? void 0 : t._client) == null ? void 0 : y.userID);
-      }
-    ), N = Jt(b == null ? void 0 : b.user), w = (B = b == null ? void 0 : b.user) == null ? void 0 : B.image, p = (() => {
+      const M = _.key === "Enter" || _.key === " ", k = _.repeat;
+      !M || k || (_.preventDefault(), m());
+    }, c = Ze(
+      (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
+      (R = t == null ? void 0 : t._client) == null ? void 0 : R.userID,
+      t == null ? void 0 : t.type
+    ), w = Zt(c == null ? void 0 : c.user), N = (F = c == null ? void 0 : c.user) == null ? void 0 : F.image, p = (() => {
       var M;
       const _ = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
       if (_ != null && _.length) {
-        for (let y = _.length - 1; y >= 0; y--)
-          if (_[y].type !== "system") return _[y];
+        for (let k = _.length - 1; k >= 0; k--)
+          if (_[k].type !== "system") return _[k];
       }
-    })(), A = (() => {
-      var z, D, j, Z;
-      const _ = Zt({
+    })(), b = (() => {
+      var O, P, U, W;
+      const _ = Qt({
         message: p,
         viewerLanguage: d
       });
-      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
-      if (((D = p == null ? void 0 : p.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((j = p == null ? void 0 : p.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
+      if (((P = p == null ? void 0 : p.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
+      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
         return _ ? `📎 ${_}` : "📎 Sent an attachment";
       if (_) return _;
-      const C = (Z = p == null ? void 0 : p.attachments) == null ? void 0 : Z[0];
+      const C = (W = p == null ? void 0 : p.attachments) == null ? void 0 : W[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), T = p != null && p.created_at ? sr(new Date(p.created_at)) : "", E = p ? Me(p) : !1, O = o ? o(p, A) : `${E ? "✨ " : ""}${A}`, R = s ?? 0;
+    })(), S = p != null && p.created_at ? ir(new Date(p.created_at)) : "", A = p ? Me(p) : !1, E = o ? o(p, b) : `${A ? "✨ " : ""}${b}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: u,
-      participantName: N,
-      unreadCount: R,
-      hasTimestamp: !!T
+      participantName: w,
+      unreadCount: L,
+      hasTimestamp: !!S
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2859,7 +2879,7 @@ const hn = V.createContext({
         tabIndex: 0,
         onClick: m,
         onKeyDown: f,
-        className: k(
+        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]": u,
@@ -2871,9 +2891,9 @@ const hn = V.createContext({
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((P = b == null ? void 0 : b.user) == null ? void 0 : P.id) || t.id || "unknown",
-              name: N,
-              image: w,
+              id: ((z = c == null ? void 0 : c.user) == null ? void 0 : z.id) || t.id || "unknown",
+              name: w,
+              image: N,
               size: 48,
               starred: g
             }
@@ -2883,20 +2903,20 @@ const hn = V.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: k(
+                  className: y(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
                     g && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    N
+                    w
                   ]
                 }
               ),
-              T && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: T })
+              S && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: S })
             ] }),
             /* @__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: O }),
-              R > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
+              L > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -2904,27 +2924,27 @@ const hn = V.createContext({
     );
   }
 );
-fn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = V.memo(
+gn.displayName = "CustomChannelPreview";
+const lr = { last_message_at: -1 }, or = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = ar,
+    sort: i = lr,
     className: l,
     customEmptyStateIndicator: o,
     channelPreview: d,
     renderMessagePreview: u,
     viewerLanguage: g
   }) => {
-    const m = V.useRef(0);
+    const m = j.useRef(0);
     m.current++;
-    const { debug: f = !1 } = Je(), c = V.useCallback(
+    const { debug: f = !1 } = Je(), c = j.useCallback(
       (N) => {
-        for (const w of N)
-          Qa(w);
+        for (const p of N)
+          nr(p);
         return r ? r(N) : N;
       },
       [r]
@@ -2934,7 +2954,7 @@ const ar = { last_message_at: -1 }, rr = V.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const b = V.useMemo(
+    const w = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2955,20 +2975,20 @@ const ar = { last_message_at: -1 }, rr = V.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: y(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: b, children: /* @__PURE__ */ n(
-          us,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(sr, { value: w, children: /* @__PURE__ */ n(
+          ms,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: c,
-            Paginator: ms,
-            Preview: fn,
+            Paginator: hs,
+            Preview: gn,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -2977,27 +2997,27 @@ const ar = { last_message_at: -1 }, rr = V.memo(
     );
   }
 );
-rr.displayName = "ChannelList";
-const ir = /^([a-z][a-z0-9+.-]*):/i, lr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function at(e) {
+or.displayName = "ChannelList";
+const cr = /^([a-z][a-z0-9+.-]*):/i, dr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function rt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = ir.exec(t);
+  const s = cr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return lr.has(a) ? t : void 0;
+    return dr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const or = {
+const ur = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, cr = ({ variant: e, cta: t }) => {
-  const s = k(
+}, mr = ({ 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",
-    or[e]
-  ), a = at(t.href);
+    ur[e]
+  ), a = rt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -3023,13 +3043,13 @@ const or = {
       children: t.label
     }
   );
-}, dr = {
+}, hr = {
   dark: "text-white",
   light: "text-black/90"
-}, ur = "text-white/30", mr = {
+}, fr = "text-white/30", gr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, rt = ({
+}, it = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -3039,14 +3059,14 @@ const or = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !m && !c && !b) return null;
-  const w = k(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", w = l != null;
+  if (!g && !m && !c && !w) return null;
+  const p = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? ur : dr[e]
-  ), p = k(
+    d && !t ? fr : hr[e]
+  ), v = y(
     "truncate text-xs leading-4",
-    mr[e]
+    gr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -3054,17 +3074,17 @@ const or = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", w), children: u })
+            /* @__PURE__ */ n("p", { className: y("min-w-0", p), children: u })
           ] }),
-          m && /* @__PURE__ */ n("p", { className: p, children: a })
+          m && /* @__PURE__ */ n("p", { className: v, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !w && c && /* @__PURE__ */ n("p", { className: v, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
+    l && /* @__PURE__ */ n(mr, { variant: e, cta: l })
   ] });
-}, hr = k(
+}, pr = 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"
@@ -3082,8 +3102,8 @@ const or = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = k(
-    hr,
+  const u = s != null || a != null, g = y(
+    pr,
     o ?? (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
@@ -3113,7 +3133,7 @@ const or = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: y(g, "text-left"),
       children: [
         t,
         m
@@ -3131,17 +3151,17 @@ const or = {
       ]
     }
   );
-}, fr = {
+}, br = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, gr = {
+}, vr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, ze = (e, t) => !!t && !!e && ie(e) === "audio", gn = (e, t) => {
+}, ze = (e, t) => !!t && !!e && ie(e) === "audio", pn = (e, t) => {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
-}, it = "bg-[#F2F3F4]", De = ({
+}, lt = "bg-[#F2F3F4]", De = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3163,7 +3183,7 @@ const or = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3190,12 +3210,12 @@ const or = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: y(
               "flex h-full w-full items-center justify-center",
-              fr[e]
+              br[e]
             ),
             children: ce(r, {
-              className: gr[e],
+              className: vr[e],
               weight: "regular"
             })
           }
@@ -3205,7 +3225,7 @@ const or = {
       ]
     }
   );
-}, pr = ({
+}, xr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3219,7 +3239,7 @@ const or = {
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = o === "classic", c = ze(r, l), b = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = ze(r, l), w = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3235,10 +3255,10 @@ const or = {
       onClick: m,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ls, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ds, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Le, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Le, { variant: "dark", bgClassName: lt, 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(
       De,
       {
@@ -3248,12 +3268,12 @@ const or = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
   ] }) }) : /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? w : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           De,
@@ -3263,11 +3283,11 @@ const or = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: w
           }
         ),
         /* @__PURE__ */ n(
-          rt,
+          it,
           {
             variant: "dark",
             title: e,
@@ -3282,7 +3302,7 @@ const or = {
       ]
     }
   );
-}, br = ({
+}, wr = ({
   title: e,
   description: t,
   url: s,
@@ -3294,11 +3314,11 @@ const or = {
   cta: d,
   onClick: u
 }) => {
-  const g = gn(a, i), m = at(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? it : void 0, N = d && u ? {
+  const g = pn(a, i), m = rt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, w = ze(a, i) ? lt : void 0, N = d && u ? {
     ...d,
     onClick: () => {
-      var w;
-      u(), (w = d.onClick) == null || w.call(d);
+      var p;
+      u(), (p = d.onClick) == null || p.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
@@ -3308,7 +3328,7 @@ const or = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: w,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3322,7 +3342,7 @@ const or = {
           }
         ),
         /* @__PURE__ */ n(
-          rt,
+          it,
           {
             variant: "light",
             title: e,
@@ -3335,7 +3355,7 @@ const or = {
       ]
     }
   );
-}, vr = ({
+}, Nr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3348,14 +3368,14 @@ const or = {
   cta: u,
   onClick: g
 }) => {
-  const m = gn(r, l), f = at(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
+  const m = pn(r, l), f = rt(a), c = u == null && f != null && !m ? f : void 0, w = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
       href: c,
-      onClick: b,
-      bgClassName: ze(r, l) ? it : void 0,
+      onClick: w,
+      bgClassName: ze(r, l) ? lt : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
           De,
@@ -3368,7 +3388,7 @@ const or = {
           }
         ),
         /* @__PURE__ */ n(
-          rt,
+          it,
           {
             variant: "dark",
             title: e,
@@ -3382,20 +3402,20 @@ const or = {
       ]
     }
   );
-}, Ii = {
-  Composer: pr,
-  Sent: vr,
-  Received: br
-}, xr = {
+}, Ai = {
+  Composer: xr,
+  Sent: Nr,
+  Received: wr
+}, _r = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, wr = {
+}, yr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Nr = {
+}, kr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, _r = (e) => e === "dark" ? "sender" : "receiver", yr = {
+}, Cr = (e) => e === "dark" ? "sender" : "receiver", Er = {
   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]",
@@ -3417,13 +3437,13 @@ const or = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = yr[_r(e)][a];
+  const o = t != null && t !== "", d = Er[Cr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": l,
       "data-group-position": a,
-      className: k(
+      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
@@ -3432,10 +3452,10 @@ const or = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        xr[e],
-        wr[e],
+        _r[e],
+        yr[e],
         s && "border",
-        s && Nr[e],
+        s && kr[e],
         r
       ),
       children: [
@@ -3443,7 +3463,7 @@ const or = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            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.
@@ -3472,22 +3492,22 @@ const or = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    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(Pe, { className: "size-3", weight: "bold" })
   }
-), Ee = (e) => e === "received" ? "light" : "dark", Si = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Mi = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", kr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ir = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Sr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3499,7 +3519,7 @@ const or = {
     }
   ),
   s ?? null
-] }), lt = ({
+] }), ot = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3510,7 +3530,7 @@ const or = {
   preload: o,
   onDismiss: d
 }) => {
-  const u = Ee(e), g = e === "composer" && !!d, m = kr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Ee(e), g = e === "composer" && !!d, m = Ir({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = o ?? (m.length > 1 ? "none" : "metadata");
@@ -3521,30 +3541,30 @@ const or = {
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
-        Cr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, w) => /* @__PURE__ */ n(
+        Sr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && w === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${w}`
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Tr = {
-  Composer: Er,
-  Sent: Ir,
-  Received: Sr
+}, Tr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Ar = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Mr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Rr = {
+  Composer: Tr,
+  Sent: Ar,
+  Received: Mr
 };
-function Ar(e) {
+function Lr(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 Mr = {
+const Dr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3554,7 +3574,7 @@ const Mr = {
   text: "TXT",
   markdown: "MD"
 };
-function Rr(e, t) {
+function Pr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3564,7 +3584,7 @@ function Rr(e, t) {
   }
   if (!e) return;
   if (ie(e) === "document") {
-    const r = tn(e), i = Mr[r];
+    const r = nn(e), i = Dr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3572,8 +3592,8 @@ function Rr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Lr(e, t, s) {
-  const a = Rr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
+function zr(e, t, s) {
+  const a = Pr(e, t), r = typeof s == "number" && s > 0 ? Lr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ae(e) {
@@ -3584,16 +3604,16 @@ function ae(e) {
     return "download";
   }
 }
-const Dr = {
+const Or = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Pr = {
+}, $r = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, zr = {
+}, Fr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, pn = ({
+}, bn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3603,16 +3623,16 @@ const Dr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", u = Lr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = zr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Pr[e]
+        $r[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: k("size-6", zr[e]),
+        className: y("size-6", Fr[e]),
         weight: "regular"
       })
     }
@@ -3621,9 +3641,9 @@ const Dr = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: y(
           "truncate text-xs leading-4",
-          Dr[e]
+          Or[e]
         ),
         children: u
       }
@@ -3634,7 +3654,7 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: k(
+      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]"
       ),
@@ -3652,7 +3672,7 @@ const Dr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function bn(e, t) {
+async function vn(e, t) {
   const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3666,14 +3686,14 @@ async function bn(e, t) {
     }
   }
 }
-const Or = ({
+const Br = ({
   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 }] : [], $r = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Ur = ({
   variant: e,
   item: t,
   index: s,
@@ -3682,7 +3702,7 @@ const Or = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -3694,7 +3714,7 @@ const Or = ({
       trailingAction: r
     }
   );
-}, ot = ({
+}, ct = ({
   state: e,
   src: t,
   filename: s,
@@ -3707,26 +3727,26 @@ const Or = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ee(e), f = e === "composer" && !!g, c = Or({
+  const m = Ee(e), f = e === "composer" && !!g, c = Br({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), b = (w) => {
-    if ((u == null ? void 0 : u(w)) === !1) return;
-    const p = c[w];
-    if (!p) return;
-    const v = p.filename ?? ae(p.src);
-    bn(p.src, v);
+  }), w = (p) => {
+    if ((u == null ? void 0 : u(p)) === !1) return;
+    const v = c[p];
+    if (!v) return;
+    const b = v.filename ?? ae(v.src);
+    vn(v.src, b);
   };
   if (c.length === 0)
     return null;
   const N = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: y(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3741,24 +3761,24 @@ const Or = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
-        $r,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, v) => /* @__PURE__ */ n(
+        Ur,
         {
           variant: m,
-          item: w,
-          index: p,
-          onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
+          item: p,
+          index: v,
+          onActivate: w,
+          trailingAction: f && v === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
         },
-        `${w.src}-${p}`
+        `${p.src}-${v}`
       )) })
     }
   );
-}, Fr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), jr = {
-  Composer: Fr,
-  Sent: Br,
-  Received: Ur
-}, ct = ({
+}, jr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Vr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Gr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), Hr = {
+  Composer: jr,
+  Sent: Vr,
+  Received: Gr
+}, dt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -3771,7 +3791,7 @@ const Or = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3784,7 +3804,7 @@ const Or = ({
       children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), vn = ({
+] }), xn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3793,15 +3813,15 @@ const Or = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = $(!1), u = J(
+  const [o, d] = $(!1), u = X(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), vn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
     },
     [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: y(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3812,7 +3832,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": a,
-      className: k(
+      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",
@@ -3852,7 +3872,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": g ? a : void 0,
-      className: k(
+      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"
       ),
@@ -3869,23 +3889,23 @@ const Or = ({
       ]
     }
   );
-}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
+}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), ut = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
   const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
-  K(() => {
+  q(() => {
     s && i(Ve(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), K(() => {
+  }, [s, t, e]), q(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = J(() => {
+  const l = X(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = J(() => {
+  }, [e]), o = X(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return K(() => {
+  return q(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -3894,7 +3914,7 @@ const Or = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, l, o]), { index: r, prev: l, next: o };
-}, ut = ({
+}, mt = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3903,8 +3923,8 @@ const Or = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = Y(null), d = Y(null);
-  return K(() => {
+  const o = H(null), d = H(null);
+  return q(() => {
     var f;
     const m = o.current;
     if (m) {
@@ -3984,13 +4004,13 @@ const Or = ({
       ]
     }
   );
-}, xn = ({
+}, wn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: l } = ut({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3999,14 +4019,14 @@ const Or = ({
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    ut,
+    mt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        vn,
+        xn,
         {
           url: o.src,
           filename: d,
@@ -4029,7 +4049,7 @@ const Or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ct,
+          dt,
           {
             onPrev: i,
             onNext: l,
@@ -4040,7 +4060,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, Vr = "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", wn = ({
+}, Yr = "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", Nn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4049,14 +4069,14 @@ const Or = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, g) => {
-    const m = k(Vr, "h-full w-full");
+    const m = y(Yr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: k(m, "cursor-zoom-in"),
+        className: y(m, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4068,10 +4088,10 @@ const Or = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4080,7 +4100,7 @@ const Or = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4093,7 +4113,7 @@ const Or = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: y(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4111,14 +4131,14 @@ const Or = ({
     }
   );
 }, Ie = (e) => {
-  const [t, s] = $(!1), [a, r] = $(0), i = J(
+  const [t, s] = $(!1), [a, r] = $(0), i = X(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = J(() => s(!1), []);
+  ), l = X(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Gr = (e, t, s, a) => ({
+}, qr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4133,15 +4153,15 @@ const Or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Hr = ({
+}), Wr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], _n = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Xr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Ie(
     r
   );
@@ -4168,16 +4188,16 @@ const Or = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      xn,
+      wn,
       {
         open: l,
-        items: Nn([{ src: e, alt: t }], s),
+        items: _n([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: u
       }
     )
   ] });
-}, _n = ({
+}, yn = ({
   state: e,
   src: t,
   alt: s,
@@ -4188,13 +4208,13 @@ const Or = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
+  const u = Wr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: w } = Ie(
     d
   );
   if (u.length === 0)
     return null;
   const N = u.map(
-    (w, p) => Gr(w, p, u.length, o)
+    (p, v) => qr(p, v, u.length, o)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4204,30 +4224,30 @@ const Or = ({
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          xn,
+          wn,
           {
             open: m,
-            items: Nn(u, a),
+            items: _n(u, a),
             initialIndex: f,
-            onClose: b
+            onClose: w
           }
         )
       ]
     }
   );
-}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Kr = {
-  Composer: qr,
-  Sent: Wr,
-  Received: Xr
-}, Jr = ({
+}, Kr = (e) => /* @__PURE__ */ n(Xr, { ...e }), Jr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "received" }), Qr = {
+  Composer: Kr,
+  Sent: Jr,
+  Received: Zr
+}, ei = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: l } = ut({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4235,11 +4255,11 @@ const Or = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
   ), u = re(
-    () => o ? Zr(o.src) : void 0,
+    () => o ? ti(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ h(
-    ut,
+    mt,
     {
       open: e,
       onClose: a,
@@ -4258,7 +4278,7 @@ const Or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ct,
+          dt,
           {
             onPrev: i,
             onNext: l,
@@ -4269,16 +4289,16 @@ const Or = ({
       ]
     }
   );
-}, Zr = (e) => {
+}, ti = (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()}`;
-}, Qr = ({
+}, ni = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], si = ({
   variant: e,
   item: t,
   index: s,
@@ -4287,7 +4307,7 @@ const Or = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -4299,7 +4319,7 @@ const Or = ({
       trailingAction: r
     }
   );
-}, mt = ({
+}, ht = ({
   state: e,
   src: t,
   filename: s,
@@ -4311,14 +4331,14 @@ const Or = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = Ee(e), m = ni({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: N } = Ie(
     d
-  ), w = e === "composer" && !!u;
+  ), p = e === "composer" && !!u;
   if (m.length === 0)
     return null;
-  const p = m.map((v) => ({
-    src: v.src,
-    filename: v.filename ?? ae(v.src)
+  const v = m.map((b) => ({
+    src: b.src,
+    filename: b.filename ?? ae(b.src)
   }));
   return /* @__PURE__ */ h(
     ke,
@@ -4328,34 +4348,34 @@ const Or = ({
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((v, A) => {
-          const T = v.filename ?? ae(v.src), E = w && A === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            vn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, S) => {
+          const A = b.filename ?? ae(b.src), E = p && S === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            xn,
             {
-              url: v.src,
-              filename: T,
+              url: b.src,
+              filename: A,
               variant: "inline",
-              label: `Download ${T}`,
+              label: `Download ${A}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            ei,
+            si,
             {
               variant: g,
-              item: v,
-              index: A,
-              onActivate: b,
+              item: b,
+              index: S,
+              onActivate: w,
               trailingAction: E
             },
-            `${v.src}-${A}`
+            `${b.src}-${S}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Jr,
+          ei,
           {
             open: f,
-            items: p,
+            items: v,
             initialIndex: c,
             onClose: N
           }
@@ -4363,17 +4383,17 @@ const Or = ({
       ]
     }
   );
-}, ti = (e) => /* @__PURE__ */ n(mt, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(mt, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(mt, { ...e, state: "received" }), ai = {
-  Composer: ti,
-  Sent: ni,
-  Received: si
-}, yn = ({
+}, ai = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), ri = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), li = {
+  Composer: ai,
+  Sent: ri,
+  Received: ii
+}, kn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = dt({
+  const { index: r, prev: i, next: l } = ut({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4382,7 +4402,7 @@ const Or = ({
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    ut,
+    mt,
     {
       open: e,
       onClose: a,
@@ -4406,7 +4426,7 @@ const Or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ct,
+          dt,
           {
             onPrev: i,
             onNext: l,
@@ -4417,7 +4437,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), kn = ({
+}, 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(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4432,30 +4452,30 @@ const Or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    qt,
+    Wt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ri, {})
-] }), ii = (e, t, s) => ({
+  /* @__PURE__ */ n(oi, {})
+] }), ci = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(kn, { item: e, index: t })
-}), li = ({
+  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
+}), di = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Cn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], En = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), ui = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Ie(
     i
   );
@@ -4467,15 +4487,15 @@ const Or = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
-      yn,
+      kn,
       {
         open: o,
-        items: Cn(
+        items: En(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4484,7 +4504,7 @@ const Or = ({
       }
     )
   ] });
-}, En = ({
+}, In = ({
   state: e,
   src: t,
   poster: s,
@@ -4496,13 +4516,13 @@ const Or = ({
   preload: d,
   onClick: u
 }) => {
-  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
+  const g = di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: N } = Ie(
     u
   );
   if (g.length === 0)
     return null;
-  const w = g.map(
-    (p, v) => ii(p, v, g.length)
+  const p = g.map(
+    (v, b) => ci(v, b, g.length)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4513,18 +4533,18 @@ const Or = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          wn,
+          Nn,
           {
-            tiles: w,
-            onTileActivate: b,
+            tiles: p,
+            onTileActivate: w,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
-          yn,
+          kn,
           {
             open: f,
-            items: Cn(g, r),
+            items: En(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4532,17 +4552,17 @@ const Or = ({
       ]
     }
   );
-}, ci = (e) => /* @__PURE__ */ n(oi, { ...e }), di = (e) => /* @__PURE__ */ n(En, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(En, { ...e, state: "received" }), mi = {
-  Composer: ci,
-  Sent: di,
-  Received: ui
-}, Ti = {
-  Image: Kr,
-  Video: mi,
-  Audio: Tr,
-  Pdf: ai,
-  File: jr
-}, hi = ({
+}, mi = (e) => /* @__PURE__ */ n(ui, { ...e }), hi = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), fi = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), gi = {
+  Composer: mi,
+  Sent: hi,
+  Received: fi
+}, Ri = {
+  Image: Qr,
+  Video: gi,
+  Audio: Rr,
+  Pdf: li,
+  File: Hr
+}, pi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4554,7 +4574,7 @@ const Or = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    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,
@@ -4564,7 +4584,7 @@ const Or = ({
     ),
     children: e
   }
-), Ai = ({
+), Li = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4593,7 +4613,7 @@ const Or = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ n(
-            hi,
+            pi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4607,39 +4627,39 @@ const Or = ({
   ] }) });
 };
 export {
-  nn as A,
-  va as B,
-  Xa as C,
-  Hs as D,
-  zs as E,
-  Ai as F,
-  Ii as L,
-  yi as M,
+  sn as A,
+  Na as B,
+  Za as C,
+  Ws as D,
+  Os as E,
+  Li as F,
+  Ai as L,
+  Ei as M,
   pe as a,
   ne as b,
-  rr as c,
-  mn as d,
-  ki as e,
-  hi as f,
+  or as c,
+  hn as d,
+  Ii as e,
+  pi as f,
   ie as g,
-  Bt as h,
-  Ti as i,
-  ka as j,
-  _i as k,
-  Ei as l,
-  Lr as m,
-  Ar as n,
-  sr as o,
-  Rr as p,
-  Zt as q,
+  Ut as h,
+  Ri as i,
+  Ia as j,
+  Ci as k,
+  Ti as l,
+  zr as m,
+  Lr as n,
+  ir as o,
+  Pr as p,
+  Qt as q,
   ce as r,
-  rn as s,
-  $s as t,
-  Si as u,
-  Ys as v,
-  tt as w,
-  nt as x,
-  Jt as y,
-  Ci as z
+  ln as s,
+  Us as t,
+  Mi as u,
+  Xs as v,
+  nt as w,
+  st as x,
+  Zt as y,
+  Si as z
 };
-//# sourceMappingURL=index-DmFR1zuQ.js.map
+//# sourceMappingURL=index-oHV1Drpu.js.map