@linktr.ee/messaging-react 3.2.0 → 3.3.0

package/dist/{index-DJKFVBkP.js → index-C_NFzAB9.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as ae } from "react/jsx-runtime";
-import z, { createContext as He, useContext as Te, useCallback as W, useState as O, useRef as K, useEffect as J, useMemo as se, Suspense as Ye } from "react";
-import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Un, isMessageBlocked as Vn, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as At, Poll as Yn, MessageErrorIcon as qn, useMessageContext as pe, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as Re, AIStates as Le, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as Be, XIcon as ve, SpinnerGapIcon as Pe, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Vt, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as ge, PlayIcon as je, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as be, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as Ue, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
+import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
+import z, { createContext as Ge, useContext as Te, useCallback as W, useState as D, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
+import { Chat as In, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as ds, SpinnerGapIcon as Ce, SignOutIcon as us, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as ms, SpeakerHighIcon as hs, VideoCameraIcon as Gt, FileMdIcon as fs, FileTextIcon as gs, FileZipIcon as bs, FilePptIcon as ps, FileCsvIcon as vs, FileXlsIcon as xs, FileDocIcon as ws, FilePdfIcon as Ns, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as _s, LinkIcon as ys, DownloadSimpleIcon as be, GiftIcon as Cs, ThumbsUpIcon as ks, ThumbsDownIcon as Es, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Is, SparkleIcon as Ue, ProhibitIcon as Ts, ArrowLeftIcon as Mt, PencilSimpleIcon as As, CaretLeftIcon as Ms, CaretRightIcon as Rs } from "@phosphor-icons/react";
 import C from "classnames";
-import { MessageActions as Ms, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
-import { LinkPreviewsManager as Lt } from "stream-chat";
-const qt = He({
+import { MessageActions as Ls, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
+import { LinkPreviewsManager as Rt } from "stream-chat";
+const Yt = Ge({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = He({
   refreshConnection: async () => {
   },
   debug: !1
-}), We = () => Te(qt), xi = ({
+}), qe = () => Te(Yt), wi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -25,8 +25,8 @@ const qt = He({
   debug: i = !1
 }) => {
   const o = W(
-    (T, ...M) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...M);
+    (E, ...A) => {
+      i && console.log(`🔥 [MessagingProvider] ${E}`, ...A);
     },
     [i]
   );
@@ -36,84 +36,84 @@ const qt = He({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, b] = O(!1), [_, v] = O(null), w = K(!1), y = K({
+  const [l, d] = D(null), [m, b] = D(null), [u, f] = D(!1), [c, g] = D(!1), [v, p] = D(null), N = H(!1), x = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), S = K(0);
-  S.current++, o("📊 RENDER INFO", {
-    renderCount: S.current,
+  }), T = H(0);
+  T.current++, o("📊 RENDER INFO", {
+    renderCount: T.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: y.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: y.current.apiKey !== a,
-      serviceConfigChanged: y.current.serviceConfig !== s,
-      capabilitiesChanged: y.current.capabilities !== r
+      userChanged: x.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: x.current.apiKey !== a,
+      serviceConfigChanged: x.current.serviceConfig !== s,
+      capabilitiesChanged: x.current.capabilities !== r
     }
-  }), y.current = {
+  }), x.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }, J(() => {
-    const T = S.current;
+  }, Y(() => {
+    const E = T.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: T,
+      renderCount: E,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
         apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
         serviceConfigRef: s,
-        serviceConfigStable: y.current.serviceConfig === s,
-        apiKeyStable: y.current.apiKey === a
+        serviceConfigStable: x.current.serviceConfig === s,
+        apiKeyStable: x.current.apiKey === a
       }
     }), !a || !s) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: T,
+        renderCount: E,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING NEW SERVICE", {
-      renderCount: T,
+      renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: y.current.serviceConfig !== s
+      serviceConfigChanged: x.current.serviceConfig !== s
     });
-    const M = new En({
+    const A = new Sn({
       ...s,
       apiKey: a,
       debug: i
     });
-    return d(M), o("✅ SERVICE SET", {
-      renderCount: T,
-      serviceInstance: !!M
+    return d(A), o("✅ SERVICE SET", {
+      renderCount: E,
+      serviceInstance: !!A
     }), () => {
       o("🧹 SERVICE CLEANUP", {
-        renderCount: T,
+        renderCount: E,
         reason: "Effect cleanup"
-      }), M.disconnectUser().catch(console.error);
+      }), A.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const k = K(null);
-  J(() => {
-    var M, N;
+  const S = H(null);
+  Y(() => {
+    var A, y;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: w.current,
+      isConnecting: N.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (w.current) {
+    if (N.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((M = k.current) == null ? void 0 : M.serviceId) === l && ((N = k.current) == null ? void 0 : N.userId) === t.id) {
+    if (((A = S.current) == null ? void 0 : A.serviceId) === l && ((y = S.current) == null ? void 0 : y.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,40 +121,40 @@ const qt = He({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, b(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), p(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const E = await l.connectUser(t);
-        g(E), f(!0), k.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const _ = await l.connectUser(t);
+        b(_), f(!0), S.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: E.userID
+          clientId: _.userID
         });
-      } catch (E) {
-        const I = E instanceof Error ? E.message : "Connection failed";
-        v(I), o("❌ USER CONNECTION ERROR", {
+      } catch (_) {
+        const I = _ instanceof Error ? _.message : "Connection failed";
+        p(I), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: I
         });
       } finally {
-        b(!1), w.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        g(!1), N.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
-  }, [l, t, o, u]), J(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [l, t, o, u]), Y(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!l,
     isConnected: u
   }), () => {
     l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), k.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+    ), S.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!l,
       isConnected: u
     });
   }), [l, u, o]);
-  const A = W(async () => {
+  const R = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -162,52 +162,52 @@ const qt = He({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), g(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const T = await l.connectUser(t);
-      g(T), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (T) {
-      const M = T instanceof Error ? T.message : "Refresh failed";
-      v(M), o("❌ CONNECTION REFRESH ERROR", {
+      const E = await l.connectUser(t);
+      b(E), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (E) {
+      const A = E instanceof Error ? E.message : "Refresh failed";
+      p(A), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: M
+        error: A
       });
     } finally {
-      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), D = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), O = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!_,
+    hasError: !!v,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: _,
+    error: v,
     capabilities: r,
-    refreshConnection: A,
+    refreshConnection: R,
     debug: i
   }), [
     l,
     m,
     u,
     c,
-    _,
+    v,
     r,
-    A,
+    R,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: S.current,
+    renderCount: T.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(qt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
+    contextValueReady: !!O
+  }), /* @__PURE__ */ n(Yt.Provider, { value: O, children: m && u ? /* @__PURE__ */ n(
     In,
     {
       client: m,
@@ -217,12 +217,12 @@ const qt = He({
       children: e
     }
   ) : e });
-}, Ds = () => We(), Wt = (e) => {
+}, Ds = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = D(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return J(() => {
+  return Y(() => {
     var o;
     if (!e) {
       s(!1);
@@ -239,18 +239,18 @@ const qt = He({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Rs = /^[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 Ls(e) {
-  return Rs.test(e.trim());
+}, Ps = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Os(e) {
+  return Ps.test(e.trim());
 }
-function Pt(e, t) {
+function Lt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !Ls(s);
+  return !s || t && s === t ? !1 : !Os(s);
 }
-function Ae(e) {
-  return Pt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Pt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Wt(e) {
+  return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ot = [
+const Dt = [
   "🍎",
   // Apple
   "🍌",
@@ -278,7 +278,7 @@ const Ot = [
   "🍈"
   // Melon
 ];
-function Ps(e) {
+function zs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,11 +286,11 @@ function Ps(e) {
   }
   return Math.abs(t);
 }
-function Os(e) {
-  const s = Ps(e) % Ot.length;
-  return Ot[s];
+function $s(e) {
+  const s = zs(e) % Dt.length;
+  return Dt[s];
 }
-const re = ({
+const ae = ({
   id: e,
   image: t,
   size: s = 40,
@@ -299,7 +299,7 @@ const re = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Os(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = $s(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -335,7 +335,7 @@ const re = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Be, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Fe, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -349,7 +349,7 @@ const re = ({
             style: {
               ...u,
               ...o && {
-                borderWidth: `${g}px`,
+                borderWidth: `${b}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
@@ -361,7 +361,96 @@ const re = ({
       ]
     }
   );
-}, Ce = ({
+}, Fs = "https://linktr.ee/s/about/trust-center/report", Bs = ({
+  channel: e,
+  participant: t,
+  showBlockParticipant: s = !0,
+  enabled: a = !0,
+  onLeaveConversation: r,
+  onBlockParticipant: i,
+  onDeleteConversationClick: o,
+  onBlockParticipantClick: l,
+  onReportParticipantClick: d,
+  onActionComplete: m,
+  logLabel: b = "useChannelModerationActions"
+}) => {
+  var y;
+  const { service: u, debug: f } = qe(), [c, g] = D(!1), [v, p] = D(!1), [N, x] = D(!1), [T, S] = D(!1);
+  return Y(() => {
+    var L;
+    if (!a || !s || !u || !((L = t == null ? void 0 : t.user) != null && L.id)) {
+      g(!1), p(!1);
+      return;
+    }
+    let _ = !1;
+    const I = t.user.id;
+    return p(!0), (async () => {
+      try {
+        const M = await u.getBlockedUsers();
+        if (_) return;
+        g(
+          M.some(
+            (j) => j.blocked_user_id === I
+          )
+        );
+      } catch (M) {
+        _ || console.error(`[${b}] Failed to check blocked status:`, M);
+      } finally {
+        _ || p(!1);
+      }
+    })(), () => {
+      _ = !0;
+    };
+  }, [a, u, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id, s, b]), {
+    isParticipantBlocked: c,
+    isCheckingBlockedStatus: v,
+    isLeaving: N,
+    isUpdatingBlockStatus: T,
+    handleLeaveConversation: async () => {
+      var _;
+      if (!N) {
+        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), x(!0);
+        try {
+          const I = ((_ = e._client) == null ? void 0 : _.userID) ?? null;
+          await e.hide(I, !1), r && await r(e), m == null || m();
+        } catch (I) {
+          console.error(`[${b}] Failed to leave conversation`, I);
+        } finally {
+          x(!1);
+        }
+      }
+    },
+    handleBlockUser: async () => {
+      var _, I, L;
+      if (!(T || !u)) {
+        l == null || l(), f && console.log(`[${b}] Block member`, (_ = t == null ? void 0 : t.user) == null ? void 0 : _.id), S(!0);
+        try {
+          await u.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), m == null || m();
+        } catch (M) {
+          console.error(`[${b}] Failed to block member`, M);
+        } finally {
+          S(!1);
+        }
+      }
+    },
+    handleUnblockUser: async () => {
+      var _, I, L;
+      if (!(T || !u)) {
+        l == null || l(), f && console.log(`[${b}] Unblock member`, (_ = t == null ? void 0 : t.user) == null ? void 0 : _.id), S(!0);
+        try {
+          await u.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), m == null || m();
+        } catch (M) {
+          console.error(`[${b}] Failed to unblock member`, M);
+        } finally {
+          S(!1);
+        }
+      }
+    },
+    handleReportUser: () => {
+      d == null || d(), m == null || m(), window.open(Fs, "_blank", "noopener,noreferrer");
+    }
+  };
+}, he = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -378,235 +467,143 @@ const re = ({
     ...a,
     children: s
   }
-);
-function zs({ label: e, className: t, children: s, ...a }) {
-  return /* @__PURE__ */ h(
-    "button",
-    {
-      type: "button",
-      className: C(
-        "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
-        {
-          "cursor-not-allowed opacity-50": a.disabled,
-          "hover:bg-sand": !a.disabled
-        },
-        t
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ n("span", { className: "sr-only", children: e }),
-        s
-      ]
-    }
-  );
-}
-function Fs({ onClick: e }) {
-  return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(ve, { className: "h-5 w-5 text-stone", weight: "bold" }) });
-}
-const $s = ({
-  dialogRef: e,
-  onClose: t,
-  participant: s,
-  participantDisplayName: a,
-  channel: r,
-  followerStatusLabel: i,
-  onLeaveConversation: o,
-  onBlockParticipant: l,
-  showDeleteConversation: d = !0,
-  showBlockParticipant: m = !0,
-  showReportParticipant: g = !0,
-  onDeleteConversationClick: u,
-  onBlockParticipantClick: f,
-  onReportParticipantClick: c,
-  customProfileContent: b,
-  customChannelActions: _
+), Pt = ({
+  channel: e,
+  participant: t,
+  showDeleteConversation: s = !0,
+  showBlockParticipant: a = !0,
+  showReportParticipant: r = !0,
+  onLeaveConversation: i,
+  onBlockParticipant: o,
+  onDeleteConversationClick: l,
+  onBlockParticipantClick: d,
+  onReportParticipantClick: m,
+  customChannelActions: b,
+  triggerClassName: u
 }) => {
-  var F, Y, q, $;
-  const { service: v, debug: w } = We(), [y, S] = O(!1), [k, A] = O(!1), [D, T] = O(!1), M = W(async () => {
-    var p;
-    if (!(!m || !v || !((p = s == null ? void 0 : s.user) != null && p.id)))
-      try {
-        const L = (await v.getBlockedUsers()).some(
-          (U) => {
-            var R;
-            return U.blocked_user_id === ((R = s == null ? void 0 : s.user) == null ? void 0 : R.id);
-          }
-        );
-        S(L);
-      } catch (x) {
-        console.error(
-          "[ChannelInfoDialog] Failed to check blocked status:",
-          x
-        );
-      }
-  }, [v, (F = s == null ? void 0 : s.user) == null ? void 0 : F.id, m]);
-  J(() => {
-    M();
-  }, [M]);
-  const N = async () => {
-    var p;
-    if (!k) {
-      u == null || u(), w && console.log("[ChannelInfoDialog] Leave conversation", r.cid), A(!0);
-      try {
-        const x = ((p = r._client) == null ? void 0 : p.userID) ?? null;
-        await r.hide(x, !1), o && await o(r), t();
-      } catch (x) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", x);
-      } finally {
-        A(!1);
-      }
-    }
-  }, E = async () => {
-    var p, x, L;
-    if (!(D || !v)) {
-      f == null || f(), w && console.log("[ChannelInfoDialog] Block member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), T(!0);
-      try {
-        await v.blockUser((x = s == null ? void 0 : s.user) == null ? void 0 : x.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (U) {
-        console.error("[ChannelInfoDialog] Failed to block member", U);
-      } finally {
-        T(!1);
-      }
-    }
-  }, I = async () => {
-    var p, x, L;
-    if (!(D || !v)) {
-      f == null || f(), w && console.log("[ChannelInfoDialog] Unblock member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), T(!0);
-      try {
-        await v.unBlockUser((x = s == null ? void 0 : s.user) == null ? void 0 : x.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
-      } catch (U) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", U);
-      } finally {
-        T(!1);
+  const [f, c] = D(!1), g = H(null), v = En(), p = W(() => c(!1), []), {
+    isParticipantBlocked: N,
+    isCheckingBlockedStatus: x,
+    isLeaving: T,
+    isUpdatingBlockStatus: S,
+    handleLeaveConversation: R,
+    handleBlockUser: O,
+    handleUnblockUser: E,
+    handleReportUser: A
+  } = Bs({
+    channel: e,
+    participant: t,
+    showBlockParticipant: a,
+    enabled: f,
+    onLeaveConversation: i,
+    onBlockParticipant: o,
+    onDeleteConversationClick: l,
+    onBlockParticipantClick: d,
+    onReportParticipantClick: m,
+    onActionComplete: p,
+    logLabel: "ChannelActionsMenu"
+  });
+  return Y(() => {
+    if (!f) return;
+    const _ = (L) => {
+      g.current && !g.current.contains(L.target) && c(!1);
+    }, I = (L) => {
+      L.key === "Escape" && c(!1);
+    };
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", I);
+    };
+  }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
+    /* @__PURE__ */ h(
+      "button",
+      {
+        className: u,
+        type: "button",
+        "aria-haspopup": "true",
+        "aria-expanded": f,
+        "aria-controls": f ? v : void 0,
+        onClick: () => c((_) => !_),
+        children: [
+          /* @__PURE__ */ n(ds, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
+        ]
       }
-    }
-  }, B = () => {
-    c == null || c(), t(), window.open(
-      "https://linktr.ee/s/about/trust-center/report",
-      "_blank",
-      "noopener,noreferrer"
-    );
-  };
-  if (!s) return null;
-  const P = a ?? Ae(s.user), Z = (Y = s.user) == null ? void 0 : Y.image, G = (q = s.user) == null ? void 0 : q.username, H = G ? `linktr.ee/${G}` : void 0, j = (($ = s.user) == null ? void 0 : $.id) || "unknown";
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ n(
-      "dialog",
+    ),
+    f && /* @__PURE__ */ n(
+      "div",
       {
-        ref: e,
-        className: "mes-dialog group",
-        onClose: t,
-        onClick: (p) => {
-          p.target === e.current && t();
-        },
-        children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
-          /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
-            /* @__PURE__ */ n("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ n(Fs, { onClick: t })
-          ] }),
-          /* @__PURE__ */ h("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
-            /* @__PURE__ */ h(
-              "div",
-              {
-                className: "flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]",
-                style: { backgroundColor: "#FBFAF9" },
-                children: [
-                  /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
-                    /* @__PURE__ */ n(
-                      re,
-                      {
-                        id: j,
-                        name: P,
-                        image: Z,
-                        size: 88,
-                        shape: "circle"
-                      }
-                    ),
-                    /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
-                      H && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: H }),
-                      i && !b && /* @__PURE__ */ n(
-                        "span",
-                        {
-                          className: "mt-1 rounded-full text-xs font-normal w-fit",
-                          style: {
-                            padding: "4px 8px",
-                            backgroundColor: i === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
-                            color: i === "Subscribed to you" ? "#008236" : "#78716C",
-                            lineHeight: "133.333%",
-                            letterSpacing: "0.21px"
-                          },
-                          children: i
-                        }
-                      )
-                    ] })
-                  ] }),
-                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
-                ]
-              }
-            ),
-            /* @__PURE__ */ h("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-                Ce,
-                {
-                  onClick: N,
-                  disabled: k,
-                  "aria-busy": k,
-                  children: [
-                    k ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Delete Conversation" })
-                  ]
-                }
-              ) }),
-              m && /* @__PURE__ */ n("li", { children: y ? /* @__PURE__ */ h(
-                Ce,
-                {
-                  onClick: I,
-                  disabled: D,
-                  "aria-busy": D,
-                  children: [
-                    D ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Unblock" })
-                  ]
-                }
-              ) : /* @__PURE__ */ h(
-                Ce,
-                {
-                  onClick: E,
-                  disabled: D,
-                  "aria-busy": D,
-                  children: [
-                    D ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
-                    /* @__PURE__ */ n("span", { children: "Block" })
-                  ]
-                }
-              ) }),
-              g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(Ce, { variant: "danger", onClick: B, children: [
-                /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
-                /* @__PURE__ */ n("span", { children: "Report" })
-              ] }) }),
-              _
+        id: v,
+        "aria-label": "Conversation options",
+        className: C(
+          "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
+          "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
+        ),
+        children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
+          s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
+            he,
+            {
+              onClick: R,
+              disabled: T,
+              "aria-busy": T,
+              children: [
+                T ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(us, { className: "h-5 w-5" }),
+                /* @__PURE__ */ n("span", { children: "Delete Conversation" })
+              ]
+            }
+          ) }),
+          a && /* @__PURE__ */ n("li", { children: x ? (
+            // Block status not yet resolved — show a disabled placeholder
+            // so a premature click can't act on a stale block state.
+            /* @__PURE__ */ h(he, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
+              /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ] })
+          ) : N ? /* @__PURE__ */ h(
+            he,
+            {
+              onClick: E,
+              disabled: S,
+              "aria-busy": S,
+              children: [
+                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(At, { className: "h-5 w-5" }),
+                /* @__PURE__ */ n("span", { children: "Unblock" })
+              ]
+            }
+          ) : /* @__PURE__ */ h(
+            he,
+            {
+              onClick: O,
+              disabled: S,
+              "aria-busy": S,
+              children: [
+                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(At, { className: "h-5 w-5" }),
+                /* @__PURE__ */ n("span", { children: "Block" })
+              ]
+            }
+          ) }),
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: A, children: [
+            /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n("span", { children: "Report" })
+          ] }) }),
+          b
         ] })
       }
     )
-  );
-}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ge = "vote_down";
+  ] });
+}, Us = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
 function js(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
-function Us(e) {
-  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = se(
+function Vs(e) {
+  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
     () => js(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, je) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: je },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -614,9 +611,9 @@ function Us(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]), i = W(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Ge },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -624,7 +621,7 @@ function Us(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Vs(e) {
+function Gs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Xt({
@@ -632,16 +629,16 @@ function Xt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Vs(t);
+  const s = e == null ? void 0 : e.text, a = Gs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Gs = z.lazy(() => import("./Card-DQYLHbDI.js")), Hs = z.lazy(() => import("./Card-DTaHgygz.js")), Ys = z.lazy(() => import("./Card-bdnjL_4d.js")), Xe = () => /* @__PURE__ */ n(
+const Hs = z.lazy(() => import("./Card-D_2VQScd.js")), Ys = z.lazy(() => import("./Card-D_G8133I.js")), qs = z.lazy(() => import("./Card-BAc2cgtn.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), qs = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
+), Ws = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Xs = Kt, Ks = Jt, Ot = { Composer: Ws, Sent: Kt, Received: Jt, Creator: Xs, Visitor: Ks }, Js = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -651,42 +648,42 @@ const Gs = z.lazy(() => import("./Card-DQYLHbDI.js")), Hs = z.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ie(e) {
+function ne(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
-  const t = Ks.find(
+  const t = Js.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Js = {
-  video: Ht,
-  audio: us,
-  image: ds,
-  document: Gt
-}, Zs = {
-  pdf: xs,
-  doc: vs,
-  xls: ps,
-  csv: bs,
-  ppt: gs,
-  zip: fs,
-  text: hs,
-  markdown: ms,
-  generic: Gt
+const Zs = {
+  video: Gt,
+  audio: hs,
+  image: ms,
+  document: Vt
+}, Qs = {
+  pdf: Ns,
+  doc: ws,
+  xls: xs,
+  csv: vs,
+  ppt: ps,
+  zip: bs,
+  text: gs,
+  markdown: fs,
+  generic: Vt
 };
-function Qs(e) {
-  const t = ie(e);
-  return t !== "document" ? Js[t] : Zs[Zt(e)];
+function ea(e) {
+  const t = ne(e);
+  return t !== "document" ? Zs[t] : Qs[Zt(e)];
 }
-function ce(e, t) {
-  return z.createElement(Qs(e), t);
+function le(e, t) {
+  return z.createElement(ea(e), t);
 }
-const ea = (e) => {
+const ta = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ta = ({
+}, na = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -698,78 +695,78 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ie(t), u = K(null), f = K(null), c = K(null), b = K(r), [_, v] = O(a), [w, y] = O(0), [S, k] = O(!1), [A, D] = O(!1), [T, M] = O(!1), [N, E] = O(!1), [I, B] = O(!0), [P, Z] = O(null), G = W(() => {
-    M(!1), v(!0);
-  }, []), H = W((p) => {
-    const x = f.current;
-    if (!x) return 0;
-    const L = x.getBoundingClientRect();
+  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [v, p] = D(a), [N, x] = D(0), [T, S] = D(!1), [R, O] = D(!1), [E, A] = D(!1), [y, _] = D(!1), [I, L] = D(!0), [M, j] = D(null), V = W(() => {
+    A(!1), p(!0);
+  }, []), G = W((w) => {
+    const k = f.current;
+    if (!k) return 0;
+    const B = k.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ea(p) - L.left) / L.width)
+      Math.min(1, (ta(w) - B.left) / B.width)
     );
-  }, []), j = W((p) => {
-    const x = u.current;
-    x && x.duration && (x.currentTime = p * x.duration);
-  }, []), F = (p) => {
-    p.stopPropagation(), k(!0);
-    const x = H(p);
-    y(x), j(x);
+  }, []), $ = W((w) => {
+    const k = u.current;
+    k && k.duration && (k.currentTime = w * k.duration);
+  }, []), F = (w) => {
+    w.stopPropagation(), S(!0);
+    const k = G(w);
+    x(k), $(k);
   };
-  J(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
-  }, [r]), J(() => {
-    if (!_) {
+  Y(() => {
+    r !== void 0 && r !== g.current && (g.current = r, p(r));
+  }, [r]), Y(() => {
+    if (!v) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const p = () => {
-      const x = u.current;
-      x && x.duration && !S && y(x.currentTime / x.duration), c.current = requestAnimationFrame(p);
+    const w = () => {
+      const k = u.current;
+      k && k.duration && !T && x(k.currentTime / k.duration), c.current = requestAnimationFrame(w);
     };
-    return c.current = requestAnimationFrame(p), () => {
+    return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, S]), J(() => {
-    const p = u.current;
-    p && (_ ? p.play().catch((x) => {
-      v(!1), M(!0);
-    }) : p.pause());
-  }, [_]), J(() => {
-    if (!S) return;
-    const p = (L) => y(H(L)), x = (L) => {
-      k(!1), j(H(L));
+  }, [v, T]), Y(() => {
+    const w = u.current;
+    w && (v ? w.play().catch((k) => {
+      p(!1), A(!0);
+    }) : w.pause());
+  }, [v]), Y(() => {
+    if (!T) return;
+    const w = (B) => x(G(B)), k = (B) => {
+      S(!1), $(G(B));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", x), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", x), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", x), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", x);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", k), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", k), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", k);
     };
-  }, [S, H, j]);
-  const Y = P ? { aspectRatio: String(P) } : void 0, q = P ? "" : " aspect-video", $ = Math.round(w * 100);
+  }, [T, G, $]);
+  const X = M ? { aspectRatio: String(M) } : void 0, U = M ? "" : " aspect-video", P = Math.round(N * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${q}`,
-      style: Y,
-      onClick: (p) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${U}`,
+      style: X,
+      onClick: (w) => {
         if (m) {
-          m(p);
+          m(w);
           return;
         }
-        T || o && v((x) => !x);
+        E || o && p((k) => !k);
       },
-      onKeyDown: (p) => {
-        if (!(p.key !== "Enter" && p.key !== " ")) {
-          if (p.preventDefault(), m) {
-            m(p);
+      onKeyDown: (w) => {
+        if (!(w.key !== "Enter" && w.key !== " ")) {
+          if (w.preventDefault(), m) {
+            m(w);
             return;
           }
-          T || o && v((x) => !x);
+          E || o && p((k) => !k);
         }
       },
       children: [
-        s && (g === "audio" || I) && /* @__PURE__ */ n(
+        s && (b === "audio" || I) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -777,11 +774,11 @@ const ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (b === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: b === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: u,
@@ -789,14 +786,14 @@ const ea = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => E(!0),
+            onLoadStart: () => _(!0),
             onCanPlay: () => {
-              E(!1), B(!1);
+              _(!1), L(!1);
             },
-            onWaiting: () => E(!0),
-            onPlay: () => M(!1),
+            onWaiting: () => _(!0),
+            onPlay: () => A(!1),
             onEnded: () => {
-              i || (v(!1), y(0));
+              i || (p(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -809,43 +806,43 @@ const ea = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => E(!0),
+            onLoadStart: () => _(!0),
             onCanPlay: () => {
-              E(!1), B(!1);
+              _(!1), L(!1);
             },
-            onWaiting: () => E(!0),
-            onPlay: () => M(!1),
+            onWaiting: () => _(!0),
+            onPlay: () => A(!1),
             onLoadedMetadata: () => {
-              const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && Z(p.videoWidth / p.videoHeight);
+              const w = u.current;
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && j(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), y(0));
+              i || (p(!1), x(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        N && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        y && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           ge,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        T && !o && /* @__PURE__ */ n(
+        E && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (p) => {
-              p.stopPropagation(), G();
+            onClick: (w) => {
+              w.stopPropagation(), V();
             },
-            onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), G());
+            onKeyDown: (w) => {
+              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), V());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(je, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -853,7 +850,7 @@ const ea = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": $,
+            "aria-valuenow": P,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -861,15 +858,15 @@ const ea = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: F,
             onTouchStart: F,
-            onClick: (p) => p.stopPropagation(),
-            onKeyDown: (p) => {
-              p.key === "ArrowRight" && j(Math.min(1, w + 0.05)), p.key === "ArrowLeft" && j(Math.max(0, w - 0.05));
+            onClick: (w) => w.stopPropagation(),
+            onKeyDown: (w) => {
+              w.key === "ArrowRight" && $(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, N - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${$}%` }
+                style: { width: `${P}%` }
               }
             ) })
           }
@@ -879,12 +876,12 @@ const ea = (e) => {
             "button",
             {
               type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), v((x) => !x);
+              onClick: (w) => {
+                w.stopPropagation(), p((k) => !k);
               },
               className: "shrink-0 text-white",
-              "aria-label": _ ? "Pause" : "Play",
-              children: _ ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(je, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": v ? "Pause" : "Play",
+              children: v ? /* @__PURE__ */ n(_s, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -892,7 +889,7 @@ const ea = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": $,
+              "aria-valuenow": P,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -900,22 +897,22 @@ const ea = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: F,
               onTouchStart: F,
-              onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
-              onKeyDown: (p) => {
-                p.key === "ArrowRight" && j(Math.min(1, w + 0.05)), p.key === "ArrowLeft" && j(Math.max(0, w - 0.05));
+              onClick: (w) => w.stopPropagation(),
+              onMouseEnter: () => O(!0),
+              onMouseLeave: () => O(!1),
+              onKeyDown: (w) => {
+                w.key === "ArrowRight" && $(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${A || S ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || T ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${$}%` }
+                        style: { width: `${P}%` }
                       }
                     )
                   }
@@ -923,8 +920,8 @@ const ea = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${A || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${$}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || T ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${P}%` }
                   }
                 )
               ]
@@ -934,7 +931,7 @@ const ea = (e) => {
       ]
     }
   );
-}, Ft = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", na = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", sa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -943,9 +940,9 @@ const ea = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ie(e), [d, m] = O(!1);
+  const l = ne(e), [d, m] = D(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    ta,
+    na,
     {
       source: t,
       mimeType: e,
@@ -991,12 +988,12 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
-        className: Ft(r),
+      children: le(e, {
+        className: zt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${na(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${sa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1008,8 +1005,8 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
-        className: Ft(r),
+      children: le(e, {
+        className: zt(r),
         weight: "regular"
       })
     }
@@ -1025,14 +1022,14 @@ const ea = (e) => {
   action: l,
   topLeft: d,
   topRight: m,
-  rootRef: g,
+  rootRef: b,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", g = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: g,
+      ref: b,
       "data-testid": u,
       className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
@@ -1048,14 +1045,14 @@ const ea = (e) => {
             {
               className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && g,
+                "text-white": f && !g
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ce(r, {
+            le(r, {
               className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1083,25 +1080,25 @@ const ea = (e) => {
 function tn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ke(e) {
+function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function sa(e) {
+function aa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function aa(e) {
+function ra(e) {
   return e ? "text-white" : "text-black";
 }
-function ra(e) {
+function ia(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Je = ({ attachment: e, isMyMessage: t }) => {
+const Ke = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
@@ -1113,14 +1110,14 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${sa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ns, { className: `size-12 ${oa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${aa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ys, { className: `size-12 ${la(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${aa(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ra(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ia(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ra(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ia(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${oa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1128,11 +1125,11 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
 function nn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Ze(e) {
+function Je(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
-async function la(e, t) {
+async function ca(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1144,11 +1141,11 @@ async function la(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const ca = ({
+const da = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = D(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1156,7 +1153,7 @@ const ca = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), la(e, t).then(() => {
+        a(!0), ca(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1171,25 +1168,25 @@ const ca = ({
     }
   );
 };
-function Qe(e) {
-  var u, f, c, b;
+function Ze(e) {
+  var u, f, c, g;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (_) => _.type === "video" && _.asset_url
+    (v) => v.type === "video" && v.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (_) => _.type === "image" && _.image_url
+    (v) => v.type === "image" && v.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (_) => _.type === "audio" && _.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
-    (_) => _.type === "file" && _.asset_url
+    (v) => v.type === "audio" && v.asset_url
+  ), r = (g = e.attachments) == null ? void 0 : g.find(
+    (v) => v.type === "file" && v.asset_url
   ), i = t ?? s ?? a ?? r, o = (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 (!o) return null;
-  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
+  const l = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, b = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
     fileSize: m,
-    thumbnailUrl: g
+    thumbnailUrl: b
   };
 }
 const sn = ({
@@ -1227,7 +1224,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ie(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = ne(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1246,17 +1243,17 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ca, { url: e, filename: s })
+      action: /* @__PURE__ */ n(da, { url: e, filename: s })
     }
   );
-}, da = ({
+}, ua = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Ze(e), a = Qe(e);
+  const s = Je(e), a = Ze(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      re,
+      ae,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1274,40 +1271,40 @@ const sn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Ke(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ua = ({
+}, ma = ({
   message: e
 }) => {
-  const t = Ze(e);
+  const t = Je(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Ke(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
-  const s = Qe(e);
+    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
+  const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, ma = ({
+}, ha = ({
   message: e
 }) => {
-  const t = Ze(e);
+  const t = Je(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Ke(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
-  const s = Qe(e);
+    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
+  const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, wi = Object.assign(da, {
-  Creator: ua,
-  Visitor: ma
-}), ha = {
+}, Ni = Object.assign(ua, {
+  Creator: ma,
+  Visitor: ha
+}), fa = {
   isUnlocking: () => !1
-}, fa = {
-  LockedAttachment: ha
-}, rn = He({}), Ni = rn.Provider;
-function ga(e) {
-  return Te(rn)[e] ?? fa[e];
+}, ga = {
+  LockedAttachment: fa
+}, rn = Ge({}), _i = rn.Provider;
+function ba(e) {
+  return Te(rn)[e] ?? ga[e];
 }
-const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1324,22 +1321,22 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), pa = (e) => {
+), va = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, va = (e) => {
+}, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, xa = (e) => {
+}, wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => pa(e) || va(e), wa = (e) => {
+}, on = (e) => va(e) || xa(e), Na = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
-}, Oe = ({
+}, Pe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
@@ -1352,25 +1349,25 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", g = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n(Cs, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: g })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ba, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ae, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(pa, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
     m,
-    g
-  ] }) : /* @__PURE__ */ h(ae, { children: [
-    g,
+    b
+  ] }) : /* @__PURE__ */ h(te, { children: [
+    b,
     m
   ] }) });
-}, Na = ({
+}, _a = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1386,7 +1383,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(ys, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1400,11 +1397,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), _a = (e) => {
-  var ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It;
+] }), ya = (e) => {
+  var ht, ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1415,77 +1412,77 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
-    highlighted: g,
+    highlighted: b,
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
-    threadList: _,
-    viewerLanguage: v
-  } = e, { client: w } = qe("CustomMessage"), { channel: y } = de("CustomMessage"), { isUnlocking: S, onUnlockClick: k, onFetchSource: A, onDownloadClick: D } = ga("LockedAttachment"), [T, M] = O(!1), N = An(c.id), { selected: E, voteUp: I, voteDown: B } = Us(c), {
-    Attachment: P = Mn,
-    EditMessageModal: Z = Dn,
-    MessageActions: G,
-    MessageBlocked: H = Rn,
-    MessageBouncePrompt: j = Ln,
-    MessageDeleted: F = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: Y = On,
-    MessageRepliesCountButton: q = zn,
-    ReminderNotification: $ = Fn,
-    StreamedMessageText: p = $n,
-    PinIndicator: x
-  } = Ut("CustomMessage"), L = Bn(c), U = jn(c), R = se(
+    renderText: g,
+    threadList: v,
+    viewerLanguage: p
+  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: T, onUnlockClick: S, onFetchSource: R, onDownloadClick: O } = ba("LockedAttachment"), [E, A] = D(!1), y = Mn(c.id), { selected: _, voteUp: I, voteDown: L } = Vs(c), {
+    Attachment: M = Rn,
+    EditMessageModal: j = Ln,
+    MessageActions: V,
+    MessageBlocked: G = Dn,
+    MessageBouncePrompt: $ = Pn,
+    MessageDeleted: F = On,
+    MessageIsThreadReplyInChannelButtonIndicator: X = zn,
+    MessageRepliesCountButton: U = $n,
+    ReminderNotification: P = Fn,
+    StreamedMessageText: w = Bn,
+    PinIndicator: k
+  } = Ut("CustomMessage"), B = Un(c), q = jn(c), _e = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), V = se(() => {
-    const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
+  ), K = ee(() => {
+    const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
     if (!ke(c)) return ye;
-    const St = ye.filter((Tt) => !("type" in Tt) || !nn(Tt));
+    const St = ye.filter((It) => !("type" in It) || !nn(It));
     return St.length === ye.length ? ye : St;
-  }, [c]), X = se(() => {
-    const he = Xt({ message: c, viewerLanguage: v });
-    return he === c.text ? c : { ...c, text: he };
-  }, [c, v]);
-  if (Un(c))
+  }, [c]), re = ee(() => {
+    const me = Xt({ message: c, viewerLanguage: p });
+    return me === c.text ? c : { ...c, text: me };
+  }, [c, p]);
+  if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(F, { message: c });
-  if (Vn(c))
-    return /* @__PURE__ */ n(H, {});
-  const Q = !_ && !!c.reply_count, te = !_ && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
-  let oe;
-  ee ? oe = () => m(c) : ct && (oe = () => M(!0));
-  const ue = f(), kn = C(
+  if (Gn(c))
+    return /* @__PURE__ */ n(G, {});
+  const J = !v && !!c.reply_count, se = !v && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Hn(c);
+  let ie;
+  Q ? ie = () => m(c) : lt && (ie = () => A(!0));
+  const de = f(), kn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": L,
-      "str-chat__message--highlighted": g,
+      "str-chat__message--has-attachment": B,
+      "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": U,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((gt = c == null ? void 0 : c.error) == null ? void 0 : gt.status) !== 403,
-      "str-chat__message-with-thread-link": Q || te,
+      "str-chat__message--with-reactions": q,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((ft = c == null ? void 0 : c.error) == null ? void 0 : ft.status) !== 403,
+      "str-chat__message-with-thread-link": J || se,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), dt = c.poll_id && w.polls.fromState(c.poll_id), ut = wa(c), me = ke(c), mt = xa(c), De = !!(V != null && V.length && !c.quoted_message), ht = me && ue && De;
-  return /* @__PURE__ */ h(ae, { children: [
+  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = Na(c), ue = ke(c), ut = wa(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
+  return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      Z,
+      j,
       {
         additionalMessageInputProps: t
       }
     ),
-    T && /* @__PURE__ */ n(
-      Hn,
+    E && /* @__PURE__ */ n(
+      Yn,
       {
-        MessageBouncePrompt: j,
-        onClose: () => M(!1),
-        open: T
+        MessageBouncePrompt: $,
+        onClose: () => A(!1),
+        open: E
       }
     ),
     /* @__PURE__ */ h(
@@ -1494,10 +1491,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          x && /* @__PURE__ */ n(x, {}),
-          !!N && /* @__PURE__ */ n($, { reminder: N }),
+          k && /* @__PURE__ */ n(k, {}),
+          !!y && /* @__PURE__ */ n(P, { reminder: y }),
           c.user && /* @__PURE__ */ n(
-            re,
+            ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1505,183 +1502,183 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: me
+              dmAgentEnabled: ue
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ee || ct
+                "str-chat__simple-message--error-failed": Q || lt
               }),
               "data-testid": "message-inner",
-              onClick: oe,
-              onKeyDown: oe,
-              role: oe ? "button" : void 0,
-              tabIndex: oe ? 0 : void 0,
+              onClick: ie,
+              onKeyDown: ie,
+              role: ie ? "button" : void 0,
+              tabIndex: ie ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  G && /* @__PURE__ */ n(G, {}),
+              children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  V && /* @__PURE__ */ n(V, {}),
                   /* @__PURE__ */ n(
-                    zt.Sent,
+                    Ot.Sent,
                     {
-                      title: (bt = c.metadata) == null ? void 0 : bt.attachment_title,
-                      mimeType: (pt = c.metadata) == null ? void 0 : pt.attachment_mime_type,
-                      thumbnailUrl: (vt = c.metadata) == null ? void 0 : vt.attachment_thumbnail,
-                      amountText: (xt = c.metadata) == null ? void 0 : xt.amount_text,
-                      detail: (wt = c.metadata) == null ? void 0 : wt.attachment_detail,
-                      paymentStatus: (Nt = c.metadata) == null ? void 0 : Nt.payment_status,
-                      onPreviewClick: () => k == null ? void 0 : k(c, y),
-                      onFetchSource: async () => await (A == null ? void 0 : A(c, y))
+                      title: (gt = c.metadata) == null ? void 0 : gt.attachment_title,
+                      mimeType: (bt = c.metadata) == null ? void 0 : bt.attachment_mime_type,
+                      thumbnailUrl: (pt = c.metadata) == null ? void 0 : pt.attachment_thumbnail,
+                      amountText: (vt = c.metadata) == null ? void 0 : vt.amount_text,
+                      detail: (xt = c.metadata) == null ? void 0 : xt.attachment_detail,
+                      paymentStatus: (wt = c.metadata) == null ? void 0 : wt.payment_status,
+                      onPreviewClick: () => S == null ? void 0 : S(c, x),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    zt.Received,
+                    Ot.Received,
                     {
-                      title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
-                      mimeType: (yt = c.metadata) == null ? void 0 : yt.attachment_mime_type,
-                      thumbnailUrl: (Ct = c.metadata) == null ? void 0 : Ct.attachment_thumbnail,
-                      amountText: (kt = c.metadata) == null ? void 0 : kt.amount_text,
-                      detail: (Et = c.metadata) == null ? void 0 : Et.attachment_detail,
-                      paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
-                      isUnlocking: S(c.id),
-                      onUnlockClick: () => k == null ? void 0 : k(c, y),
-                      onFetchSource: async () => await (A == null ? void 0 : A(c, y)),
-                      onDownloadClick: () => D == null ? void 0 : D(c, y)
+                      title: (Nt = c.metadata) == null ? void 0 : Nt.attachment_title,
+                      mimeType: (_t = c.metadata) == null ? void 0 : _t.attachment_mime_type,
+                      thumbnailUrl: (yt = c.metadata) == null ? void 0 : yt.attachment_thumbnail,
+                      amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
+                      detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
+                      paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
+                      isUnlocking: T(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, x),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, x)),
+                      onDownloadClick: () => O == null ? void 0 : O(c, x)
                     }
                   ),
-                  G && /* @__PURE__ */ n(G, {})
+                  V && /* @__PURE__ */ n(V, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  At,
+                  Tt,
                   {
-                    message: X,
-                    renderText: b
+                    message: re,
+                    renderText: g
                   }
                 ) })
-              ] }) : ut ? (
+              ] }) : dt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Oe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                me && !ht && /* @__PURE__ */ n(
-                  Oe,
+                ue && !mt && /* @__PURE__ */ n(
+                  Pe,
                   {
                     message: c,
-                    hasAttachment: De,
-                    isMyMessage: ue
+                    hasAttachment: Re,
+                    isMyMessage: de
                   }
                 ),
-                dt && /* @__PURE__ */ n(Yn, { poll: dt }),
-                V != null && V.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  P,
+                ct && /* @__PURE__ */ n(qn, { poll: ct }),
+                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  M,
                   {
                     actionHandler: l,
-                    attachments: V
+                    attachments: K
                   }
                 ) : null,
-                R ? /* @__PURE__ */ n(
-                  p,
+                _e ? /* @__PURE__ */ n(
+                  w,
                   {
-                    message: X,
-                    renderText: b
+                    message: re,
+                    renderText: g
                   }
                 ) : /* @__PURE__ */ n(
-                  At,
+                  Tt,
                   {
-                    message: X,
-                    renderText: b
+                    message: re,
+                    renderText: g
                   }
                 ),
-                /* @__PURE__ */ n(qn, {})
+                /* @__PURE__ */ n(Wn, {})
               ] }) })
             }
           ),
-          !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!me || ht) && /* @__PURE__ */ n(
-              Oe,
+          !ut && !dt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!ue || mt) && /* @__PURE__ */ n(
+              Pe,
               {
                 message: c,
-                hasAttachment: De,
-                isMyMessage: ue
+                hasAttachment: Re,
+                isMyMessage: de
               }
             ),
-            s && me && /* @__PURE__ */ n(
-              Na,
+            s && ue && /* @__PURE__ */ n(
+              _a,
               {
-                selected: E,
+                selected: _,
                 onVoteUp: I,
-                onVoteDown: B
+                onVoteDown: L
               }
             )
           ] }),
-          Q && /* @__PURE__ */ n(
-            q,
+          J && /* @__PURE__ */ n(
+            U,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          te && /* @__PURE__ */ n(Y, {})
+          se && /* @__PURE__ */ n(X, {})
         ]
       },
       c.id
     )
   ] });
-}, ya = z.memo(
-  _a,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
-), Ca = (e) => {
+}, Ca = z.memo(
+  ya,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+), ka = (e) => {
   const t = pe("CustomMessage");
-  return /* @__PURE__ */ n(ya, { ...t, ...e });
-}, ka = () => {
+  return /* @__PURE__ */ n(Ca, { ...t, ...e });
+}, Ea = () => {
   var s;
   const { handleDelete: e, message: t } = pe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    Yt,
+    Ht,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ea = () => {
+}, Sa = () => {
   const { handleFlag: e } = pe("CustomMessageActions");
   return /* @__PURE__ */ n(
-    Yt,
+    Ht,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Vt, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(jt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ia = () => {
   var t;
   const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ms,
+    Ls,
     {
       messageActionSet: [
-        { Component: ka, placement: "quick", type: "delete" },
-        { Component: Ea, placement: "quick", type: "flag" }
+        { Component: Ea, placement: "quick", type: "delete" },
+        { Component: Sa, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Sa = (e) => ({
+}, Ta = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
+    (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
   )
-}), Ta = ({
+}), Aa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1711,7 +1708,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(ve, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(Ae, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1721,22 +1718,22 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Aa = () => {
-  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = Xn(
+}, Ma = () => {
+  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
-    Sa
+    Ta
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ta,
+    Aa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = z.createContext(!1), Ra = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1744,20 +1741,20 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
   }
-), Da = () => {
-  const e = Te(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
-    SendButton: r = Ma,
-    AttachmentPreviewList: i = Qn
+), La = () => {
+  const e = Te(ln), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
+    SendButton: r = Ra,
+    AttachmentPreviewList: i = es
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-    /* @__PURE__ */ n(es, {}),
-    /* @__PURE__ */ n(Aa, {}),
+    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(Ma, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        ts,
+        ns,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1780,15 +1777,15 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Ra = ({
+}, Da = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ae, { children: [
+  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1800,23 +1797,23 @@ const ba = ({ 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(ln.Provider, { value: i, children: /* @__PURE__ */ n(Kn, { Input: Da }) })
+          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: La }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, La = [
+}, Pa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Pa = {
+], Oa = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Oa = [
+}, za = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], za = {
+], $a = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, ze = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
+}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => Pa.includes(e), Ba = (e) => za.includes(e), Ua = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1824,7 +1821,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if ($a(t))
+  if (Ba(t))
     return {
       kind: "age-safety",
       type: t
@@ -1836,11 +1833,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: s
     };
 }, ja = (e) => {
-  const t = e.indexOf(ze);
+  const t = e.indexOf(Oe);
   if (t === -1)
     return e;
-  const s = t + ze.length;
-  return /* @__PURE__ */ h(ae, { children: [
+  const s = t + Oe.length;
+  return /* @__PURE__ */ h(te, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1849,18 +1846,18 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: ze
+        children: Oe
       }
     ),
     e.slice(s)
   ] });
-}, Ua = (e) => {
+}, Va = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ba(
+  const t = e.message.hide_date === !0, s = Ua(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Pa[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Oa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1882,11 +1879,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Re, { message: e.message })
+      !t && /* @__PURE__ */ n(Le, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || za[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || $a[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1896,7 +1893,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Is,
+              Ts,
               {
                 size: 24,
                 weight: "duotone",
@@ -1909,7 +1906,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Re, { message: e.message })
+      !t && /* @__PURE__ */ n(Le, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1918,9 +1915,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Re, { message: e.message })
+    !t && /* @__PURE__ */ n(Le, { message: e.message })
   ] });
-}, cn = He(!1), Fe = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1930,21 +1927,21 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Va = /* @__PURE__ */ new Set([
-  Le.Thinking,
-  Le.Generating,
-  Le.ExternalSources
-]), Ga = ({ threadList: e }) => {
-  var b, _;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Te(cn);
-  if (!e && l && Va.has(o)) {
-    const v = Ha(t, (b = r.user) == null ? void 0 : b.id);
+) }), Ga = /* @__PURE__ */ new Set([
+  De.Thinking,
+  De.Generating,
+  De.ExternalSources
+]), Ha = ({ threadList: e }) => {
+  var g, v;
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(cn);
+  if (!e && l && Ga.has(o)) {
+    const p = Ya(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
-      Bt,
+      Ft,
       {
-        avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
-        avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
-        avatarImage: v == null ? void 0 : v.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"
       }
     );
@@ -1952,21 +1949,21 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: w }) => {
-      var y;
-      return (w == null ? void 0 : w.id) !== ((y = r.user) == null ? void 0 : y.id) && !v;
+    ({ parent_id: p, user: N }) => {
+      var x;
+      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && !p;
     }
-  ), g = e ? Object.values(i).filter(
-    ({ parent_id: v, user: w }) => {
-      var y;
-      return (w == null ? void 0 : w.id) !== ((y = r.user) == null ? void 0 : y.id) && v === (a == null ? void 0 : a.id);
+  ), b = e ? Object.values(i).filter(
+    ({ parent_id: p, user: N }) => {
+      var x;
+      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && p === (a == null ? void 0 : a.id);
     }
-  ) : [], u = e ? g : m;
+  ) : [], u = e ? b : m;
   if (!u.length)
     return null;
-  const f = (_ = u[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (v = u[0]) == null ? void 0 : v.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    Bt,
+    Ft,
     {
       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",
@@ -1974,7 +1971,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, Bt = ({
+}, Ft = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -1987,7 +1984,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        re,
+        ae,
         {
           id: e,
           name: t,
@@ -2006,16 +2003,16 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "8",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(Fe, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(Fe, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(Fe, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(ze, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
           ]
         }
       ) })
     ]
   }
 );
-function Ha(e, t) {
+function Ya(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2024,7 +2021,7 @@ function Ha(e, t) {
       return i;
   }
 }
-const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const qa = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -2068,35 +2065,43 @@ const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
     ]
   }
 ), Ee = z.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(Wa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Xa = ({
   onBack: e,
   showBackButton: t,
-  onShowInfo: s,
-  canShowInfo: a,
-  showStarButton: r = !1,
-  dmAgentEnabled: i = !1
+  showStarButton: s = !1,
+  dmAgentEnabled: a = !1,
+  onLeaveConversation: r,
+  onBlockParticipant: i,
+  showDeleteConversation: o = !0,
+  showBlockParticipant: l = !0,
+  showReportParticipant: d = !0,
+  onDeleteConversationClick: m,
+  onBlockParticipantClick: b,
+  onReportParticipantClick: u,
+  customChannelActions: f,
+  showActionsMenu: c = !0
 }) => {
-  var f, c, b, _, v;
-  const { channel: o } = de(), l = z.useMemo(() => {
-    var S, k;
-    const w = (S = o._client) == null ? void 0 : S.userID;
-    return w ? Object.values(((k = o.state) == null ? void 0 : k.members) || {}).find(
-      (A) => {
-        var D;
-        return ((D = A.user) == null ? void 0 : D.id) && A.user.id !== w;
+  var S, R, O, E, A;
+  const { channel: g } = ce(), v = z.useMemo(() => {
+    var I, L;
+    const y = (I = g._client) == null ? void 0 : I.userID;
+    return y ? Object.values(((L = g.state) == null ? void 0 : L.members) || {}).find(
+      (M) => {
+        var j;
+        return ((j = M.user) == null ? void 0 : j.id) && M.user.id !== y;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Ae(l == null ? void 0 : l.user), m = (b = l == null ? void 0 : l.user) == null ? void 0 : b.image, g = Wt(o), u = async () => {
+  }, [(S = g._client) == null ? void 0 : S.userID, (R = g.state) == null ? void 0 : R.members]), p = Wt(v == null ? void 0 : v.user), N = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, x = qt(g), T = async () => {
     try {
-      g ? await o.unpin() : await o.pin();
-    } catch (w) {
+      x ? await g.unpin() : await g.pin();
+    } catch (y) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        w
+        y
       );
     }
   };
@@ -2106,62 +2111,69 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: C(
-            le,
+            oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Mt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          re,
+          ae,
           {
-            id: ((_ = l == null ? void 0 : l.user) == null ? void 0 : _.id) || o.id || "unknown",
-            name: d,
-            image: m,
-            starred: r && g,
-            dmAgentEnabled: i,
+            id: ((E = v == null ? void 0 : v.user) == null ? void 0 : E.id) || g.id || "unknown",
+            name: p,
+            image: N,
+            starred: s && x,
+            dmAgentEnabled: a,
             size: 48
           }
         ),
-        /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: d }),
-        i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+        /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: p }),
+        a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(Ue, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: jt })
+          /* @__PURE__ */ n("span", { children: Bt })
         ] })
       ] }),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
-        r && /* @__PURE__ */ n(
+        s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: u,
+            className: oe,
+            onClick: T,
             type: "button",
-            "aria-label": g ? "Unstar conversation" : "Star conversation",
+            "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Be,
+              Fe,
               {
                 className: C("size-5", {
-                  "text-yellow-600": g,
-                  "text-black/90": !g
+                  "text-yellow-600": x,
+                  "text-black/90": !x
                 }),
-                weight: g ? "duotone" : "regular"
+                weight: x ? "duotone" : "regular"
               }
             )
           }
         ),
-        a && /* @__PURE__ */ n(
-          "button",
+        c && /* @__PURE__ */ n(
+          Pt,
           {
-            className: C(le, "bg-[#F1F0EE]"),
-            onClick: s,
-            type: "button",
-            "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+            channel: g,
+            participant: v,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
+            showReportParticipant: d,
+            onLeaveConversation: r,
+            onBlockParticipant: i,
+            onDeleteConversationClick: m,
+            onBlockParticipantClick: b,
+            onReportParticipantClick: u,
+            customChannelActions: f,
+            triggerClassName: C(oe, "bg-[#F1F0EE]")
           }
         )
       ] })
@@ -2172,77 +2184,75 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: C(
-              le,
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Mt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ n(
-          re,
+          ae,
           {
-            id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
-            name: d,
-            image: m,
-            starred: r && g,
-            dmAgentEnabled: i,
+            id: ((A = v == null ? void 0 : v.user) == null ? void 0 : A.id) || g.id || "unknown",
+            name: p,
+            image: N,
+            starred: s && x,
+            dmAgentEnabled: a,
             size: 48
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          a ? /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: s,
-              className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
-              "aria-label": `View info for ${d}`,
-              children: /* @__PURE__ */ n("span", { className: "truncate", children: d })
-            }
-          ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
-          i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
+          /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: p }),
+          a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
             /* @__PURE__ */ n(Ue, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: jt })
+            /* @__PURE__ */ n("span", { className: "truncate", children: Bt })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-        r && /* @__PURE__ */ n(
+        s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
-            onClick: u,
+            className: oe,
+            onClick: T,
             type: "button",
-            "aria-label": g ? "Unstar conversation" : "Star conversation",
+            "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Be,
+              Fe,
               {
                 className: C("size-6", {
-                  "text-yellow-600": g,
-                  "text-black/90": !g
+                  "text-yellow-600": x,
+                  "text-black/90": !x
                 }),
-                weight: g ? "duotone" : "regular"
+                weight: x ? "duotone" : "regular"
               }
             )
           }
         ),
-        a && s && /* @__PURE__ */ n(
-          "button",
+        c && /* @__PURE__ */ n(
+          Pt,
           {
-            className: le,
-            onClick: s,
-            type: "button",
-            "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Rt, { className: "size-6 text-black/90" })
+            channel: g,
+            participant: v,
+            showDeleteConversation: o,
+            showBlockParticipant: l,
+            showReportParticipant: d,
+            onLeaveConversation: r,
+            onBlockParticipant: i,
+            onDeleteConversationClick: m,
+            onBlockParticipantClick: b,
+            onReportParticipantClick: u,
+            customChannelActions: f,
+            triggerClassName: oe
           }
         )
       ] })
     ] })
   ] });
-}, Xa = ({
+}, Ka = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2253,135 +2263,103 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
-  onReportParticipantClick: g,
+  onReportParticipantClick: b,
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
-  showFollowerStatus: c = !0,
-  composerDisabled: b = !1,
-  composerDisabledReason: _,
+  composerDisabled: c = !1,
+  composerDisabledReason: g,
   showStarButton: v = !1,
-  chatbotVotingEnabled: w = !1,
-  renderChannelBanner: y,
-  customProfileContent: S,
-  customChannelActions: k,
-  renderMessage: A,
-  dmAgentEnabled: D = !1,
-  viewerLanguage: T,
-  showChannelInfo: M = !0
+  chatbotVotingEnabled: p = !1,
+  renderChannelBanner: N,
+  customChannelActions: x,
+  renderMessage: T,
+  dmAgentEnabled: S = !1,
+  viewerLanguage: R,
+  showChannelInfo: O = !0
 }) => {
-  var q, $, p, x, L, U;
-  const { channel: N } = de(), E = K(null), I = z.useMemo(() => {
-    var X, Q;
-    const R = (X = N._client) == null ? void 0 : X.userID;
-    return R ? Object.values(((Q = N.state) == null ? void 0 : Q.members) || {}).find(
-      (te) => {
-        var ee;
-        return ((ee = te.user) == null ? void 0 : ee.id) && te.user.id !== R;
+  var j, V, G, $, F, X;
+  const { channel: E } = ce(), A = z.useMemo(() => {
+    var w, k;
+    const U = (w = E._client) == null ? void 0 : w.userID;
+    return U ? Object.values(((k = E.state) == null ? void 0 : k.members) || {}).find(
+      (B) => {
+        var q;
+        return ((q = B.user) == null ? void 0 : q.id) && B.user.id !== U;
       }
     ) : void 0;
-  }, [(q = N._client) == null ? void 0 : q.userID, ($ = N.state) == null ? void 0 : $.members]), B = z.useMemo(() => {
-    var X, Q;
-    const R = (X = N._client) == null ? void 0 : X.userID;
-    return R ? Object.values(((Q = N.state) == null ? void 0 : Q.members) || {}).find((te) => {
-      var ee;
-      return ((ee = te.user) == null ? void 0 : ee.id) === R;
+  }, [(j = E._client) == null ? void 0 : j.userID, (V = E.state) == null ? void 0 : V.members]), y = z.useMemo(() => {
+    var w, k;
+    const U = (w = E._client) == null ? void 0 : w.userID;
+    return U ? Object.values(((k = E.state) == null ? void 0 : k.members) || {}).find((B) => {
+      var q;
+      return ((q = B.user) == null ? void 0 : q.id) === U;
     }) : void 0;
-  }, [(p = N._client) == null ? void 0 : p.userID, (x = N.state) == null ? void 0 : x.members]), P = ((L = B == null ? void 0 : B.user) == null ? void 0 : L.is_account) ?? (B == null ? void 0 : B.is_account), Z = ((U = I == null ? void 0 : I.user) == null ? void 0 : U.is_account) ?? (I == null ? void 0 : I.is_account), G = D && P === !1 && Z === !0, H = z.useMemo(() => {
-    if (!c) return;
-    const R = N.data ?? {};
-    if (R.followerStatus)
-      return String(R.followerStatus);
-    if (R.isFollower !== void 0)
-      return R.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [N.data, c]), j = W(() => {
-    var R;
-    (R = E.current) == null || R.showModal();
-  }, []), F = W(() => {
-    var R;
-    (R = E.current) == null || R.close();
-  }, []), Y = W(
-    (R) => {
-      const { message: V } = pe("ChannelView"), X = /* @__PURE__ */ n(
-        Ca,
+  }, [(G = E._client) == null ? void 0 : G.userID, ($ = E.state) == null ? void 0 : $.members]), _ = ((F = y == null ? void 0 : y.user) == null ? void 0 : F.is_account) ?? (y == null ? void 0 : y.is_account), I = ((X = A == null ? void 0 : A.user) == null ? void 0 : X.is_account) ?? (A == null ? void 0 : A.is_account), L = S && _ === !1 && I === !0, M = W(
+    (U) => {
+      const { message: P } = pe("ChannelView"), w = /* @__PURE__ */ n(
+        ka,
         {
-          ...R,
-          chatbotVotingEnabled: w,
-          viewerLanguage: T
+          ...U,
+          chatbotVotingEnabled: p,
+          viewerLanguage: R
         }
       );
-      return !A || !V ? X : A(X, V);
+      return !T || !P ? w : T(w, P);
     },
-    [w, A, T]
+    [p, T, R]
   );
-  return /* @__PURE__ */ h(ae, { children: [
-    /* @__PURE__ */ n(
-      rs,
-      {
-        overrides: {
-          Message: Y,
-          MessageActions: Ia
-        },
-        children: /* @__PURE__ */ h(is, { children: [
-          /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-            Wa,
-            {
-              onBack: e,
-              showBackButton: t,
-              onShowInfo: j,
-              canShowInfo: M && !!I,
-              showStarButton: v,
-              dmAgentEnabled: G
-            }
-          ) }, "lt-channel-header"),
-          y ? /* @__PURE__ */ n(z.Fragment, { children: y() }, "lt-channel-banner") : null,
-          /* @__PURE__ */ n(
-            "div",
-            {
-              className: "flex-1 overflow-hidden relative",
-              children: /* @__PURE__ */ n(os, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
-            },
-            "lt-channel-message-list"
-          ),
-          r ? /* @__PURE__ */ n(z.Fragment, { children: r(N) }, "lt-channel-conversation-footer") : null,
-          /* @__PURE__ */ n(
-            Ra,
-            {
-              ...s && {
-                renderActions: () => s == null ? void 0 : s(N)
-              },
-              renderFooter: () => a == null ? void 0 : a(N),
-              disabled: b,
-              disabledReason: _
-            },
-            "lt-channel-message-input"
-          )
-        ] })
-      }
-    ),
-    M && /* @__PURE__ */ n(
-      $s,
-      {
-        dialogRef: E,
-        onClose: F,
-        participant: I,
-        participantDisplayName: Ae(
-          I == null ? void 0 : I.user
+  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
+    is,
+    {
+      overrides: {
+        Message: M,
+        MessageActions: Ia
+      },
+      children: /* @__PURE__ */ h(os, { children: [
+        /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+          Xa,
+          {
+            onBack: e,
+            showBackButton: t,
+            showActionsMenu: O,
+            showStarButton: v,
+            dmAgentEnabled: L,
+            onLeaveConversation: i,
+            onBlockParticipant: o,
+            showDeleteConversation: l,
+            showBlockParticipant: u,
+            showReportParticipant: f,
+            onDeleteConversationClick: d,
+            onBlockParticipantClick: m,
+            onReportParticipantClick: b,
+            customChannelActions: x
+          }
+        ) }, "lt-channel-header"),
+        N ? /* @__PURE__ */ n(z.Fragment, { children: N() }, "lt-channel-banner") : null,
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: "flex-1 overflow-hidden relative",
+            children: /* @__PURE__ */ n(ls, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+          },
+          "lt-channel-message-list"
         ),
-        channel: N,
-        followerStatusLabel: H,
-        onLeaveConversation: i,
-        onBlockParticipant: o,
-        showDeleteConversation: l,
-        showBlockParticipant: u,
-        showReportParticipant: f,
-        onDeleteConversationClick: d,
-        onBlockParticipantClick: m,
-        onReportParticipantClick: g,
-        customProfileContent: S,
-        customChannelActions: k
-      }
-    )
-  ] });
+        r ? /* @__PURE__ */ n(z.Fragment, { children: r(E) }, "lt-channel-conversation-footer") : null,
+        /* @__PURE__ */ n(
+          Da,
+          {
+            ...s && {
+              renderActions: () => s == null ? void 0 : s(E)
+            },
+            renderFooter: () => a == null ? void 0 : a(E),
+            disabled: c,
+            disabledReason: g
+          },
+          "lt-channel-message-input"
+        )
+      ] })
+    }
+  ) });
 }, dn = z.memo(
   ({
     channel: e,
@@ -2393,84 +2371,82 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ya,
-    showDeleteConversation: g = !0,
+    CustomChannelEmptyState: m = qa,
+    showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
-    showReportParticipant: _ = !0,
-    showFollowerStatus: v = !0,
-    composerDisabled: w = !1,
-    composerDisabledReason: y,
-    dmAgentEnabled: S,
-    messageMetadata: k,
-    onMessageSent: A,
-    showStarButton: D = !1,
-    chatbotVotingEnabled: T = !1,
-    renderChannelBanner: M,
-    customProfileContent: N,
-    customChannelActions: E,
-    renderMessage: I,
-    onMessageLinkClick: B,
-    sendButton: P,
-    attachmentPreviewList: Z,
-    viewerLanguage: G,
-    showChannelInfo: H = !0
+    showBlockParticipant: g = !0,
+    showReportParticipant: v = !0,
+    composerDisabled: p = !1,
+    composerDisabledReason: N,
+    dmAgentEnabled: x,
+    messageMetadata: T,
+    onMessageSent: S,
+    showStarButton: R = !1,
+    chatbotVotingEnabled: O = !1,
+    renderChannelBanner: E,
+    customChannelActions: A,
+    renderMessage: y,
+    onMessageLinkClick: _,
+    sendButton: I,
+    attachmentPreviewList: L,
+    viewerLanguage: M,
+    showChannelInfo: j = !0
   }) => {
-    const j = W(
-      async (Y, q, $) => {
-        var V;
-        const p = ((V = e.data) == null ? void 0 : V.chatbot_paused) === !0, x = S && !p, L = {
-          ...q,
-          ...x && { silent: !0 },
-          ...k && {
+    const V = W(
+      async ($, F, X) => {
+        var q;
+        const U = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, P = x && !U, w = {
+          ...F,
+          ...P && { silent: !0 },
+          ...T && {
             metadata: {
-              ...q.metadata ?? {},
-              ...k
+              ...F.metadata ?? {},
+              ...T
             }
           }
-        }, U = {
-          ...$,
-          ...x && { skip_push: !0 }
-        }, R = await e.sendMessage(L, U);
-        return A == null || A(R), R;
+        }, k = {
+          ...X,
+          ...P && { skip_push: !0 }
+        }, B = await e.sendMessage(w, k);
+        return S == null || S(B), B;
       },
-      [e, S, k, A]
-    ), F = K(null);
-    return J(() => {
-      if (!B) return;
-      const Y = F.current;
-      if (!Y) return;
-      const q = ($) => {
-        const p = $.target, x = p == null ? void 0 : p.closest("a[href]"), L = x == null ? void 0 : x.getAttribute("href");
-        if (!L) return;
-        const U = x == null ? void 0 : x.closest("[data-message-id]"), R = U == null ? void 0 : U.getAttribute("data-message-id"), V = R ? e.state.messages.find((X) => X.id === R) : void 0;
-        B(L, V);
+      [e, x, T, S]
+    ), G = H(null);
+    return Y(() => {
+      if (!_) return;
+      const $ = G.current;
+      if (!$) return;
+      const F = (X) => {
+        const U = X.target, P = U == null ? void 0 : U.closest("a[href]"), w = P == null ? void 0 : P.getAttribute("href");
+        if (!w) return;
+        const k = P == null ? void 0 : P.closest("[data-message-id]"), B = k == null ? void 0 : k.getAttribute("data-message-id"), q = B ? e.state.messages.find((_e) => _e.id === B) : void 0;
+        _(w, q);
       };
-      return Y.addEventListener("click", q), () => Y.removeEventListener("click", q);
-    }, [B, e]), /* @__PURE__ */ n(
+      return $.addEventListener("click", F), () => $.removeEventListener("click", F);
+    }, [_, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: F,
+        ref: G,
         className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: S ?? !1, children: /* @__PURE__ */ n(
-          as,
+        children: /* @__PURE__ */ n(cn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
+          rs,
           {
             channel: e,
-            MessageSystem: Ua,
+            MessageSystem: Va,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
-            DateSeparator: Bs,
-            TypingIndicator: Ga,
-            doSendMessageRequest: j,
-            ...P ? { SendButton: P } : {},
-            ...Z ? { AttachmentPreviewList: Z } : {},
+            DateSeparator: Us,
+            TypingIndicator: Ha,
+            doSendMessageRequest: V,
+            ...I ? { SendButton: I } : {},
+            ...L ? { AttachmentPreviewList: L } : {},
             children: /* @__PURE__ */ n(
-              Xa,
+              Ka,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2480,24 +2456,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onLeaveConversation: o,
                 onBlockParticipant: l,
                 CustomChannelEmptyState: m,
-                showDeleteConversation: g,
+                showDeleteConversation: b,
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
-                showReportParticipant: _,
-                showFollowerStatus: v,
-                composerDisabled: w,
-                composerDisabledReason: y,
-                showStarButton: D,
-                dmAgentEnabled: S,
-                chatbotVotingEnabled: T,
-                renderChannelBanner: M,
-                customProfileContent: N,
-                customChannelActions: E,
-                renderMessage: I,
-                viewerLanguage: G,
-                showChannelInfo: H
+                showBlockParticipant: g,
+                showReportParticipant: v,
+                composerDisabled: p,
+                composerDisabledReason: N,
+                showStarButton: R,
+                dmAgentEnabled: x,
+                chatbotVotingEnabled: O,
+                renderChannelBanner: E,
+                customChannelActions: A,
+                renderMessage: y,
+                viewerLanguage: M,
+                showChannelInfo: j
               }
             )
           }
@@ -2522,7 +2496,7 @@ const fe = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 fe.displayName = "ErrorState";
-const _i = ({
+const yi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2533,133 +2507,133 @@ const _i = ({
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  dmAgentEnabled: g,
+  dmAgentEnabled: b,
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: b,
-  customChannelActions: _,
-  renderMessage: v,
-  onMessageLinkClick: w,
-  showChannelInfo: y
+  renderChannelBanner: g,
+  customChannelActions: v,
+  renderMessage: p,
+  onMessageLinkClick: N,
+  showChannelInfo: x
 }) => {
   const {
-    client: S,
-    isConnected: k,
-    isLoading: A,
-    error: D,
-    refreshConnection: T,
-    service: M,
-    debug: N
-  } = Ds(), [E, I] = O(null), [B, P] = O(null), [Z, G] = O(!1), { showDeleteConversation: H = !0 } = e, j = K(o);
-  j.current = o;
-  const F = K(a);
+    client: T,
+    isConnected: S,
+    isLoading: R,
+    error: O,
+    refreshConnection: E,
+    service: A,
+    debug: y
+  } = Ds(), [_, I] = D(null), [L, M] = D(null), [j, V] = D(!1), { showDeleteConversation: G = !0 } = e, $ = H(o);
+  $.current = o;
+  const F = H(a);
   F.current = a;
-  const Y = K(null), q = K(null);
-  J(() => {
-    q.current = E;
-  }, [E]), J(() => {
-    if (!S || !k) return;
-    const x = S.userID;
-    if (!x) return;
-    const L = `${x}::${i}`;
-    if (Y.current === L) return;
-    Y.current = L;
-    const U = () => {
-      Y.current === L && (Y.current = null);
+  const X = H(null), U = H(null);
+  Y(() => {
+    U.current = _;
+  }, [_]), Y(() => {
+    if (!T || !S) return;
+    const k = T.userID;
+    if (!k) return;
+    const B = `${k}::${i}`;
+    if (X.current === B) return;
+    X.current = B;
+    const q = () => {
+      X.current === B && (X.current = null);
     };
     (async () => {
-      var V, X;
+      var K, re;
       try {
-        N && console.log(
+        y && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const Q = await S.queryChannels(
+        const J = await T.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [x, i] }
+            members: { $eq: [k, i] }
           },
           {},
           { limit: 1 }
         );
-        if (Q.length > 0) {
-          I(Q[0]), P(null), (V = F.current) == null || V.call(F, Q[0]), N && console.log(
+        if (J.length > 0) {
+          I(J[0]), M(null), (K = F.current) == null || K.call(F, J[0]), y && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            Q[0].id
+            J[0].id
           );
           return;
         }
-        const te = j.current;
-        if (!te || !M) {
-          U(), P("No conversation found with this account"), N && console.log(
+        const se = $.current;
+        if (!se || !A) {
+          q(), M("No conversation found with this account"), y && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const ee = await M.startChannelWithParticipant({
-            id: te.id,
-            name: te.name,
-            phone: te.phone
+          const Q = await A.startChannelWithParticipant({
+            id: se.id,
+            name: se.name,
+            phone: se.phone
           });
-          I(ee), P(null), (X = F.current) == null || X.call(F, ee), N && console.log(
+          I(Q), M(null), (re = F.current) == null || re.call(F, Q), y && console.log(
             "[MessagingShell] Channel created and loaded:",
-            ee.id
+            Q.id
           );
-        } catch (ee) {
+        } catch (Q) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            ee
-          ), U(), P("Failed to create conversation");
+            Q
+          ), q(), M("Failed to create conversation");
         }
-      } catch (Q) {
+      } catch (J) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          Q
-        ), U(), q.current || P("Failed to load conversation");
+          J
+        ), q(), U.current || M("Failed to load conversation");
       }
     })();
-  }, [i, S, k, M, N]);
-  const $ = K(r);
-  $.current = r;
-  const p = W(() => {
-    var x;
-    I(null), G(!0), (x = $.current) == null || x.call($);
+  }, [i, T, S, A, y]);
+  const P = H(r);
+  P.current = r;
+  const w = W(() => {
+    var k;
+    I(null), V(!0), (k = P.current) == null || k.call(P);
   }, []);
-  return A ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(fe, { message: D, onBack: T }) : !k || !S ? /* @__PURE__ */ n(
+  return R ? /* @__PURE__ */ n(Ee, {}) : O ? /* @__PURE__ */ n(fe, { message: O, onBack: E }) : !S || !T ? /* @__PURE__ */ n(
     fe,
     {
       message: "Not connected to messaging service",
-      onBack: T
+      onBack: E
     }
-  ) : B ? /* @__PURE__ */ n(fe, { message: B }) : Z && !E ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : E ? /* @__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(
+  ) : L ? /* @__PURE__ */ n(fe, { message: L }) : j && !_ ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : _ ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
-      channel: E,
+      channel: _,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
-      onLeaveConversation: p,
-      onBlockParticipant: p,
+      renderChannelBanner: g,
+      onLeaveConversation: w,
+      onBlockParticipant: w,
       CustomChannelEmptyState: l,
-      showDeleteConversation: H,
+      showDeleteConversation: G,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
-      dmAgentEnabled: g,
+      dmAgentEnabled: b,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      customChannelActions: _,
-      renderMessage: v,
-      onMessageLinkClick: w,
-      showChannelInfo: y
+      customChannelActions: v,
+      renderMessage: p,
+      onMessageLinkClick: N,
+      showChannelInfo: x
     },
-    E.id
+    _.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function Ka(e) {
+function Ja(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
@@ -2672,18 +2646,18 @@ const un = z.createContext({
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ja = un.Provider, Za = () => z.useContext(un), Qa = (e, t) => {
+}), Za = un.Provider, Qa = () => z.useContext(un), er = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, er = (e) => {
+}, tr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Qa(e, t);
+  const a = er(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2695,49 +2669,49 @@ const un = z.createContext({
   });
 }, mn = z.memo(
   ({ channel: e, unread: t }) => {
-    var D, T, M;
+    var O, E, A;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = Za(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = Qa(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (N) => {
-      const E = N.key === "Enter" || N.key === " ", I = N.repeat;
-      !E || I || (N.preventDefault(), d());
-    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
-      (N) => {
-        var E, I;
-        return ((E = N.user) == null ? void 0 : E.id) && N.user.id !== ((I = e == null ? void 0 : e._client) == null ? void 0 : I.userID);
+    }, m = (y) => {
+      const _ = y.key === "Enter" || y.key === " ", I = y.repeat;
+      !_ || I || (y.preventDefault(), d());
+    }, u = Object.values(((O = e == null ? void 0 : e.state) == null ? void 0 : O.members) || {}).find(
+      (y) => {
+        var _, I;
+        return ((_ = y.user) == null ? void 0 : _.id) && y.user.id !== ((I = e == null ? void 0 : e._client) == null ? void 0 : I.userID);
       }
-    ), f = Ae(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      var E;
-      const N = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
-      if (N != null && N.length) {
-        for (let I = N.length - 1; I >= 0; I--)
-          if (N[I].type !== "system") return N[I];
+    ), f = Wt(u == null ? void 0 : u.user), c = (E = u == null ? void 0 : u.user) == null ? void 0 : E.image, g = (() => {
+      var _;
+      const y = (_ = e == null ? void 0 : e.state) == null ? void 0 : _.messages;
+      if (y != null && y.length) {
+        for (let I = y.length - 1; I >= 0; I--)
+          if (y[I].type !== "system") return y[I];
       }
-    })(), v = (() => {
-      var Z, G, H, j;
-      const N = Xt({
-        message: b,
+    })(), p = (() => {
+      var j, V, G, $;
+      const y = Xt({
+        message: g,
         viewerLanguage: o
       });
-      if (((Z = b == null ? void 0 : b.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((H = b == null ? void 0 : b.metadata) == null ? void 0 : H.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
-      if (N) return N;
-      const P = (j = b == null ? void 0 : b.attachments) == null ? void 0 : j[0];
-      return P ? P.og_scrape_url ? P.og_scrape_url : P.type === "image" ? "📷 Sent an image" : P.type === "video" ? "🎥 Sent a video" : P.type === "audio" ? "🎵 Sent audio" : P.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), w = b != null && b.created_at ? er(new Date(b.created_at)) : "", y = b ? ke(b) : !1, S = i ? i(b, v) : `${y ? "✨ " : ""}${v}`, k = Wt(e), A = t ?? 0;
+      if (((j = g == null ? void 0 : g.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_TIP") return y ? `💵 ${y}` : "💵 Sent a tip";
+      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_PAID") return y ? `💰 ${y}` : "💰 Sent a message";
+      if (((G = g == null ? void 0 : g.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return y ? `📎 ${y}` : "📎 Sent an attachment";
+      if (y) return y;
+      const M = ($ = g == null ? void 0 : g.attachments) == null ? void 0 : $[0];
+      return M ? M.og_scrape_url ? M.og_scrape_url : M.type === "image" ? "📷 Sent an image" : M.type === "video" ? "🎥 Sent a video" : M.type === "audio" ? "🎵 Sent audio" : M.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), N = g != null && g.created_at ? tr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, T = i ? i(g, p) : `${x ? "✨ " : ""}${p}`, S = qt(e), R = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: A,
-      hasTimestamp: !!w
+      unreadCount: R,
+      hasTimestamp: !!N
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2754,13 +2728,13 @@ const un = z.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            re,
+            ae,
             {
-              id: ((M = u == null ? void 0 : u.user) == null ? void 0 : M.id) || e.id || "unknown",
+              id: ((A = u == null ? void 0 : u.user) == null ? void 0 : A.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: k
+              starred: S
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2772,16 +2746,16 @@ const un = z.createContext({
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    k && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    S && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              w && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: w })
+              N && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
             ] }),
             /* @__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: S }),
-              A > 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: A > 99 ? "99+" : A })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: T }),
+              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 })
             ] })
           ] })
         ] })
@@ -2790,31 +2764,31 @@ const un = z.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const tr = { last_message_at: -1 }, nr = z.memo(
+const nr = { last_message_at: -1 }, sr = z.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = tr,
+    sort: i = nr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const g = z.useRef(0);
-    g.current++;
-    const { debug: u = !1 } = We(), f = z.useCallback(
-      (b) => {
-        for (const _ of b)
-          Ka(_);
-        return r ? r(b) : b;
+    const b = z.useRef(0);
+    b.current++;
+    const { debug: u = !1 } = qe(), f = z.useCallback(
+      (g) => {
+        for (const v of g)
+          Ja(v);
+        return r ? r(g) : g;
       },
       [r]
     );
     u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: g.current,
+      renderCount: b.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
@@ -2841,8 +2815,8 @@ const tr = { last_message_at: -1 }, nr = z.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Ja, { value: c, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Za, { value: c, children: /* @__PURE__ */ n(
+          cs,
           {
             filters: s,
             sort: i,
@@ -2858,27 +2832,27 @@ const tr = { last_message_at: -1 }, nr = z.memo(
     );
   }
 );
-nr.displayName = "ChannelList";
-const sr = /^([a-z][a-z0-9+.-]*):/i, ar = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function et(e) {
+sr.displayName = "ChannelList";
+const ar = /^([a-z][a-z0-9+.-]*):/i, rr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = sr.exec(t);
+  const s = ar.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return ar.has(a) ? t : void 0;
+    return rr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const rr = {
+const ir = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, ir = ({ variant: e, cta: t }) => {
+}, or = ({ variant: e, cta: t }) => {
   const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    rr[e]
-  ), a = et(t.href);
+    ir[e]
+  ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2904,13 +2878,13 @@ const rr = {
       children: t.label
     }
   );
-}, or = {
+}, lr = {
   dark: "text-white",
   light: "text-black/90"
-}, lr = "text-white/30", cr = {
+}, cr = "text-white/30", dr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, tt = ({
+}, et = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -2920,39 +2894,39 @@ const rr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
-  if (!g && !u && !c && !b) return null;
-  const v = C(
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", b = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", g = o != null;
+  if (!b && !u && !c && !g) return null;
+  const p = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? lr : or[e]
-  ), w = C(
+    d && !t ? cr : lr[e]
+  ), N = C(
     "truncate text-xs leading-4",
-    cr[e]
+    dr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
         /* @__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: [
+          b && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", p), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: w, children: a })
+          u && /* @__PURE__ */ n("p", { className: N, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: w, children: f })
+        !g && c && /* @__PURE__ */ n("p", { className: N, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(ir, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(or, { variant: e, cta: o })
   ] });
-}, dr = C(
+}, ur = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ie = ({
+), Se = ({
   variant: e,
   children: t,
   href: s,
@@ -2963,8 +2937,8 @@ const rr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = C(
-    dr,
+  const m = s != null || a != null, b = C(
+    ur,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2980,7 +2954,7 @@ const rr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: g,
+      className: b,
       children: [
         t,
         u
@@ -2994,7 +2968,7 @@ const rr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(g, "text-left"),
+      className: C(b, "text-left"),
       children: [
         t,
         u
@@ -3005,24 +2979,24 @@ const rr = {
     {
       ref: i,
       "data-testid": d,
-      className: g,
+      className: b,
       children: [
         t,
         u
       ]
     }
   );
-}, ur = {
+}, mr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, mr = {
+}, hr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && ie(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ie(e);
+  const s = ne(e);
   return s === "video" || s === "audio";
-}, nt = "bg-[#F2F3F4]", Se = ({
+}, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3031,7 +3005,7 @@ const rr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ie(r), d = !!s && l === "video";
+  const l = ne(r), d = !!s && l === "video";
   return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3073,10 +3047,10 @@ const rr = {
           {
             className: C(
               "flex h-full w-full items-center justify-center",
-              ur[e]
+              mr[e]
             ),
-            children: ce(r, {
-              className: mr[e],
+            children: le(r, {
+              className: hr[e],
               weight: "regular"
             })
           }
@@ -3086,7 +3060,7 @@ const rr = {
       ]
     }
   );
-}, hr = ({
+}, fr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3097,31 +3071,31 @@ const rr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onDismiss: g,
+  onDismiss: b,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Me(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Me(r, o), g = b ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: g,
+      onClick: b,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(ve, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, _ = u ? /* @__PURE__ */ n(
+  ) : void 0, v = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ss, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(As, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: nt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Se,
+      Ie,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3129,26 +3103,26 @@ const rr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
   ] }) }) : /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? g : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: g
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "dark",
             title: e,
@@ -3157,13 +3131,13 @@ const rr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: _
+            trailingAction: v
           }
         )
       ]
     }
   );
-}, fr = ({
+}, gr = ({
   title: e,
   description: t,
   url: s,
@@ -3175,25 +3149,25 @@ const rr = {
   cta: d,
   onClick: m
 }) => {
-  const g = hn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Me(a, i) ? nt : void 0, _ = d && m ? {
+  const b = hn(a, i), u = Qe(s), f = d == null && u != null && !b ? u : void 0, c = d == null && !b ? m : void 0, g = Me(a, i) ? tt : void 0, v = d && m ? {
     ...d,
     onClick: () => {
-      var v;
-      m(), (v = d.onClick) == null || v.call(d);
+      var p;
+      m(), (p = d.onClick) == null || p.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "light",
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: g,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3203,20 +3177,20 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "light",
             title: e,
             description: t,
             url: s,
             appIcon: l,
-            cta: _
+            cta: v
           }
         )
       ]
     }
   );
-}, gr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3227,19 +3201,19 @@ const rr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onClick: g
+  onClick: b
 }) => {
-  const u = hn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, g = m == null && !u && c != null ? b : void 0;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
       href: c,
-      onClick: b,
-      bgClassName: Me(r, o) ? nt : void 0,
+      onClick: g,
+      bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3249,7 +3223,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "dark",
             title: e,
@@ -3263,20 +3237,20 @@ const rr = {
       ]
     }
   );
-}, yi = {
-  Composer: hr,
-  Sent: gr,
-  Received: fr
-}, br = {
+}, Ci = {
+  Composer: fr,
+  Sent: br,
+  Received: gr
+}, pr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, pr = {
+}, vr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, vr = {
+}, xr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, xr = (e) => e === "dark" ? "sender" : "receiver", wr = {
+}, wr = (e) => e === "dark" ? "sender" : "receiver", Nr = {
   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]",
@@ -3289,7 +3263,7 @@ const rr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, xe = ({
+}, ve = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3298,7 +3272,7 @@ const rr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = wr[xr(e)][a];
+  const l = t != null && t !== "", d = Nr[wr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3313,10 +3287,10 @@ const rr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        br[e],
         pr[e],
+        vr[e],
         s && "border",
-        s && vr[e],
+        s && xr[e],
         r
       ),
       children: [
@@ -3341,7 +3315,7 @@ const rr = {
       ]
     }
   );
-}, we = ({
+}, xe = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3357,18 +3331,18 @@ const rr = {
       "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(ve, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), Ne = (e) => e === "received" ? "light" : "dark", Ci = ({
+), we = (e) => e === "received" ? "light" : "dark", ki = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Nr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], _r = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3380,7 +3354,7 @@ const rr = {
     }
   ),
   s ?? null
-] }), st = ({
+] }), nt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3391,41 +3365,41 @@ const rr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = Ne(e), g = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), b = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    xe,
+    ve,
     {
       variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        _r,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
+        yr,
         {
           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(we, { onClick: d, variant: "inline" }) : void 0
+            b && g === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${g}`
       )) })
     }
   );
-}, yr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Er = {
-  Composer: yr,
-  Sent: Cr,
-  Received: kr
+}, Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Sr = {
+  Composer: Cr,
+  Sent: kr,
+  Received: Er
 };
 function Ir(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Sr = {
+const Tr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3435,7 +3409,7 @@ const Sr = {
   text: "TXT",
   markdown: "MD"
 };
-function Tr(e, t) {
+function Ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3444,8 +3418,8 @@ function Tr(e, t) {
     }
   }
   if (!e) return;
-  if (ie(e) === "document") {
-    const r = Zt(e), i = Sr[r];
+  if (ne(e) === "document") {
+    const r = Zt(e), i = Tr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3453,11 +3427,11 @@ function Tr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Ar(e, t, s) {
-  const a = Tr(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
+function Mr(e, t, s) {
+  const a = Ar(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ne(e) {
+function Z(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3465,13 +3439,13 @@ function ne(e) {
     return "download";
   }
 }
-const Mr = {
+const Rr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Dr = {
+}, Lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Rr = {
+}, Dr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3484,16 +3458,16 @@ const Mr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Ar(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Mr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
       className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Dr[e]
+        Lr[e]
       ),
       "aria-hidden": !0,
-      children: ce(a, {
-        className: C("size-6", Rr[e]),
+      children: le(a, {
+        className: C("size-6", Dr[e]),
         weight: "regular"
       })
     }
@@ -3504,7 +3478,7 @@ const Mr = {
       {
         className: C(
           "truncate text-xs leading-4",
-          Mr[e]
+          Rr[e]
         ),
         children: m
       }
@@ -3520,12 +3494,12 @@ const Mr = {
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        g,
+        b,
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ae, { children: [
-    g,
+  ) : /* @__PURE__ */ h(te, { children: [
+    b,
     u
   ] });
   return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
@@ -3534,7 +3508,7 @@ const Mr = {
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? ne(e);
+  const s = t ?? Z(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3547,21 +3521,21 @@ async function gn(e, t) {
     }
   }
 }
-const Lr = ({
+const Pr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Pr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Or = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? Z(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3575,7 +3549,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, at = ({
+}, st = ({
   state: e,
   src: t,
   filename: s,
@@ -3586,25 +3560,25 @@ const Lr = ({
   text: l,
   groupPosition: d,
   onClick: m,
-  onDismiss: g
+  onDismiss: b
 }) => {
-  const u = Ne(e), f = e === "composer" && !!g, c = Lr({
+  const u = we(e), f = e === "composer" && !!b, c = Pr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), b = (v) => {
-    if ((m == null ? void 0 : m(v)) === !1) return;
-    const w = c[v];
-    if (!w) return;
-    const y = w.filename ?? ne(w.src);
-    gn(w.src, y);
+  }), g = (p) => {
+    if ((m == null ? void 0 : m(p)) === !1) return;
+    const N = c[p];
+    if (!N) return;
+    const x = N.filename ?? Z(N.src);
+    gn(N.src, x);
   };
   if (c.length === 0)
     return null;
-  const _ = /* @__PURE__ */ n(
+  const v = /* @__PURE__ */ n(
     "span",
     {
       className: C(
@@ -3616,35 +3590,35 @@ const Lr = ({
     }
   );
   return /* @__PURE__ */ n(
-    xe,
+    ve,
     {
       variant: u,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, w) => /* @__PURE__ */ n(
-        Pr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, N) => /* @__PURE__ */ n(
+        Or,
         {
           variant: u,
-          item: v,
-          index: w,
-          onActivate: b,
-          trailingAction: f && w === 0 ? /* @__PURE__ */ n(we, { onClick: g, variant: "inline" }) : _
+          item: p,
+          index: N,
+          onActivate: g,
+          trailingAction: f && N === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : v
         },
-        `${v.src}-${w}`
+        `${p.src}-${N}`
       )) })
     }
   );
-}, Or = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), $r = {
-  Composer: Or,
-  Sent: zr,
+}, zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Br = {
+  Composer: zr,
+  Sent: $r,
   Received: Fr
-}, rt = ({
+}, at = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ae, { children: [
+}) => /* @__PURE__ */ h(te, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3652,7 +3626,7 @@ const Lr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ts, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ms, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3662,7 +3636,7 @@ const Lr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3674,7 +3648,7 @@ const Lr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = W(
+  const [l, d] = D(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3682,7 +3656,7 @@ const Lr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: C(
+  ), b = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3732,7 +3706,7 @@ const Lr = ({
       type: "button",
       onClick: m,
       disabled: l,
-      "aria-label": g ? a : void 0,
+      "aria-label": b ? a : void 0,
       className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
@@ -3746,19 +3720,19 @@ const Lr = ({
             "aria-hidden": !0
           }
         ) : /* @__PURE__ */ n(be, { ...f, "aria-hidden": !0 }),
-        g ? null : a
+        b ? null : a
       ]
     }
   );
-}, $e = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
+}, $e = (e, t, s) => Math.min(Math.max(e, t), s), rt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  J(() => {
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = D(a);
+  Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), J(() => {
+  }, [s, t, e]), Y(() => {
     i((d) => $e(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const o = W(() => {
@@ -3766,16 +3740,16 @@ const Lr = ({
   }, [e]), l = W(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return J(() => {
+  return Y(() => {
     if (!s || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
-      const g = document.activeElement;
-      g && (g.tagName === "VIDEO" || g.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
+      const b = document.activeElement;
+      b && (b.tagName === "VIDEO" || b.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, ot = ({
+}, it = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3784,8 +3758,8 @@ const Lr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = K(null), d = K(null);
-  return J(() => {
+  const l = H(null), d = H(null);
+  return Y(() => {
     var f;
     const u = l.current;
     if (u) {
@@ -3856,7 +3830,7 @@ const Lr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(Ae, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3871,16 +3845,16 @@ const Lr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "image"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
@@ -3910,7 +3884,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -3921,7 +3895,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, Br = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, Ur = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3929,8 +3903,8 @@ const Lr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
-    const u = C(Br, "h-full w-full");
+  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
+    const u = C(Ur, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -3940,13 +3914,13 @@ const Lr = ({
         className: C(u, "cursor-zoom-in"),
         children: [
           d.content,
-          g
+          b
         ]
       },
       m
     ) : /* @__PURE__ */ h("div", { className: u, children: [
       d.content,
-      g
+      b
     ] }, m);
   };
   return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
@@ -3979,11 +3953,11 @@ const Lr = ({
         a
       ),
       children: i.map((d, m) => {
-        const g = o > 0 && m === i.length - 1;
+        const b = o > 0 && m === i.length - 1;
         return l(
           d,
           m,
-          g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          b ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -3991,8 +3965,8 @@ const Lr = ({
       })
     }
   );
-}, _e = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = W(
+}, Ne = (e) => {
+  const [t, s] = D(!1), [a, r] = D(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
@@ -4014,7 +3988,7 @@ const Lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Ur = ({
+}), Vr = ({
   src: e,
   alt: t,
   items: s
@@ -4022,8 +3996,8 @@ const Lr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
+})), Gr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4047,7 +4021,7 @@ const Lr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
@@ -4069,58 +4043,58 @@ const Lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Ur({ src: t, alt: s, items: r }), g = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = _e(
+  const m = Vr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
     d
   );
   if (m.length === 0)
     return null;
-  const _ = m.map(
-    (v, w) => jr(v, w, m.length, l)
+  const v = m.map(
+    (p, N) => jr(p, N, m.length, l)
   );
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
-      variant: g,
+      variant: b,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: _, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           pn,
           {
             open: u,
             items: xn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: g
           }
         )
       ]
     }
   );
-}, Gr = (e) => /* @__PURE__ */ n(Vr, { ...e }), Hr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), qr = {
-  Composer: Gr,
-  Sent: Hr,
-  Received: Yr
-}, Wr = ({
+}, Hr = (e) => /* @__PURE__ */ n(Gr, { ...e }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Wr = {
+  Composer: Hr,
+  Sent: Yr,
+  Received: qr
+}, Xr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "document"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
     [l]
-  ), m = se(
-    () => l ? Xr(l.src) : void 0,
+  ), m = ee(
+    () => l ? Kr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
@@ -4139,7 +4113,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -4150,23 +4124,23 @@ const Lr = ({
       ]
     }
   );
-}, Xr = (e) => {
+}, Kr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Kr = ({
+}, Jr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Jr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Zr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? Z(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4180,7 +4154,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, lt = ({
+}, ot = ({
   state: e,
   src: t,
   filename: s,
@@ -4192,78 +4166,78 @@ const Lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = Ne(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = _e(
+  const b = we(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: v } = Ne(
     d
-  ), v = e === "composer" && !!m;
+  ), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const w = u.map((y) => ({
-    src: y.src,
-    filename: y.filename ?? ne(y.src)
+  const N = u.map((x) => ({
+    src: x.src,
+    filename: x.filename ?? Z(x.src)
   }));
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
-      variant: g,
+      variant: b,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((y, S) => {
-          const k = y.filename ?? ne(y.src), A = v && S === 0 ? /* @__PURE__ */ n(we, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, T) => {
+          const S = x.filename ?? Z(x.src), R = p && T === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: y.src,
-              filename: k,
+              url: x.src,
+              filename: S,
               variant: "inline",
-              label: `Download ${k}`,
-              tone: g
+              label: `Download ${S}`,
+              tone: b
             }
           );
           return /* @__PURE__ */ n(
-            Jr,
+            Zr,
             {
-              variant: g,
-              item: y,
-              index: S,
-              onActivate: b,
-              trailingAction: A
+              variant: b,
+              item: x,
+              index: T,
+              onActivate: g,
+              trailingAction: R
             },
-            `${y.src}-${S}`
+            `${x.src}-${T}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Wr,
+          Xr,
           {
             open: f,
-            items: w,
+            items: N,
             initialIndex: c,
-            onClose: _
+            onClose: v
           }
         )
       ]
     }
   );
-}, Zr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ti = {
-  Composer: Zr,
-  Sent: Qr,
-  Received: ei
+}, Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ni = {
+  Composer: Qr,
+  Sent: ei,
+  Received: ti
 }, Nn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = se(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ne(l.src) : "video"),
+  }), l = t[r], d = ee(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
@@ -4287,7 +4261,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -4298,7 +4272,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, ni = () => /* @__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(je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, si = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4313,18 +4287,18 @@ const Lr = ({
       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(
-    Ht,
+    Gt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ni, {})
-] }), si = (e, t, s) => ({
+  /* @__PURE__ */ n(si, {})
+] }), ai = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), ai = ({
+}), ri = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4336,8 +4310,8 @@ const Lr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ri = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = _e(
+})), ii = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4351,7 +4325,7 @@ const Lr = ({
         children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Nn,
       {
@@ -4361,7 +4335,7 @@ const Lr = ({
           a
         ),
         initialIndex: d,
-        onClose: g
+        onClose: b
       }
     )
   ] });
@@ -4377,16 +4351,16 @@ const Lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = _e(
+  const b = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: v } = Ne(
     m
   );
-  if (g.length === 0)
+  if (b.length === 0)
     return null;
-  const v = g.map(
-    (w, y) => si(w, y, g.length)
+  const p = b.map(
+    (N, x) => ai(N, x, b.length)
   );
   return /* @__PURE__ */ h(
-    xe,
+    ve,
     {
       variant: u,
       text: o,
@@ -4396,8 +4370,8 @@ const Lr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           vn,
           {
-            tiles: v,
-            onTileActivate: b,
+            tiles: p,
+            onTileActivate: g,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4405,25 +4379,25 @@ const Lr = ({
           Nn,
           {
             open: f,
-            items: yn(g, r),
+            items: yn(b, r),
             initialIndex: c,
-            onClose: _
+            onClose: v
           }
         )
       ]
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ci = {
-  Composer: ii,
-  Sent: oi,
-  Received: li
-}, ki = {
-  Image: qr,
-  Video: ci,
-  Audio: Er,
-  Pdf: ti,
-  File: $r
-}, di = ({
+}, oi = (e) => /* @__PURE__ */ n(ii, { ...e }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), di = {
+  Composer: oi,
+  Sent: li,
+  Received: ci
+}, Ei = {
+  Image: Wr,
+  Video: di,
+  Audio: Sr,
+  Pdf: ni,
+  File: Br
+}, ui = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4445,7 +4419,7 @@ const Lr = ({
     ),
     children: e
   }
-), Ei = ({
+), Si = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4457,7 +4431,7 @@ const Lr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      re,
+      ae,
       {
         id: o || "account",
         name: o || "Account",
@@ -4474,7 +4448,7 @@ const Lr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            di,
+            ui,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4489,37 +4463,37 @@ const Lr = ({
 };
 export {
   Qt as A,
-  Us as B,
-  Ya as C,
+  Vs as B,
+  qa as C,
   Ds as D,
-  Ei as F,
-  yi as L,
-  wi as M,
-  Ce as a,
-  re as b,
-  nr as c,
+  Si as F,
+  Ci as L,
+  Ni as M,
+  he as a,
+  ae as b,
+  sr as c,
   dn as d,
-  Ni as e,
-  di as f,
-  ie as g,
-  zt as h,
-  ki as i,
-  Na as j,
-  xi as k,
-  _i as l,
-  Ar as m,
+  _i as e,
+  ui as f,
+  ne as g,
+  Ot as h,
+  Ei as i,
+  _a as j,
+  wi as k,
+  yi as l,
+  Mr as m,
   Ir as n,
-  er as o,
-  Tr as p,
+  tr as o,
+  Ar as p,
   Xt as q,
-  ce as r,
+  le as r,
   nn as s,
-  Ls as t,
-  Ci as u,
-  Vs as v,
-  Ze as w,
-  Qe as x,
-  Ae as y,
-  ga as z
+  Os as t,
+  ki as u,
+  Gs as v,
+  Je as w,
+  Ze as x,
+  Wt as y,
+  ba as z
 };
-//# sourceMappingURL=index-DJKFVBkP.js.map
+//# sourceMappingURL=index-C_NFzAB9.js.map