@linktr.ee/messaging-react 3.3.12 → 3.3.13-rc-1782276676

package/dist/{index-xHqGJLy1.js → index-BeCpZyzh.js}

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import j, { createContext as Ge, useContext as Te, useCallback as W, useState as z, useRef as G, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
+import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
+import V, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as G, useEffect as Y, useId as En, useMemo as ne, Suspense as He } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as In, LinkPreviewsManager as Tt } from "stream-chat";
-import { Chat as Tn, DateSeparator as An, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as At, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as pe, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds, InfiniteScroll as us } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as Mt, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as be, GiftIcon as Es, ThumbsUpIcon as Ss, ThumbsDownIcon as Is, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Rt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
-import y from "classnames";
+import { Chat as Tn, DateSeparator as An, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as At, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as ve, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds, InfiniteScroll as us } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as Mt, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as be, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as pe, GiftIcon as Es, ThumbsUpIcon as Ss, ThumbsDownIcon as Is, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Rt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
+import C from "classnames";
 import { MessageActions as Ps, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 const Yt = Ge({
   service: null,
@@ -24,10 +24,10 @@ const Yt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var B, E;
+  var F, I;
   const o = W(
-    (k, ...A) => {
-      i && console.log(`🔥 [MessagingProvider] ${k}`, ...A);
+    (A, ...M) => {
+      i && console.log(`🔥 [MessagingProvider] ${A}`, ...M);
     },
     [i]
   );
@@ -37,77 +37,77 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = z(null), [m, b] = z(null), [u, f] = z(!1), [c, g] = z(!1), [p, v] = z(null), _ = G(!1), w = G(null), I = G(s);
-  I.current = s;
+  const [l, d] = P(null), [m, g] = P(null), [u, f] = P(!1), [c, b] = P(!1), [x, p] = P(null), w = G(!1), _ = G(null), k = G(s);
+  k.current = s;
   const S = G(i);
   S.current = i;
-  const M = G({
+  const R = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), P = G(0);
-  P.current++, o("📊 RENDER INFO", {
-    renderCount: P.current,
+  }), D = G(0);
+  D.current++, o("📊 RENDER INFO", {
+    renderCount: D.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: M.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: M.current.apiKey !== a,
-      serviceConfigChanged: M.current.serviceConfig !== s,
-      capabilitiesChanged: M.current.capabilities !== r
+      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: R.current.apiKey !== a,
+      serviceConfigChanged: R.current.serviceConfig !== s,
+      capabilitiesChanged: R.current.capabilities !== r
     }
-  }), M.current = {
+  }), R.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const R = G(null);
-  a && ((B = R.current) == null ? void 0 : B.apiKey) !== a && (R.current = { apiKey: a, client: new In(a) });
-  const L = a ? ((E = R.current) == null ? void 0 : E.client) ?? null : null;
+  const O = G(null);
+  a && ((F = O.current) == null ? void 0 : F.apiKey) !== a && (O.current = { apiKey: a, client: new In(a) });
+  const T = a ? ((I = O.current) == null ? void 0 : I.client) ?? null : null;
   Y(() => {
-    const k = P.current, A = I.current;
-    if (!a || !L || !A) {
+    const A = D.current, M = k.current;
+    if (!a || !T || !M) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: k,
+        renderCount: A,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING SERVICE", {
-      renderCount: k,
+      renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Sn({
-      ...A,
+    const z = new Sn({
+      ...M,
       apiKey: a,
       debug: S.current,
-      client: L
+      client: T
     });
-    w.current = $, d($), o("✅ SERVICE SET", {
-      renderCount: k,
-      serviceInstance: !!$
+    _.current = z, d(z), o("✅ SERVICE SET", {
+      renderCount: A,
+      serviceInstance: !!z
     });
-  }, [a, L]);
+  }, [a, T]);
   const N = G(null);
   Y(() => {
-    var A, $;
+    var M, z;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: _.current,
+      isConnecting: w.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 (_.current) {
+    if (w.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((A = N.current) == null ? void 0 : A.serviceId) === l && (($ = N.current) == null ? void 0 : $.userId) === t.id) {
+    if (((M = N.current) == null ? void 0 : M.serviceId) === l && ((z = N.current) == null ? void 0 : z.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Yt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, b(!0), p(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const O = await l.connectUser(t);
-        b(O), f(!0), N.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const $ = await l.connectUser(t);
+        g($), f(!0), N.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: O.userID
+          clientId: $.userID
         });
-      } catch (O) {
-        const U = O instanceof Error ? O.message : "Connection failed";
-        v(U), o("❌ USER CONNECTION ERROR", {
+      } catch ($) {
+        const U = $ instanceof Error ? $.message : "Connection failed";
+        p(U), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: U
         });
       } finally {
-        g(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        b(!1), w.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
   }, [l, t, o, u]), Y(() => {
-    const k = L;
+    const A = T;
     return () => {
-      var A;
-      k && (N.current = null, (A = w.current) == null || A.disconnectUser().catch(console.error));
+      var M;
+      A && (N.current = null, (M = _.current) == null || M.disconnectUser().catch(console.error));
     };
-  }, [L]);
-  const T = W(async () => {
+  }, [T]);
+  const E = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -151,55 +151,55 @@ const Yt = Ge({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), g(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const k = await l.connectUser(t);
-      b(k), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (k) {
-      const A = k instanceof Error ? k.message : "Refresh failed";
-      v(A), o("❌ CONNECTION REFRESH ERROR", {
+      const A = await l.connectUser(t);
+      g(A), f(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (A) {
+      const M = A instanceof Error ? A.message : "Refresh failed";
+      p(M), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: A
+        error: M
       });
     } finally {
-      g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), D = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), L = V.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!p,
+    hasError: !!x,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: l,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: p,
+    error: x,
     capabilities: r,
-    refreshConnection: T,
+    refreshConnection: E,
     debug: i
   }), [
     l,
     m,
     u,
     c,
-    p,
+    x,
     r,
-    T,
+    E,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: P.current,
-    willRenderChat: !!L,
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: L ? /* @__PURE__ */ n(
+    renderCount: D.current,
+    willRenderChat: !!T,
+    contextValueReady: !!L
+  }), /* @__PURE__ */ n(Yt.Provider, { value: L, children: T ? /* @__PURE__ */ n(
     Tn,
     {
-      client: L,
+      client: T,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -208,7 +208,7 @@ const Yt = Ge({
   ) : e });
 }, Os = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = z(
+  const [t, s] = P(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return Y(() => {
@@ -279,7 +279,7 @@ function Bs(e) {
   const s = Fs(e) % Dt.length;
   return Dt[s];
 }
-const ae = ({
+const ie = ({
   id: e,
   image: t,
   size: s = 40,
@@ -288,7 +288,7 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Bs(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(
     "img",
     {
       src: t,
@@ -299,7 +299,7 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -309,7 +309,7 @@ const ae = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,14 +331,14 @@ const ae = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
               ...u,
               ...o && {
-                borderWidth: `${b}px`,
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
@@ -361,75 +361,75 @@ const ae = ({
   onBlockParticipantClick: l,
   onReportParticipantClick: d,
   onActionComplete: m,
-  logLabel: b = "useChannelModerationActions"
+  logLabel: g = "useChannelModerationActions"
 }) => {
-  var B;
-  const { service: u, debug: f } = qe(), c = (B = t == null ? void 0 : t.user) == null ? void 0 : B.id, g = !!(a && s && u && c), [p, v] = z(!1), [_, w] = z(null), [I, S] = z(!1), [M, P] = z(!1), R = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
+  var F;
+  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, b = !!(a && s && u && c), [x, p] = P(!1), [w, _] = P(null), [k, S] = P(!1), [R, D] = P(!1), O = b && ((w == null ? void 0 : w.participantId) !== c || (w == null ? void 0 : w.service) !== u);
   return Y(() => {
-    if (!g || !u || !c) {
-      v(!1), w(null);
+    if (!b || !u || !c) {
+      p(!1), _(null);
       return;
     }
-    let E = !1;
+    let I = !1;
     return (async () => {
       try {
-        const k = await u.getBlockedUsers();
-        if (E) return;
-        v(
-          k.some(
-            (A) => A.blocked_user_id === c
+        const A = await u.getBlockedUsers();
+        if (I) return;
+        p(
+          A.some(
+            (M) => M.blocked_user_id === c
           )
         );
-      } catch (k) {
-        E || console.error(`[${b}] Failed to check blocked status:`, k);
+      } catch (A) {
+        I || console.error(`[${g}] Failed to check blocked status:`, A);
       } finally {
-        E || w({ participantId: c, service: u });
+        I || _({ participantId: c, service: u });
       }
     })(), () => {
-      E = !0;
+      I = !0;
     };
-  }, [g, u, c, b]), {
-    isParticipantBlocked: p,
-    isCheckingBlockedStatus: R,
-    isLeaving: I,
-    isUpdatingBlockStatus: M,
+  }, [b, u, c, g]), {
+    isParticipantBlocked: x,
+    isCheckingBlockedStatus: O,
+    isLeaving: k,
+    isUpdatingBlockStatus: R,
     handleLeaveConversation: async () => {
-      var E;
-      if (!I) {
-        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), S(!0);
+      var I;
+      if (!k) {
+        o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), S(!0);
         try {
-          const k = ((E = e._client) == null ? void 0 : E.userID) ?? null;
-          await e.hide(k, !1), r && await r(e), m == null || m();
-        } catch (k) {
-          console.error(`[${b}] Failed to leave conversation`, k);
+          const A = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          await e.hide(A, !1), r && await r(e), m == null || m();
+        } catch (A) {
+          console.error(`[${g}] Failed to leave conversation`, A);
         } finally {
           S(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var E, k, A;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), P(!0);
+      var I, A, M;
+      if (!(R || !u)) {
+        l == null || l(), f && console.log(`[${g}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), D(!0);
         try {
-          await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
-        } catch ($) {
-          console.error(`[${b}] Failed to block member`, $);
+          await u.blockUser((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
+        } catch (z) {
+          console.error(`[${g}] Failed to block member`, z);
         } finally {
-          P(!1);
+          D(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var E, k, A;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), P(!0);
+      var I, A, M;
+      if (!(R || !u)) {
+        l == null || l(), f && console.log(`[${g}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), D(!0);
         try {
-          await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
-        } catch ($) {
-          console.error(`[${b}] Failed to unblock member`, $);
+          await u.unBlockUser((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), i && await i((M = t == null ? void 0 : t.user) == null ? void 0 : M.id), m == null || m();
+        } catch (z) {
+          console.error(`[${g}] Failed to unblock member`, z);
         } finally {
-          P(!1);
+          D(!1);
         }
       }
     },
@@ -437,7 +437,7 @@ const ae = ({
       d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
-}, he = ({
+}, fe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -446,7 +446,7 @@ const ae = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: C(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -465,18 +465,18 @@ const ae = ({
   onDeleteConversationClick: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  customChannelActions: b,
+  customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = z(!1), g = G(null), p = En(), v = W(() => c(!1), []), {
-    isParticipantBlocked: _,
-    isCheckingBlockedStatus: w,
-    isLeaving: I,
+  const [f, c] = P(!1), b = G(null), x = En(), p = W(() => c(!1), []), {
+    isParticipantBlocked: w,
+    isCheckingBlockedStatus: _,
+    isLeaving: k,
     isUpdatingBlockStatus: S,
-    handleLeaveConversation: M,
-    handleBlockUser: P,
-    handleUnblockUser: R,
-    handleReportUser: L
+    handleLeaveConversation: R,
+    handleBlockUser: D,
+    handleUnblockUser: O,
+    handleReportUser: T
   } = js({
     channel: e,
     participant: t,
@@ -487,20 +487,20 @@ const ae = ({
     onDeleteConversationClick: l,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: v,
+    onActionComplete: p,
     logLabel: "ChannelActionsMenu"
   });
   return Y(() => {
     if (!f) return;
-    const T = (B) => {
-      g.current && !g.current.contains(B.target) && c(!1);
-    }, D = (B) => {
-      B.key === "Escape" && c(!1);
+    const E = (F) => {
+      b.current && !b.current.contains(F.target) && c(!1);
+    }, L = (F) => {
+      F.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", T), document.addEventListener("keydown", D), () => {
-      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", D);
+    return document.addEventListener("mousedown", E), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", E), document.removeEventListener("keydown", L);
     };
-  }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,8 +508,8 @@ const ae = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? p : void 0,
-        onClick: () => c((T) => !T),
+        "aria-controls": f ? x : void 0,
+        onClick: () => c((E) => !E),
         children: [
           /* @__PURE__ */ n(ms, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,36 +519,36 @@ const ae = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: p,
+        id: x,
         "aria-label": "Conversation options",
-        className: y(
+        className: C(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            he,
+            fe,
             {
-              onClick: M,
-              disabled: I,
-              "aria-busy": I,
+              onClick: R,
+              disabled: k,
+              "aria-busy": k,
               children: [
-                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
+                k ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: w ? (
+          a && /* @__PURE__ */ n("li", { children: _ ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(he, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(fe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : _ ? /* @__PURE__ */ h(
-            he,
+          ) : w ? /* @__PURE__ */ h(
+            fe,
             {
-              onClick: R,
+              onClick: O,
               disabled: S,
               "aria-busy": S,
               children: [
@@ -557,9 +557,9 @@ const ae = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            he,
+            fe,
             {
-              onClick: P,
+              onClick: D,
               disabled: S,
               "aria-busy": S,
               children: [
@@ -568,11 +568,11 @@ const ae = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: L, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(fe, { variant: "danger", onClick: T, children: [
             /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
-          b
+          g
         ] })
       }
     )
@@ -582,7 +582,7 @@ function Gs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
 function Hs(e) {
-  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
+  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = ne(
     () => Gs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
@@ -619,7 +619,7 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = j.lazy(() => import("./Card-B6PddKn5.js")), Ws = j.lazy(() => import("./Card-BveKZ9sz.js")), Xs = j.lazy(() => import("./Card-BFZ1B4yP.js")), We = () => /* @__PURE__ */ n(
+const qs = V.lazy(() => import("./Card-DqVgIM0W.js")), Ws = V.lazy(() => import("./Card-CBKGx7TD.js")), Xs = V.lazy(() => import("./Card-BbjAX6fE.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)]",
@@ -635,7 +635,7 @@ const qs = j.lazy(() => import("./Card-B6PddKn5.js")), Ws = j.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ne(e) {
+function ae(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
@@ -661,11 +661,11 @@ const ea = {
   generic: Vt
 };
 function na(e) {
-  const t = ne(e);
+  const t = ae(e);
   return t !== "document" ? ea[t] : ta[Zt(e)];
 }
-function le(e, t) {
-  return j.createElement(na(e), t);
+function ce(e, t) {
+  return V.createElement(na(e), t);
 }
 const sa = (e) => {
   var t, s;
@@ -682,78 +682,78 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = z(a), [_, w] = z(0), [I, S] = z(!1), [M, P] = z(!1), [R, L] = z(!1), [N, T] = z(!1), [D, B] = z(!0), [E, k] = z(null), A = W(() => {
-    L(!1), v(!0);
-  }, []), $ = W((x) => {
-    const C = f.current;
-    if (!C) return 0;
-    const V = C.getBoundingClientRect();
+  const g = ae(t), u = G(null), f = G(null), c = G(null), b = G(r), [x, p] = P(a), [w, _] = P(0), [k, S] = P(!1), [R, D] = P(!1), [O, T] = P(!1), [N, E] = P(!1), [L, F] = P(!0), [I, A] = P(null), M = W(() => {
+    T(!1), p(!0);
+  }, []), z = W((v) => {
+    const y = f.current;
+    if (!y) return 0;
+    const j = y.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(x) - V.left) / V.width)
+      Math.min(1, (sa(v) - j.left) / j.width)
     );
-  }, []), O = W((x) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = x * C.duration);
-  }, []), U = (x) => {
-    x.stopPropagation(), S(!0);
-    const C = $(x);
-    w(C), O(C);
+  }, []), $ = W((v) => {
+    const y = u.current;
+    y && y.duration && (y.currentTime = v * y.duration);
+  }, []), U = (v) => {
+    v.stopPropagation(), S(!0);
+    const y = z(v);
+    _(y), $(y);
   };
   Y(() => {
-    r !== void 0 && r !== g.current && (g.current = r, v(r));
+    r !== void 0 && r !== b.current && (b.current = r, p(r));
   }, [r]), Y(() => {
-    if (!p) {
+    if (!x) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const x = () => {
-      const C = u.current;
-      C && C.duration && !I && w(C.currentTime / C.duration), c.current = requestAnimationFrame(x);
+    const v = () => {
+      const y = u.current;
+      y && y.duration && !k && _(y.currentTime / y.duration), c.current = requestAnimationFrame(v);
     };
-    return c.current = requestAnimationFrame(x), () => {
+    return c.current = requestAnimationFrame(v), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, I]), Y(() => {
-    const x = u.current;
-    x && (p ? x.play().catch((C) => {
-      v(!1), L(!0);
-    }) : x.pause());
-  }, [p]), Y(() => {
-    if (!I) return;
-    const x = (V) => w($(V)), C = (V) => {
-      S(!1), O($(V));
+  }, [x, k]), Y(() => {
+    const v = u.current;
+    v && (x ? v.play().catch((y) => {
+      p(!1), T(!0);
+    }) : v.pause());
+  }, [x]), Y(() => {
+    if (!k) return;
+    const v = (j) => _(z(j)), y = (j) => {
+      S(!1), $(z(j));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", C), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", C);
+    return window.addEventListener("mousemove", v), window.addEventListener("mouseup", y), window.addEventListener("touchmove", v, { passive: !0 }), window.addEventListener("touchend", y), () => {
+      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", v), window.removeEventListener("touchend", y);
     };
-  }, [I, $, O]);
-  const X = E ? { aspectRatio: String(E) } : void 0, H = E ? "" : " aspect-video", F = Math.round(_ * 100);
+  }, [k, z, $]);
+  const H = I ? { aspectRatio: String(I) } : void 0, X = I ? "" : " aspect-video", B = Math.round(w * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${H}`,
-      style: X,
-      onClick: (x) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${X}`,
+      style: H,
+      onClick: (v) => {
         if (m) {
-          m(x);
+          m(v);
           return;
         }
-        R || o && v((C) => !C);
+        O || o && p((y) => !y);
       },
-      onKeyDown: (x) => {
-        if (!(x.key !== "Enter" && x.key !== " ")) {
-          if (x.preventDefault(), m) {
-            m(x);
+      onKeyDown: (v) => {
+        if (!(v.key !== "Enter" && v.key !== " ")) {
+          if (v.preventDefault(), m) {
+            m(v);
             return;
           }
-          R || o && v((C) => !C);
+          O || o && p((y) => !y);
         }
       },
       children: [
-        s && (b === "audio" || D) && /* @__PURE__ */ n(
+        s && (g === "audio" || L) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,11 +761,11 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (b === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (g === "audio" || L) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: b === "audio" ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: u,
@@ -773,14 +773,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => T(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              T(!1), B(!1);
+              E(!1), F(!1);
             },
-            onWaiting: () => T(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => E(!0),
+            onPlay: () => T(!1),
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (p(!1), _(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,41 +793,41 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => T(!0),
+            onLoadStart: () => E(!0),
             onCanPlay: () => {
-              T(!1), B(!1);
+              E(!1), F(!1);
             },
-            onWaiting: () => T(!0),
-            onPlay: () => L(!1),
+            onWaiting: () => E(!0),
+            onPlay: () => T(!1),
             onLoadedMetadata: () => {
-              const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
+              const v = u.current;
+              v instanceof HTMLVideoElement && v.videoWidth && v.videoHeight && A(v.videoWidth / v.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), w(0));
+              i || (p(!1), _(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        N && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ge,
+        N && !O && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          be,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        R && !o && /* @__PURE__ */ n(
+        O && !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: (x) => {
-              x.stopPropagation(), A();
+            onClick: (v) => {
+              v.stopPropagation(), M();
             },
-            onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), A());
+            onKeyDown: (v) => {
+              v.key !== "Enter" && v.key !== " " || (v.preventDefault(), v.stopPropagation(), M());
             },
             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" }) })
           }
@@ -837,7 +837,7 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": F,
+            "aria-valuenow": B,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -845,15 +845,15 @@ const sa = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: U,
             onTouchStart: U,
-            onClick: (x) => x.stopPropagation(),
-            onKeyDown: (x) => {
-              x.key === "ArrowRight" && O(Math.min(1, _ + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, _ - 0.05));
+            onClick: (v) => v.stopPropagation(),
+            onKeyDown: (v) => {
+              v.key === "ArrowRight" && $(Math.min(1, w + 0.05)), v.key === "ArrowLeft" && $(Math.max(0, w - 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: `${F}%` }
+                style: { width: `${B}%` }
               }
             ) })
           }
@@ -863,12 +863,12 @@ const sa = (e) => {
             "button",
             {
               type: "button",
-              onClick: (x) => {
-                x.stopPropagation(), v((C) => !C);
+              onClick: (v) => {
+                v.stopPropagation(), p((y) => !y);
               },
               className: "shrink-0 text-white",
-              "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": x ? "Pause" : "Play",
+              children: x ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,7 +876,7 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": F,
+              "aria-valuenow": B,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -884,22 +884,22 @@ const sa = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: U,
               onTouchStart: U,
-              onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => P(!0),
-              onMouseLeave: () => P(!1),
-              onKeyDown: (x) => {
-                x.key === "ArrowRight" && O(Math.min(1, _ + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, _ - 0.05));
+              onClick: (v) => v.stopPropagation(),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
+              onKeyDown: (v) => {
+                v.key === "ArrowRight" && $(Math.min(1, w + 0.05)), v.key === "ArrowLeft" && $(Math.max(0, w - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || I ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || k ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${F}%` }
+                        style: { width: `${B}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${F}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || k ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${B}%` }
                   }
                 )
               ]
@@ -927,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ne(e), [d, m] = z(!1);
+  const l = ae(e), [d, m] = P(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -975,7 +975,7 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: zt(r),
         weight: "regular"
       })
@@ -992,7 +992,7 @@ const sa = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: zt(r),
         weight: "regular"
       })
@@ -1009,16 +1009,16 @@ const sa = (e) => {
   action: l,
   topLeft: d,
   topRight: m,
-  rootRef: b,
+  rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", g = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: b,
+      ref: g,
       "data-testid": u,
-      className: y(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1030,17 +1030,17 @@ const sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && g,
-                "text-white": f && !g
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            le(r, {
-              className: y(
+            ce(r, {
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1049,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: y(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1086,7 +1086,7 @@ function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ke = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(V.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1132,7 +1132,7 @@ const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = z(!1);
+  const [s, a] = P(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1148,32 +1148,32 @@ const ma = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(V.Fragment, { children: [
+        /* @__PURE__ */ n(pe, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
 function Ze(e) {
-  var u, f, c, g;
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (p) => p.type === "video" && p.asset_url
+    (x) => x.type === "video" && x.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (p) => p.type === "image" && p.image_url
+    (x) => x.type === "image" && x.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (p) => p.type === "audio" && p.asset_url
-  ), r = (g = e.attachments) == null ? void 0 : g.find(
-    (p) => p.type === "file" && p.asset_url
+    (x) => x.type === "audio" && x.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (x) => x.type === "file" && x.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, b = 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, g = t == null ? void 0 : t.thumb_url;
   return {
     resolvedUrl: o,
     resolvedType: l,
     title: d,
     fileSize: m,
-    thumbnailUrl: b
+    thumbnailUrl: g
   };
 }
 const sn = ({
@@ -1211,7 +1211,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ne(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = ae(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1240,7 +1240,7 @@ const sn = ({
   const s = Je(e), a = Ze(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ae,
+      ie,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1336,22 +1336,22 @@ const xa = ({ 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", g = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Es, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: g })
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", 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 }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
-    b
-  ] }) : /* @__PURE__ */ h(te, { children: [
-    b,
+    g
+  ] }) : /* @__PURE__ */ h(se, { children: [
+    g,
     m
   ] }) });
 }, Ca = ({
@@ -1363,7 +1363,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1377,7 +1377,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1399,77 +1399,77 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     handleAction: l,
     handleOpenThread: d,
     handleRetry: m,
-    highlighted: b,
+    highlighted: g,
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: g,
-    threadList: p,
-    viewerLanguage: v
-  } = e, { client: _ } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: I, onUnlockClick: S, onFetchSource: M, onDownloadClick: P } = va("LockedAttachment"), [R, L] = z(!1), N = Rn(c.id), { selected: T, voteUp: D, voteDown: B } = Hs(c), {
-    Attachment: E = Ln,
-    EditMessageModal: k = Dn,
-    MessageActions: A,
-    MessageBlocked: $ = Pn,
-    MessageBouncePrompt: O = On,
+    renderText: b,
+    threadList: x,
+    viewerLanguage: p
+  } = e, { client: w } = Ye("CustomMessage"), { channel: _ } = de("CustomMessage"), { isUnlocking: k, onUnlockClick: S, onFetchSource: R, onDownloadClick: D } = va("LockedAttachment"), [O, T] = P(!1), N = Rn(c.id), { selected: E, voteUp: L, voteDown: F } = Hs(c), {
+    Attachment: I = Ln,
+    EditMessageModal: A = Dn,
+    MessageActions: M,
+    MessageBlocked: z = Pn,
+    MessageBouncePrompt: $ = On,
     MessageDeleted: U = zn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = $n,
-    MessageRepliesCountButton: H = Fn,
-    ReminderNotification: F = Bn,
-    StreamedMessageText: x = Un,
-    PinIndicator: C
-  } = Ut("CustomMessage"), V = jn(c), q = Vn(c), Ne = ee(
+    MessageIsThreadReplyInChannelButtonIndicator: H = $n,
+    MessageRepliesCountButton: X = Fn,
+    ReminderNotification: B = Bn,
+    StreamedMessageText: v = Un,
+    PinIndicator: y
+  } = Ut("CustomMessage"), j = jn(c), q = Vn(c), K = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), K = ee(() => {
-    const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
+  ), J = ne(() => {
+    const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
     if (!ke(c)) return ye;
     const St = ye.filter((It) => !("type" in It) || !nn(It));
     return St.length === ye.length ? ye : St;
-  }, [c]), re = ee(() => {
-    const me = Xt({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, v]);
+  }, [c]), oe = ne(() => {
+    const he = Xt({ message: c, viewerLanguage: p });
+    return he === c.text ? c : { ...c, text: he };
+  }, [c, p]);
   if (Gn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
   if (Hn(c))
-    return /* @__PURE__ */ n($, {});
-  const J = !p && !!c.reply_count, se = !p && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
-  let ie;
-  Q ? ie = () => m(c) : lt && (ie = () => L(!0));
-  const de = f(), kn = y(
+    return /* @__PURE__ */ n(z, {});
+  const Z = !x && !!c.reply_count, re = !x && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
+  let le;
+  ee ? le = () => m(c) : lt && (le = () => T(!0));
+  const ue = f(), kn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": V,
-      "str-chat__message--highlighted": b,
+      "str-chat__message--has-attachment": j,
+      "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
       "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__message-with-thread-link": Z || re,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && _.polls.fromState(c.poll_id), dt = ya(c), ue = ke(c), ut = Na(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
-  return /* @__PURE__ */ h(te, { children: [
+  ), ct = c.poll_id && w.polls.fromState(c.poll_id), dt = ya(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      k,
+      A,
       {
         additionalMessageInputProps: t
       }
     ),
-    R && /* @__PURE__ */ n(
+    O && /* @__PURE__ */ n(
       qn,
       {
-        MessageBouncePrompt: O,
-        onClose: () => L(!1),
-        open: R
+        MessageBouncePrompt: $,
+        onClose: () => T(!1),
+        open: O
       }
     ),
     /* @__PURE__ */ h(
@@ -1478,10 +1478,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          C && /* @__PURE__ */ n(C, {}),
-          !!N && /* @__PURE__ */ n(F, { reminder: N }),
+          y && /* @__PURE__ */ n(y, {}),
+          !!N && /* @__PURE__ */ n(B, { reminder: N }),
           c.user && /* @__PURE__ */ n(
-            ae,
+            ie,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1489,20 +1489,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ue
+              dmAgentEnabled: me
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": Q || lt
+              className: C("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ee || lt
               }),
               "data-testid": "message-inner",
-              onClick: ie,
-              onKeyDown: ie,
-              role: ie ? "button" : void 0,
-              tabIndex: ie ? 0 : void 0,
+              onClick: le,
+              onKeyDown: le,
+              role: le ? "button" : void 0,
+              tabIndex: le ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -1510,8 +1510,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  A && /* @__PURE__ */ n(A, {}),
+                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                  M && /* @__PURE__ */ n(M, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
                     {
@@ -1521,8 +1521,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       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, w),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, w))
+                      onPreviewClick: () => S == null ? void 0 : S(c, _),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1535,52 +1535,52 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
                       paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
-                      isUnlocking: I(c.id),
-                      onUnlockClick: () => S == null ? void 0 : S(c, w),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, w)),
-                      onDownloadClick: () => P == null ? void 0 : P(c, w)
+                      isUnlocking: k(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, _),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, _)),
+                      onDownloadClick: () => D == null ? void 0 : D(c, _)
                     }
                   ),
-                  A && /* @__PURE__ */ n(A, {})
+                  M && /* @__PURE__ */ n(M, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
                   {
-                    message: re,
-                    renderText: g
+                    message: oe,
+                    renderText: b
                   }
                 ) })
               ] }) : dt ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                ue && !mt && /* @__PURE__ */ n(
+                me && !mt && /* @__PURE__ */ n(
                   Pe,
                   {
                     message: c,
                     hasAttachment: Re,
-                    isMyMessage: de
+                    isMyMessage: ue
                   }
                 ),
                 ct && /* @__PURE__ */ n(Wn, { poll: ct }),
-                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  E,
+                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  I,
                   {
                     actionHandler: l,
-                    attachments: K
+                    attachments: J
                   }
                 ) : null,
-                Ne ? /* @__PURE__ */ n(
-                  x,
+                K ? /* @__PURE__ */ n(
+                  v,
                   {
-                    message: re,
-                    renderText: g
+                    message: oe,
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   At,
                   {
-                    message: re,
-                    renderText: g
+                    message: oe,
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(Xn, {})
@@ -1588,45 +1588,45 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !ut && !dt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!ue || mt) && /* @__PURE__ */ n(
+            (!me || mt) && /* @__PURE__ */ n(
               Pe,
               {
                 message: c,
                 hasAttachment: Re,
-                isMyMessage: de
+                isMyMessage: ue
               }
             ),
-            s && ue && /* @__PURE__ */ n(
+            s && me && /* @__PURE__ */ n(
               Ca,
               {
-                selected: T,
-                onVoteUp: D,
-                onVoteDown: B
+                selected: E,
+                onVoteUp: L,
+                onVoteDown: F
               }
             )
           ] }),
-          J && /* @__PURE__ */ n(
-            H,
+          Z && /* @__PURE__ */ n(
+            X,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          se && /* @__PURE__ */ n(X, {})
+          re && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = j.memo(
+}, Ea = V.memo(
   ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
 ), Sa = (e) => {
-  const t = pe("CustomMessage");
+  const t = ve("CustomMessage");
   return /* @__PURE__ */ n(Ea, { ...t, ...e });
 }, Ia = () => {
   var s;
-  const { handleDelete: e, message: t } = pe("CustomMessageActions");
+  const { handleDelete: e, message: t } = ve("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Ht,
     {
@@ -1638,7 +1638,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Ta = () => {
-  const { handleFlag: e } = pe("CustomMessageActions");
+  const { handleFlag: e } = ve("CustomMessageActions");
   return /* @__PURE__ */ n(
     Ht,
     {
@@ -1651,7 +1651,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Aa = () => {
   var t;
-  const { message: e } = pe("CustomMessageActions");
+  const { message: e } = ve("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     Ps,
     {
@@ -1720,7 +1720,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = j.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = V.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1771,8 +1771,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(te, { children: [
+  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1824,7 +1824,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(te, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1919,16 +1919,16 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   De.Generating,
   De.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var g, p;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
+  var b, x;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
   if (!e && l && Ya.has(o)) {
-    const v = Wa(t, (g = r.user) == null ? void 0 : g.id);
+    const p = Wa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       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"
       }
     );
@@ -1936,19 +1936,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: _ }) => {
-      var w;
-      return (_ == null ? void 0 : _.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
+    ({ parent_id: p, user: w }) => {
+      var _;
+      return (w == null ? void 0 : w.id) !== ((_ = r.user) == null ? void 0 : _.id) && !p;
     }
-  ), b = e ? Object.values(i).filter(
-    ({ parent_id: v, user: _ }) => {
-      var w;
-      return (_ == null ? void 0 : _.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
+  ), g = e ? Object.values(i).filter(
+    ({ parent_id: p, user: w }) => {
+      var _;
+      return (w == null ? void 0 : w.id) !== ((_ = r.user) == null ? void 0 : _.id) && p === (a == null ? void 0 : a.id);
     }
-  ) : [], u = e ? b : m;
+  ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (p = u[0]) == null ? void 0 : p.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (x = u[0]) == null ? void 0 : x.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     Ft,
     {
@@ -1973,7 +1973,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        ae,
+        ie,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -2014,7 +2014,7 @@ function Wa(e, t) {
 const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2054,12 +2054,12 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Ee = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ja = ({
+const te = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2070,28 +2070,29 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: l = !0,
   showReportParticipant: d = !0,
   onDeleteConversationClick: m,
-  onBlockParticipantClick: b,
+  onBlockParticipantClick: g,
   onReportParticipantClick: u,
   customChannelActions: f,
-  showActionsMenu: c = !0
+  renderChannelActions: c,
+  showActionsMenu: b = !0
 }) => {
-  var S, M, P, R, L;
-  const { channel: g } = ce(), p = j.useMemo(() => {
-    var D, B;
-    const N = (D = g._client) == null ? void 0 : D.userID;
-    return N ? Object.values(((B = g.state) == null ? void 0 : B.members) || {}).find(
-      (E) => {
-        var k;
-        return ((k = E.user) == null ? void 0 : k.id) && E.user.id !== N;
+  var R, D, O, T, N;
+  const { channel: x } = de(), p = V.useMemo(() => {
+    var F, I;
+    const E = (F = x._client) == null ? void 0 : F.userID;
+    return E ? Object.values(((I = x.state) == null ? void 0 : I.members) || {}).find(
+      (A) => {
+        var M;
+        return ((M = A.user) == null ? void 0 : M.id) && A.user.id !== E;
       }
     ) : void 0;
-  }, [(S = g._client) == null ? void 0 : S.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), _ = (P = p == null ? void 0 : p.user) == null ? void 0 : P.image, w = qt(g), I = async () => {
+  }, [(R = x._client) == null ? void 0 : R.userID, (D = x.state) == null ? void 0 : D.members]), w = Wt(p == null ? void 0 : p.user), _ = (O = p == null ? void 0 : p.user) == null ? void 0 : O.image, k = qt(x), S = async () => {
     try {
-      w ? await g.unpin() : await g.pin();
-    } catch (N) {
+      k ? await x.unpin() : await x.pin();
+    } catch (E) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        N
+        E
       );
     }
   };
@@ -2100,8 +2101,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: y(
-            oe,
+          className: C(
+            te,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2113,17 +2114,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ae,
+          ie,
           {
-            id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || g.id || "unknown",
-            name: v,
+            id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || x.id || "unknown",
+            name: w,
             image: _,
-            starred: s && w,
+            starred: s && k,
             dmAgentEnabled: a,
             size: 48
           }
         ),
-        /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: v }),
+        /* @__PURE__ */ n("p", { className: "text-center text-xs font-medium text-black/90", children: w }),
         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: Bt })
@@ -2133,26 +2134,28 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
-            onClick: I,
+            className: te,
+            onClick: S,
             type: "button",
-            "aria-label": w ? "Unstar conversation" : "Star conversation",
+            "aria-label": k ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: y("size-5", {
-                  "text-yellow-600": w,
-                  "text-black/90": !w
+                className: C("size-5", {
+                  "text-yellow-600": k,
+                  "text-black/90": !k
                 }),
-                weight: w ? "duotone" : "regular"
+                weight: k ? "duotone" : "regular"
               }
             )
           }
         ),
-        c && /* @__PURE__ */ n(
+        b && (c ? c({
+          triggerClassName: C(te, "bg-[#F1F0EE]")
+        }) : /* @__PURE__ */ n(
           Pt,
           {
-            channel: g,
+            channel: x,
             participant: p,
             showDeleteConversation: o,
             showBlockParticipant: l,
@@ -2160,12 +2163,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: b,
+            onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: y(oe, "bg-[#F1F0EE]")
+            triggerClassName: C(te, "bg-[#F1F0EE]")
           }
-        )
+        ))
       ] })
     ] }),
     /* @__PURE__ */ h("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
@@ -2173,8 +2176,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: y(
-              oe,
+            className: C(
+              te,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2184,18 +2187,18 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          ae,
+          ie,
           {
-            id: ((L = p == null ? void 0 : p.user) == null ? void 0 : L.id) || g.id || "unknown",
-            name: v,
+            id: ((N = p == null ? void 0 : p.user) == null ? void 0 : N.id) || x.id || "unknown",
+            name: w,
             image: _,
-            starred: s && w,
+            starred: s && k,
             dmAgentEnabled: a,
             size: 48
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: v }),
+          /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: w }),
           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: Bt })
@@ -2206,26 +2209,26 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
-            onClick: I,
+            className: te,
+            onClick: S,
             type: "button",
-            "aria-label": w ? "Unstar conversation" : "Star conversation",
+            "aria-label": k ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: y("size-6", {
-                  "text-yellow-600": w,
-                  "text-black/90": !w
+                className: C("size-6", {
+                  "text-yellow-600": k,
+                  "text-black/90": !k
                 }),
-                weight: w ? "duotone" : "regular"
+                weight: k ? "duotone" : "regular"
               }
             )
           }
         ),
-        c && /* @__PURE__ */ n(
+        b && (c ? c({ triggerClassName: te }) : /* @__PURE__ */ n(
           Pt,
           {
-            channel: g,
+            channel: x,
             participant: p,
             showDeleteConversation: o,
             showBlockParticipant: l,
@@ -2233,12 +2236,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onLeaveConversation: r,
             onBlockParticipant: i,
             onDeleteConversationClick: m,
-            onBlockParticipantClick: b,
+            onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: oe
+            triggerClassName: te
           }
-        )
+        ))
       ] })
     ] })
   ] });
@@ -2253,56 +2256,57 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showDeleteConversation: l = !0,
   onDeleteConversationClick: d,
   onBlockParticipantClick: m,
-  onReportParticipantClick: b,
+  onReportParticipantClick: g,
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: g,
-  showStarButton: p = !1,
-  chatbotVotingEnabled: v = !1,
-  renderChannelBanner: _,
-  customChannelActions: w,
-  renderMessage: I,
-  dmAgentEnabled: S = !1,
-  viewerLanguage: M,
-  showChannelInfo: P = !0
+  composerDisabledReason: b,
+  showStarButton: x = !1,
+  chatbotVotingEnabled: p = !1,
+  renderChannelBanner: w,
+  customChannelActions: _,
+  renderChannelActions: k,
+  renderMessage: S,
+  dmAgentEnabled: R = !1,
+  viewerLanguage: D,
+  showChannelInfo: O = !0
 }) => {
-  var k, A, $, O, U, X;
-  const { channel: R } = ce(), L = j.useMemo(() => {
-    var x, C;
-    const H = (x = R._client) == null ? void 0 : x.userID;
-    return H ? Object.values(((C = R.state) == null ? void 0 : C.members) || {}).find(
-      (V) => {
-        var q;
-        return ((q = V.user) == null ? void 0 : q.id) && V.user.id !== H;
+  var M, z, $, U, H, X;
+  const { channel: T } = de(), N = V.useMemo(() => {
+    var y, j;
+    const B = (y = T._client) == null ? void 0 : y.userID;
+    return B ? Object.values(((j = T.state) == null ? void 0 : j.members) || {}).find(
+      (q) => {
+        var K;
+        return ((K = q.user) == null ? void 0 : K.id) && q.user.id !== B;
       }
     ) : void 0;
-  }, [(k = R._client) == null ? void 0 : k.userID, (A = R.state) == null ? void 0 : A.members]), N = j.useMemo(() => {
-    var x, C;
-    const H = (x = R._client) == null ? void 0 : x.userID;
-    return H ? Object.values(((C = R.state) == null ? void 0 : C.members) || {}).find((V) => {
-      var q;
-      return ((q = V.user) == null ? void 0 : q.id) === H;
+  }, [(M = T._client) == null ? void 0 : M.userID, (z = T.state) == null ? void 0 : z.members]), E = V.useMemo(() => {
+    var y, j;
+    const B = (y = T._client) == null ? void 0 : y.userID;
+    return B ? Object.values(((j = T.state) == null ? void 0 : j.members) || {}).find((q) => {
+      var K;
+      return ((K = q.user) == null ? void 0 : K.id) === B;
     }) : void 0;
-  }, [($ = R._client) == null ? void 0 : $.userID, (O = R.state) == null ? void 0 : O.members]), T = ((U = N == null ? void 0 : N.user) == null ? void 0 : U.is_account) ?? (N == null ? void 0 : N.is_account), D = ((X = L == null ? void 0 : L.user) == null ? void 0 : X.is_account) ?? (L == null ? void 0 : L.is_account), B = S && T === !1 && D === !0, E = W(
-    (H) => {
-      const { message: F } = pe("ChannelView"), x = /* @__PURE__ */ n(
+  }, [($ = T._client) == null ? void 0 : $.userID, (U = T.state) == null ? void 0 : U.members]), L = ((H = E == null ? void 0 : E.user) == null ? void 0 : H.is_account) ?? (E == null ? void 0 : E.is_account), F = ((X = N == null ? void 0 : N.user) == null ? void 0 : X.is_account) ?? (N == null ? void 0 : N.is_account), I = R && L === !1 && F === !0, A = W(
+    (B) => {
+      const { message: v } = ve("ChannelView"), y = /* @__PURE__ */ n(
         Sa,
         {
-          ...H,
-          chatbotVotingEnabled: v,
-          viewerLanguage: M
+          ...B,
+          chatbotVotingEnabled: p,
+          viewerLanguage: D
         }
       );
-      return !I || !F ? x : I(x, F);
+      return !S || !v ? y : S(y, v);
     },
-    [v, I, M]
+    [p, S, D]
   );
-  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
-        Message: E,
+        Message: A,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(ls, { children: [
@@ -2311,9 +2315,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             onBack: e,
             showBackButton: t,
-            showActionsMenu: P,
-            showStarButton: p,
-            dmAgentEnabled: B,
+            showActionsMenu: O,
+            showStarButton: x,
+            dmAgentEnabled: I,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2321,11 +2325,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             showReportParticipant: f,
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
-            onReportParticipantClick: b,
-            customChannelActions: w
+            onReportParticipantClick: g,
+            customChannelActions: _,
+            renderChannelActions: k
           }
         ) }, "lt-channel-header"),
-        _ ? /* @__PURE__ */ n(j.Fragment, { children: _() }, "lt-channel-banner") : null,
+        w ? /* @__PURE__ */ n(V.Fragment, { children: w() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2334,23 +2339,23 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(j.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(V.Fragment, { children: r(T) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           Oa,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(T)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(T),
             disabled: c,
-            disabledReason: g
+            disabledReason: b
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, dn = j.memo(
+}, dn = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -2362,68 +2367,69 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onBlockParticipant: l,
     className: d,
     CustomChannelEmptyState: m = Xa,
-    showDeleteConversation: b = !0,
+    showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: g = !0,
-    showReportParticipant: p = !0,
-    composerDisabled: v = !1,
-    composerDisabledReason: _,
-    dmAgentEnabled: w,
-    messageMetadata: I,
+    showBlockParticipant: b = !0,
+    showReportParticipant: x = !0,
+    composerDisabled: p = !1,
+    composerDisabledReason: w,
+    dmAgentEnabled: _,
+    messageMetadata: k,
     onMessageSent: S,
-    showStarButton: M = !1,
-    chatbotVotingEnabled: P = !1,
-    renderChannelBanner: R,
-    customChannelActions: L,
-    renderMessage: N,
-    onMessageLinkClick: T,
-    sendButton: D,
-    attachmentPreviewList: B,
-    viewerLanguage: E,
-    showChannelInfo: k = !0
+    showStarButton: R = !1,
+    chatbotVotingEnabled: D = !1,
+    renderChannelBanner: O,
+    customChannelActions: T,
+    renderChannelActions: N,
+    renderMessage: E,
+    onMessageLinkClick: L,
+    sendButton: F,
+    attachmentPreviewList: I,
+    viewerLanguage: A,
+    showChannelInfo: M = !0
   }) => {
-    const A = W(
-      async (O, U, X) => {
-        var q;
-        const H = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, F = w && !H, x = {
-          ...U,
-          ...F && { silent: !0 },
-          ...I && {
+    const z = W(
+      async (U, H, X) => {
+        var K;
+        const B = ((K = e.data) == null ? void 0 : K.chatbot_paused) === !0, v = _ && !B, y = {
+          ...H,
+          ...v && { silent: !0 },
+          ...k && {
             metadata: {
-              ...U.metadata ?? {},
-              ...I
+              ...H.metadata ?? {},
+              ...k
             }
           }
-        }, C = {
+        }, j = {
           ...X,
-          ...F && { skip_push: !0 }
-        }, V = await e.sendMessage(x, C);
-        return S == null || S(V), V;
+          ...v && { skip_push: !0 }
+        }, q = await e.sendMessage(y, j);
+        return S == null || S(q), q;
       },
-      [e, w, I, S]
+      [e, _, k, S]
     ), $ = G(null);
     return Y(() => {
-      if (!T) return;
-      const O = $.current;
-      if (!O) return;
-      const U = (X) => {
-        const H = X.target, F = H == null ? void 0 : H.closest("a[href]"), x = F == null ? void 0 : F.getAttribute("href");
-        if (!x) return;
-        const C = F == null ? void 0 : F.closest("[data-message-id]"), V = C == null ? void 0 : C.getAttribute("data-message-id"), q = V ? e.state.messages.find((Ne) => Ne.id === V) : void 0;
-        T(x, q);
+      if (!L) return;
+      const U = $.current;
+      if (!U) return;
+      const H = (X) => {
+        const B = X.target, v = B == null ? void 0 : B.closest("a[href]"), y = v == null ? void 0 : v.getAttribute("href");
+        if (!y) return;
+        const j = v == null ? void 0 : v.closest("[data-message-id]"), q = j == null ? void 0 : j.getAttribute("data-message-id"), K = q ? e.state.messages.find((J) => J.id === q) : void 0;
+        L(y, K);
       };
-      return O.addEventListener("click", U), () => O.removeEventListener("click", U);
-    }, [T, e]), /* @__PURE__ */ n(
+      return U.addEventListener("click", H), () => U.removeEventListener("click", H);
+    }, [L, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: $,
-        className: y(
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: w ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(cn.Provider, { value: _ ?? !1, children: /* @__PURE__ */ n(
           is,
           {
             channel: e,
@@ -2432,9 +2438,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: Ee,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: A,
-            ...D ? { SendButton: D } : {},
-            ...B ? { AttachmentPreviewList: B } : {},
+            doSendMessageRequest: z,
+            ...F ? { SendButton: F } : {},
+            ...I ? { AttachmentPreviewList: I } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2446,22 +2452,23 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onLeaveConversation: o,
                 onBlockParticipant: l,
                 CustomChannelEmptyState: m,
-                showDeleteConversation: b,
+                showDeleteConversation: g,
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: g,
-                showReportParticipant: p,
-                composerDisabled: v,
-                composerDisabledReason: _,
-                showStarButton: M,
-                dmAgentEnabled: w,
-                chatbotVotingEnabled: P,
-                renderChannelBanner: R,
-                customChannelActions: L,
-                renderMessage: N,
-                viewerLanguage: E,
-                showChannelInfo: k
+                showBlockParticipant: b,
+                showReportParticipant: x,
+                composerDisabled: p,
+                composerDisabledReason: w,
+                showStarButton: R,
+                dmAgentEnabled: _,
+                chatbotVotingEnabled: D,
+                renderChannelBanner: O,
+                customChannelActions: T,
+                renderChannelActions: N,
+                renderMessage: E,
+                viewerLanguage: A,
+                showChannelInfo: M
               }
             )
           }
@@ -2471,7 +2478,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const fe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const ge = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2485,7 +2492,7 @@ const fe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-fe.displayName = "ErrorState";
+ge.displayName = "ErrorState";
 const ki = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -2497,130 +2504,130 @@ const ki = ({
   CustomChannelEmptyState: l,
   onBlockParticipantClick: d,
   onReportParticipantClick: m,
-  dmAgentEnabled: b,
+  dmAgentEnabled: g,
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: g,
-  customChannelActions: p,
-  renderMessage: v,
-  onMessageLinkClick: _,
-  showChannelInfo: w
+  renderChannelBanner: b,
+  customChannelActions: x,
+  renderMessage: p,
+  onMessageLinkClick: w,
+  showChannelInfo: _
 }) => {
   const {
-    client: I,
+    client: k,
     isConnected: S,
-    isLoading: M,
-    error: P,
-    refreshConnection: R,
-    service: L,
+    isLoading: R,
+    error: D,
+    refreshConnection: O,
+    service: T,
     debug: N
-  } = Os(), [T, D] = z(null), [B, E] = z(null), [k, A] = z(!1), { showDeleteConversation: $ = !0 } = e, O = G(o);
-  O.current = o;
+  } = Os(), [E, L] = P(null), [F, I] = P(null), [A, M] = P(!1), { showDeleteConversation: z = !0 } = e, $ = G(o);
+  $.current = o;
   const U = G(a);
   U.current = a;
-  const X = G(null), H = G(null);
+  const H = G(null), X = G(null);
   Y(() => {
-    H.current = T;
-  }, [T]), Y(() => {
-    if (!I || !S) return;
-    const C = I.userID;
-    if (!C) return;
-    const V = `${C}::${i}`;
-    if (X.current === V) return;
-    X.current = V;
+    X.current = E;
+  }, [E]), Y(() => {
+    if (!k || !S) return;
+    const y = k.userID;
+    if (!y) return;
+    const j = `${y}::${i}`;
+    if (H.current === j) return;
+    H.current = j;
     const q = () => {
-      X.current === V && (X.current = null);
+      H.current === j && (H.current = null);
     };
     (async () => {
-      var K, re;
+      var J, oe;
       try {
         N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const J = await I.queryChannels(
+        const Z = await k.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [C, i] }
+            members: { $eq: [y, i] }
           },
           {},
           { limit: 1 }
         );
-        if (J.length > 0) {
-          D(J[0]), E(null), (K = U.current) == null || K.call(U, J[0]), N && console.log(
+        if (Z.length > 0) {
+          L(Z[0]), I(null), (J = U.current) == null || J.call(U, Z[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            J[0].id
+            Z[0].id
           );
           return;
         }
-        const se = O.current;
-        if (!se || !L) {
-          q(), E("No conversation found with this account"), N && console.log(
+        const re = $.current;
+        if (!re || !T) {
+          q(), I("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await L.startChannelWithParticipant({
-            id: se.id,
-            name: se.name,
-            phone: se.phone
+          const ee = await T.startChannelWithParticipant({
+            id: re.id,
+            name: re.name,
+            phone: re.phone
           });
-          D(Q), E(null), (re = U.current) == null || re.call(U, Q), N && console.log(
+          L(ee), I(null), (oe = U.current) == null || oe.call(U, ee), N && console.log(
             "[MessagingShell] Channel created and loaded:",
-            Q.id
+            ee.id
           );
-        } catch (Q) {
+        } catch (ee) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            Q
-          ), q(), E("Failed to create conversation");
+            ee
+          ), q(), I("Failed to create conversation");
         }
-      } catch (J) {
+      } catch (Z) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          J
-        ), q(), H.current || E("Failed to load conversation");
+          Z
+        ), q(), X.current || I("Failed to load conversation");
       }
     })();
-  }, [i, I, S, L, N]);
-  const F = G(r);
-  F.current = r;
-  const x = W(() => {
-    var C;
-    D(null), A(!0), (C = F.current) == null || C.call(F);
+  }, [i, k, S, T, N]);
+  const B = G(r);
+  B.current = r;
+  const v = W(() => {
+    var y;
+    L(null), M(!0), (y = B.current) == null || y.call(B);
   }, []);
-  return M ? /* @__PURE__ */ n(Ee, {}) : P ? /* @__PURE__ */ n(fe, { message: P, onBack: R }) : !S || !I ? /* @__PURE__ */ n(
-    fe,
+  return R ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(ge, { message: D, onBack: O }) : !S || !k ? /* @__PURE__ */ n(
+    ge,
     {
       message: "Not connected to messaging service",
-      onBack: R
+      onBack: O
     }
-  ) : B ? /* @__PURE__ */ n(fe, { message: B }) : k && !T ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : T ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : F ? /* @__PURE__ */ n(ge, { message: F }) : A && !E ? /* @__PURE__ */ n(ge, { 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(
     dn,
     {
-      channel: T,
+      channel: E,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: g,
-      onLeaveConversation: x,
-      onBlockParticipant: x,
+      renderChannelBanner: b,
+      onLeaveConversation: v,
+      onBlockParticipant: v,
       CustomChannelEmptyState: l,
-      showDeleteConversation: $,
+      showDeleteConversation: z,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
-      dmAgentEnabled: b,
+      dmAgentEnabled: g,
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      customChannelActions: p,
-      renderMessage: v,
-      onMessageLinkClick: _,
-      showChannelInfo: w
+      customChannelActions: x,
+      renderMessage: p,
+      onMessageLinkClick: w,
+      showChannelInfo: _
     },
-    T.id
+    E.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
 function Qa(e) {
@@ -2629,14 +2636,14 @@ function Qa(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = j.createContext({
+const un = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), er = un.Provider, tr = () => j.useContext(un), nr = (e, t) => {
+}), er = un.Provider, tr = () => V.useContext(un), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2657,9 +2664,9 @@ const un = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = j.memo(
+}, mn = V.memo(
   ({ channel: e, unread: t }) => {
-    var P, R, L;
+    var D, O, T;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2669,39 +2676,39 @@ const un = j.createContext({
     } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (N) => {
-      const T = N.key === "Enter" || N.key === " ", D = N.repeat;
-      !T || D || (N.preventDefault(), d());
-    }, u = Object.values(((P = e == null ? void 0 : e.state) == null ? void 0 : P.members) || {}).find(
+      const E = N.key === "Enter" || N.key === " ", L = N.repeat;
+      !E || L || (N.preventDefault(), d());
+    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
       (N) => {
-        var T, D;
-        return ((T = N.user) == null ? void 0 : T.id) && N.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
+        var E, L;
+        return ((E = N.user) == null ? void 0 : E.id) && N.user.id !== ((L = e == null ? void 0 : e._client) == null ? void 0 : L.userID);
       }
-    ), f = Wt(u == null ? void 0 : u.user), c = (R = u == null ? void 0 : u.user) == null ? void 0 : R.image, g = (() => {
-      var T;
-      const N = (T = e == null ? void 0 : e.state) == null ? void 0 : T.messages;
+    ), f = Wt(u == null ? void 0 : u.user), c = (O = u == null ? void 0 : u.user) == null ? void 0 : O.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 D = N.length - 1; D >= 0; D--)
-          if (N[D].type !== "system") return N[D];
+        for (let L = N.length - 1; L >= 0; L--)
+          if (N[L].type !== "system") return N[L];
       }
-    })(), v = (() => {
-      var k, A, $, O;
+    })(), p = (() => {
+      var A, M, z, $;
       const N = Xt({
-        message: g,
+        message: b,
         viewerLanguage: o
       });
-      if (((k = g == null ? void 0 : g.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((A = g == null ? void 0 : g.metadata) == null ? void 0 : A.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if ((($ = g == null ? void 0 : g.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (((A = b == null ? void 0 : b.metadata) == null ? void 0 : A.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((M = b == null ? void 0 : b.metadata) == null ? void 0 : M.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((z = b == null ? void 0 : b.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
       if (N) return N;
-      const E = (O = g == null ? void 0 : g.attachments) == null ? void 0 : O[0];
-      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = g != null && g.created_at ? sr(new Date(g.created_at)) : "", w = g ? ke(g) : !1, I = i ? i(g, v) : `${w ? "✨ " : ""}${v}`, S = qt(e), M = t ?? 0;
+      const I = ($ = b == null ? void 0 : b.attachments) == null ? void 0 : $[0];
+      return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), w = b != null && b.created_at ? sr(new Date(b.created_at)) : "", _ = b ? ke(b) : !1, k = i ? i(b, p) : `${_ ? "✨ " : ""}${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: M,
-      hasTimestamp: !!_
+      unreadCount: R,
+      hasTimestamp: !!w
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2709,7 +2716,7 @@ const un = j.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: y(
+        className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": l,
@@ -2718,9 +2725,9 @@ const un = j.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ae,
+            ie,
             {
-              id: ((L = u == null ? void 0 : u.user) == null ? void 0 : L.id) || e.id || "unknown",
+              id: ((T = u == null ? void 0 : u.user) == null ? void 0 : T.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
@@ -2732,7 +2739,7 @@ const un = j.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: y(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -2741,11 +2748,11 @@ const un = j.createContext({
                   ]
                 }
               ),
-              _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
+              w && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: w })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
-              M > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: M > 99 ? "99+" : M })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: k }),
+              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 })
             ] })
           ] })
         ] })
@@ -2754,7 +2761,7 @@ const un = j.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = j.memo(
+const ar = { last_message_at: -1 }, rr = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2767,22 +2774,22 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = j.useRef(0);
-    b.current++;
-    const { debug: u = !1 } = qe(), f = j.useCallback(
-      (g) => {
-        for (const p of g)
-          Qa(p);
-        return r ? r(g) : g;
+    const g = V.useRef(0);
+    g.current++;
+    const { debug: u = !1 } = qe(), f = V.useCallback(
+      (b) => {
+        for (const x of b)
+          Qa(x);
+        return r ? r(b) : b;
       },
       [r]
     );
     u && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: b.current,
+      renderCount: g.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = j.useMemo(
+    const c = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2801,7 +2808,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: y(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
@@ -2840,7 +2847,7 @@ const lr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, cr = ({ variant: e, cta: t }) => {
-  const s = y(
+  const s = 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",
     lr[e]
   ), a = Qe(t.href);
@@ -2885,12 +2892,12 @@ const lr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", b = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", g = o != null;
-  if (!b && !u && !c && !g) return null;
-  const v = y(
+  const 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 p = C(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), _ = y(
+  ), w = C(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -2898,19 +2905,19 @@ const lr = {
     /* @__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: [
-          b && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
+          g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", p), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: _, children: a })
+          u && /* @__PURE__ */ n("p", { className: w, children: a })
         ] }),
-        !g && c && /* @__PURE__ */ n("p", { className: _, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: w, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
     o && /* @__PURE__ */ n(cr, { variant: e, cta: o })
   ] });
-}, hr = y(
+}, hr = 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"
@@ -2928,7 +2935,7 @@ const lr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, b = y(
+  const m = s != null || a != null, g = C(
     hr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -2945,7 +2952,7 @@ const lr = {
       rel: "noopener noreferrer",
       onClick: a,
       "data-testid": d,
-      className: b,
+      className: g,
       children: [
         t,
         u
@@ -2959,7 +2966,7 @@ const lr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(b, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         u
@@ -2970,7 +2977,7 @@ const lr = {
     {
       ref: i,
       "data-testid": d,
-      className: b,
+      className: g,
       children: [
         t,
         u
@@ -2983,9 +2990,9 @@ const lr = {
 }, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && ae(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ne(e);
+  const s = ae(e);
   return s === "video" || s === "audio";
 }, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
@@ -2996,7 +3003,7 @@ const lr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ne(r), d = !!s && l === "video";
+  const l = ae(r), d = !!s && l === "video";
   return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3009,7 +3016,7 @@ const lr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3036,11 +3043,11 @@ const lr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: y(
+            className: C(
               "flex h-full w-full items-center justify-center",
               fr[e]
             ),
-            children: le(r, {
+            children: ce(r, {
               className: gr[e],
               weight: "regular"
             })
@@ -3062,19 +3069,19 @@ const lr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onDismiss: b,
+  onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Me(r, o), g = b ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Me(r, o), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      onClick: b,
+      onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, p = u ? /* @__PURE__ */ n(
+  ) : void 0, x = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3094,12 +3101,12 @@ const lr = {
         mimeType: r
       }
     ) }),
-    g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
     Se,
     {
       variant: "dark",
-      topRight: f ? g : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Ie,
@@ -3109,7 +3116,7 @@ const lr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: g
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
@@ -3122,7 +3129,7 @@ const lr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: p
+            trailingAction: x
           }
         )
       ]
@@ -3140,11 +3147,11 @@ const lr = {
   cta: d,
   onClick: 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, p = d && m ? {
+  const g = hn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Me(a, i) ? tt : void 0, x = 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(
@@ -3154,7 +3161,7 @@ const lr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: g,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3175,7 +3182,7 @@ const lr = {
             description: t,
             url: s,
             appIcon: l,
-            cta: p
+            cta: x
           }
         )
       ]
@@ -3192,15 +3199,15 @@ const lr = {
   layout: l = "featured",
   appIcon: d,
   cta: m,
-  onClick: b
+  onClick: g
 }) => {
-  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;
+  const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Se,
     {
       variant: "dark",
       href: c,
-      onClick: g,
+      onClick: b,
       bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3254,7 +3261,7 @@ const lr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, ve = ({
+}, xe = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3269,7 +3276,7 @@ const lr = {
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: C(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3289,7 +3296,7 @@ const lr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: y(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3306,7 +3313,7 @@ const lr = {
       ]
     }
   );
-}, xe = ({
+}, we = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3318,13 +3325,13 @@ const lr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: y(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Si = ({
+), _e = (e) => e === "received" ? "light" : "dark", Si = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3356,18 +3363,18 @@ const lr = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), b = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const m = _e(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
         kr,
         {
           item: c,
@@ -3375,10 +3382,10 @@ const lr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            b && g === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(we, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${g}`
+        `${c.src}-${b}`
       )) })
     }
   );
@@ -3409,7 +3416,7 @@ function Rr(e, t) {
     }
   }
   if (!e) return;
-  if (ne(e) === "document") {
+  if (ae(e) === "document") {
     const r = Zt(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3422,7 +3429,7 @@ function Lr(e, t, s) {
   const a = Rr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Z(e) {
+function Q(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3449,16 +3456,16 @@ const Dr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Lr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Pr[e]
       ),
       "aria-hidden": !0,
-      children: le(a, {
-        className: y("size-6", Or[e]),
+      children: ce(a, {
+        className: C("size-6", Or[e]),
         weight: "regular"
       })
     }
@@ -3467,7 +3474,7 @@ const Dr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: y(
+        className: C(
           "truncate text-xs leading-4",
           Dr[e]
         ),
@@ -3480,17 +3487,17 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: C(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
       children: [
-        b,
+        g,
         u
       ]
     }
-  ) : /* @__PURE__ */ h(te, { children: [
-    b,
+  ) : /* @__PURE__ */ h(se, { children: [
+    g,
     u
   ] });
   return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 px-3 py-2", children: [
@@ -3499,7 +3506,7 @@ const Dr = {
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? Z(e);
+  const s = t ?? Q(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3526,7 +3533,7 @@ const zr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Z(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3551,52 +3558,52 @@ const zr = ({
   text: l,
   groupPosition: d,
   onClick: m,
-  onDismiss: b
+  onDismiss: g
 }) => {
-  const u = we(e), f = e === "composer" && !!b, c = zr({
+  const u = _e(e), f = e === "composer" && !!g, c = zr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), g = (v) => {
-    if ((m == null ? void 0 : m(v)) === !1) return;
-    const _ = c[v];
-    if (!_) return;
-    const w = _.filename ?? Z(_.src);
-    gn(_.src, w);
+  }), b = (p) => {
+    if ((m == null ? void 0 : m(p)) === !1) return;
+    const w = c[p];
+    if (!w) return;
+    const _ = w.filename ?? Q(w.src);
+    gn(w.src, _);
   };
   if (c.length === 0)
     return null;
-  const p = /* @__PURE__ */ n(
+  const x = /* @__PURE__ */ n(
     "span",
     {
-      className: y(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(be, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(pe, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: u,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, w) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
-          item: v,
-          index: _,
-          onActivate: g,
-          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
+          item: p,
+          index: w,
+          onActivate: b,
+          trailingAction: f && w === 0 ? /* @__PURE__ */ n(we, { onClick: g, variant: "inline" }) : x
         },
-        `${v.src}-${_}`
+        `${p.src}-${w}`
       )) })
     }
   );
@@ -3609,7 +3616,7 @@ const zr = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(te, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3639,7 +3646,7 @@ const zr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = z(!1), m = W(
+  const [l, d] = P(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3647,7 +3654,7 @@ const zr = ({
       }));
     },
     [l, e, t, o]
-  ), b = r ?? s !== "pill", f = { className: y(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3658,7 +3665,7 @@ const zr = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: C(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3666,14 +3673,14 @@ const zr = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        ge,
+        be,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        be,
+        pe,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3689,7 +3696,7 @@ const zr = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3697,21 +3704,21 @@ const zr = ({
       type: "button",
       onClick: m,
       disabled: l,
-      "aria-label": b ? a : void 0,
-      className: y(
+      "aria-label": g ? 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"
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          ge,
+          be,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(be, { ...f, "aria-hidden": !0 }),
-        b ? null : a
+        ) : /* @__PURE__ */ n(pe, { ...f, "aria-hidden": !0 }),
+        g ? null : a
       ]
     }
   );
@@ -3720,7 +3727,7 @@ const zr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = P(a);
   Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), Y(() => {
@@ -3735,8 +3742,8 @@ const zr = ({
     if (!s || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
-      const b = document.activeElement;
-      b && (b.tagName === "VIDEO" || b.tagName === "AUDIO") || (m.preventDefault(), m.key === "ArrowLeft" ? o() : l());
+      const g = document.activeElement;
+      g && (g.tagName === "VIDEO" || g.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 };
@@ -3840,8 +3847,8 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "image"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3894,30 +3901,30 @@ const zr = ({
 }) => {
   const r = e.length;
   if (r === 0) return null;
-  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
-    const u = y(Vr, "h-full w-full");
+  const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, g) => {
+    const u = C(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(u, "cursor-zoom-in"),
+        className: C(u, "cursor-zoom-in"),
         children: [
           d.content,
-          b
+          g
         ]
       },
       m
     ) : /* @__PURE__ */ h("div", { className: u, children: [
       d.content,
-      b
+      g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3926,7 +3933,7 @@ const zr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3939,16 +3946,16 @@ const zr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
       children: i.map((d, m) => {
-        const b = o > 0 && m === i.length - 1;
+        const g = o > 0 && m === i.length - 1;
         return l(
           d,
           m,
-          b ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -3956,8 +3963,8 @@ const zr = ({
       })
     }
   );
-}, _e = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = W(
+}, Ne = (e) => {
+  const [t, s] = P(!1), [a, r] = P(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
@@ -3988,7 +3995,7 @@ const zr = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4012,7 +4019,7 @@ const zr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
@@ -4034,30 +4041,30 @@ const zr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
+  const m = Hr({ src: t, alt: s, items: r }), g = _e(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ne(
     d
   );
   if (m.length === 0)
     return null;
-  const p = m.map(
-    (v, _) => Gr(v, _, m.length, l)
+  const x = m.map(
+    (p, w) => Gr(p, w, m.length, l)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
-      variant: b,
+      variant: g,
       text: i,
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: p, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           pn,
           {
             open: u,
             items: xn(m, a),
             initialIndex: f,
-            onClose: g
+            onClose: b
           }
         )
       ]
@@ -4077,10 +4084,10 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
     [l]
-  ), m = ee(
+  ), m = ne(
     () => l ? Zr(l.src) : void 0,
     [l]
   );
@@ -4131,7 +4138,7 @@ const zr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Z(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4157,53 +4164,53 @@ const zr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = we(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const g = _e(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ne(
     d
-  ), v = e === "composer" && !!m;
+  ), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const _ = u.map((w) => ({
-    src: w.src,
-    filename: w.filename ?? Z(w.src)
+  const w = u.map((_) => ({
+    src: _.src,
+    filename: _.filename ?? Q(_.src)
   }));
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
-      variant: b,
+      variant: g,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, I) => {
-          const S = w.filename ?? Z(w.src), M = v && I === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((_, k) => {
+          const S = _.filename ?? Q(_.src), R = p && k === 0 ? /* @__PURE__ */ n(we, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: w.src,
+              url: _.src,
               filename: S,
               variant: "inline",
               label: `Download ${S}`,
-              tone: b
+              tone: g
             }
           );
           return /* @__PURE__ */ n(
             ei,
             {
-              variant: b,
-              item: w,
-              index: I,
-              onActivate: g,
-              trailingAction: M
+              variant: g,
+              item: _,
+              index: k,
+              onActivate: b,
+              trailingAction: R
             },
-            `${w.src}-${I}`
+            `${_.src}-${k}`
           );
         }) }),
         /* @__PURE__ */ n(
           Jr,
           {
             open: f,
-            items: _,
+            items: w,
             initialIndex: c,
-            onClose: p
+            onClose: x
           }
         )
       ]
@@ -4223,8 +4230,8 @@ const zr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "video"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4302,7 +4309,7 @@ const zr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = _e(
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ne(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4316,7 +4323,7 @@ const zr = ({
         children: /* @__PURE__ */ n(Nn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       _n,
       {
@@ -4326,7 +4333,7 @@ const zr = ({
           a
         ),
         initialIndex: d,
-        onClose: b
+        onClose: g
       }
     )
   ] });
@@ -4342,16 +4349,16 @@ const zr = ({
   preload: d,
   onClick: m
 }) => {
-  const b = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = _e(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ne(
     m
   );
-  if (b.length === 0)
+  if (g.length === 0)
     return null;
-  const v = b.map(
-    (_, w) => ii(_, w, b.length)
+  const p = g.map(
+    (w, _) => ii(w, _, g.length)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: u,
       text: o,
@@ -4361,8 +4368,8 @@ const zr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           vn,
           {
-            tiles: v,
-            onTileActivate: g,
+            tiles: p,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4370,9 +4377,9 @@ const zr = ({
           _n,
           {
             open: f,
-            items: yn(b, r),
+            items: yn(g, r),
             initialIndex: c,
-            onClose: p
+            onClose: x
           }
         )
       ]
@@ -4400,7 +4407,7 @@ const zr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4422,7 +4429,7 @@ const zr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ae,
+      ie,
       {
         id: o || "account",
         name: o || "Account",
@@ -4460,13 +4467,13 @@ export {
   Ti as F,
   Ei as L,
   yi as M,
-  he as a,
-  ae as b,
+  fe as a,
+  ie as b,
   rr as c,
   dn as d,
   Ci as e,
   hi as f,
-  ne as g,
+  ae as g,
   Ot as h,
   Ii as i,
   Ca as j,
@@ -4477,7 +4484,7 @@ export {
   sr as o,
   Rr as p,
   Xt as q,
-  le as r,
+  ce as r,
   nn as s,
   $s as t,
   Si as u,
@@ -4487,4 +4494,4 @@ export {
   Wt as y,
   va as z
 };
-//# sourceMappingURL=index-xHqGJLy1.js.map
+//# sourceMappingURL=index-BeCpZyzh.js.map