@linktr.ee/messaging-react 3.5.0-rc-1782803869 → 3.5.0

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

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import G, { createContext as We, useContext as _e, useCallback as Z, useState as O, useRef as Y, useEffect as J, useId as In, useMemo as re, Suspense as Xe } from "react";
+import V, { createContext as We, useContext as _e, useCallback as J, useState as $, useRef as Y, useEffect as K, useId as In, useMemo as re, Suspense as Xe } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
 import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as ls, WithComponents as os, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
 import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as ks, CircleNotchIcon as we, PlayIcon as He, PauseIcon as Cs, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
-import C from "classnames";
+import k from "classnames";
 import { MessageActions as Ps, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 const Xt = We({
   service: null,
@@ -24,10 +24,10 @@ const Xt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var M, N;
-  const l = Z(
-    (k, ...E) => {
-      i && console.log(`🔥 [MessagingProvider] ${k}`, ...E);
+  var M, y;
+  const l = J(
+    (I, ...C) => {
+      i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
     },
     [i]
   );
@@ -37,77 +37,77 @@ const Xt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = O(null), [u, g] = O(null), [m, f] = O(!1), [c, w] = O(!1), [_, p] = O(null), b = Y(!1), v = Y(null), y = Y(s);
-  y.current = s;
+  const [o, d] = $(null), [u, g] = $(null), [m, f] = $(!1), [c, b] = $(!1), [N, w] = $(null), p = Y(!1), v = Y(null), A = Y(s);
+  A.current = s;
   const T = Y(i);
   T.current = i;
-  const I = Y({
+  const E = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), D = Y(0);
-  D.current++, l("📊 RENDER INFO", {
-    renderCount: D.current,
+  }), O = Y(0);
+  O.current++, l("📊 RENDER INFO", {
+    renderCount: O.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: I.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: I.current.apiKey !== a,
-      serviceConfigChanged: I.current.serviceConfig !== s,
-      capabilitiesChanged: I.current.capabilities !== r
+      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: E.current.apiKey !== a,
+      serviceConfigChanged: E.current.serviceConfig !== s,
+      capabilitiesChanged: E.current.capabilities !== r
     }
-  }), I.current = {
+  }), E.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const P = Y(null);
-  a && ((M = P.current) == null ? void 0 : M.apiKey) !== a && (P.current = { apiKey: a, client: new Tn(a) });
-  const L = a ? ((N = P.current) == null ? void 0 : N.client) ?? null : null;
-  J(() => {
-    const k = D.current, E = y.current;
-    if (!a || !L || !E) {
+  const R = Y(null);
+  a && ((M = R.current) == null ? void 0 : M.apiKey) !== a && (R.current = { apiKey: a, client: new Tn(a) });
+  const L = a ? ((y = R.current) == null ? void 0 : y.client) ?? null : null;
+  K(() => {
+    const I = O.current, C = A.current;
+    if (!a || !L || !C) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: k,
+        renderCount: I,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: k,
+      renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Sn({
-      ...E,
+    const z = new Sn({
+      ...C,
       apiKey: a,
       debug: T.current,
       client: L
     });
-    v.current = $, d($), l("✅ SERVICE SET", {
-      renderCount: k,
-      serviceInstance: !!$
+    v.current = z, d(z), l("✅ SERVICE SET", {
+      renderCount: I,
+      serviceInstance: !!z
     });
   }, [a, L]);
-  const F = Y(null);
-  J(() => {
-    var E, $;
+  const B = Y(null);
+  K(() => {
+    var C, z;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: b.current,
+      isConnecting: p.current,
       isConnected: m,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (b.current) {
+    if (p.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((E = F.current) == null ? void 0 : E.serviceId) === o && (($ = F.current) == null ? void 0 : $.userId) === t.id) {
+    if (((C = B.current) == null ? void 0 : C.serviceId) === o && ((z = B.current) == null ? void 0 : z.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,35 +115,35 @@ const Xt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const A = await o.connectUser(t);
-        g(A), f(!0), F.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const D = await o.connectUser(t);
+        g(D), f(!0), B.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: A.userID
+          clientId: D.userID
         });
-      } catch (A) {
-        const j = A instanceof Error ? A.message : "Connection failed";
-        p(j), l("❌ USER CONNECTION ERROR", {
+      } catch (D) {
+        const j = D instanceof Error ? D.message : "Connection failed";
+        w(j), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: j
         });
       } finally {
-        w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: m
         });
       }
     })();
-  }, [o, t, l, m]), J(() => {
-    const k = L;
+  }, [o, t, l, m]), K(() => {
+    const I = L;
     return () => {
-      var E;
-      k && (F.current = null, (E = v.current) == null || E.disconnectUser().catch(console.error));
+      var C;
+      I && (B.current = null, (C = v.current) == null || C.disconnectUser().catch(console.error));
     };
   }, [L]);
-  const z = Z(async () => {
+  const P = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -151,52 +151,52 @@ const Xt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const k = await o.connectUser(t);
-      g(k), f(!0), p(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (k) {
-      const E = k instanceof Error ? k.message : "Refresh failed";
-      p(E), l("❌ CONNECTION REFRESH ERROR", {
+      const I = await o.connectUser(t);
+      g(I), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (I) {
+      const C = I instanceof Error ? I.message : "Refresh failed";
+      w(C), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: E
+        error: C
       });
     } finally {
-      w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), R = G.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), _ = V.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!u,
     isConnected: m,
     isLoading: c,
-    hasError: !!_,
+    hasError: !!N,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: o,
     client: u,
     isConnected: m,
     isLoading: c,
-    error: _,
+    error: N,
     capabilities: r,
-    refreshConnection: z,
+    refreshConnection: P,
     debug: i
   }), [
     o,
     u,
     m,
     c,
-    _,
+    N,
     r,
-    z,
+    P,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: D.current,
+    renderCount: O.current,
     willRenderChat: !!L,
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(Xt.Provider, { value: R, children: L ? /* @__PURE__ */ n(
+    contextValueReady: !!_
+  }), /* @__PURE__ */ n(Xt.Provider, { value: _, children: L ? /* @__PURE__ */ n(
     An,
     {
       client: L,
@@ -208,10 +208,10 @@ const Xt = We({
   ) : e });
 }, zs = () => Je(), Kt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return J(() => {
+  return K(() => {
     var l;
     if (!e) {
       s(!1);
@@ -299,7 +299,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: C(
+      className: k(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         u
       ),
@@ -309,7 +309,7 @@ const ne = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -331,7 +331,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: C(
+            className: k(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -364,72 +364,72 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var M;
-  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, w = !!(a && s && m && c), [_, p] = O(!1), [b, v] = O(null), [y, T] = O(!1), [I, D] = O(!1), P = w && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== m);
-  return J(() => {
-    if (!w || !m || !c) {
-      p(!1), v(null);
+  const { service: m, debug: f } = Je(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, b = !!(a && s && m && c), [N, w] = $(!1), [p, v] = $(null), [A, T] = $(!1), [E, O] = $(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
+  return K(() => {
+    if (!b || !m || !c) {
+      w(!1), v(null);
       return;
     }
-    let N = !1;
+    let y = !1;
     return (async () => {
       try {
-        const k = await m.getBlockedUsers();
-        if (N) return;
-        p(
-          k.some(
-            (E) => E.blocked_user_id === c
+        const I = await m.getBlockedUsers();
+        if (y) return;
+        w(
+          I.some(
+            (C) => C.blocked_user_id === c
           )
         );
-      } catch (k) {
-        N || console.error(`[${g}] Failed to check blocked status:`, k);
+      } catch (I) {
+        y || console.error(`[${g}] Failed to check blocked status:`, I);
       } finally {
-        N || v({ participantId: c, service: m });
+        y || v({ participantId: c, service: m });
       }
     })(), () => {
-      N = !0;
+      y = !0;
     };
-  }, [w, m, c, g]), {
-    isParticipantBlocked: _,
-    isCheckingBlockedStatus: P,
-    isLeaving: y,
-    isUpdatingBlockStatus: I,
+  }, [b, m, c, g]), {
+    isParticipantBlocked: N,
+    isCheckingBlockedStatus: R,
+    isLeaving: A,
+    isUpdatingBlockStatus: E,
     handleLeaveConversation: async () => {
-      var N;
-      if (!y) {
+      var y;
+      if (!A) {
         l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
-          const k = ((N = e._client) == null ? void 0 : N.userID) ?? null;
-          await e.hide(k, !1), r && await r(e), u == null || u();
-        } catch (k) {
-          console.error(`[${g}] Failed to leave conversation`, k);
+          const I = ((y = e._client) == null ? void 0 : y.userID) ?? null;
+          await e.hide(I, !1), r && await r(e), u == null || u();
+        } catch (I) {
+          console.error(`[${g}] Failed to leave conversation`, I);
         } finally {
           T(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var N, k, E;
-      if (!(I || !m)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), D(!0);
+      var y, I, C;
+      if (!(E || !m)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
         try {
-          await m.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
-        } catch ($) {
-          console.error(`[${g}] Failed to block member`, $);
+          await m.blockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
+        } catch (z) {
+          console.error(`[${g}] Failed to block member`, z);
         } finally {
-          D(!1);
+          O(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var N, k, E;
-      if (!(I || !m)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (N = t == null ? void 0 : t.user) == null ? void 0 : N.id), D(!0);
+      var y, I, C;
+      if (!(E || !m)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (y = t == null ? void 0 : t.user) == null ? void 0 : y.id), O(!0);
         try {
-          await m.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), u == null || u();
-        } catch ($) {
-          console.error(`[${g}] Failed to unblock member`, $);
+          await m.unBlockUser((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), i && await i((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), u == null || u();
+        } catch (z) {
+          console.error(`[${g}] Failed to unblock member`, z);
         } finally {
-          D(!1);
+          O(!1);
         }
       }
     },
@@ -446,7 +446,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: C(
+    className: k(
       "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
@@ -468,14 +468,14 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = O(!1), w = Y(null), _ = In(), p = Z(() => c(!1), []), {
-    isParticipantBlocked: b,
+  const [f, c] = $(!1), b = Y(null), N = In(), w = J(() => c(!1), []), {
+    isParticipantBlocked: p,
     isCheckingBlockedStatus: v,
-    isLeaving: y,
+    isLeaving: A,
     isUpdatingBlockStatus: T,
-    handleLeaveConversation: I,
-    handleBlockUser: D,
-    handleUnblockUser: P,
+    handleLeaveConversation: E,
+    handleBlockUser: O,
+    handleUnblockUser: R,
     handleReportUser: L
   } = js({
     channel: e,
@@ -487,20 +487,20 @@ const ne = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: u,
-    onActionComplete: p,
+    onActionComplete: w,
     logLabel: "ChannelActionsMenu"
   });
-  return J(() => {
+  return K(() => {
     if (!f) return;
-    const z = (M) => {
-      w.current && !w.current.contains(M.target) && c(!1);
-    }, R = (M) => {
+    const P = (M) => {
+      b.current && !b.current.contains(M.target) && c(!1);
+    }, _ = (M) => {
       M.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", z), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", z), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", P), document.addEventListener("keydown", _), () => {
+      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", _);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: w, 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 ne = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? _ : void 0,
-        onClick: () => c((z) => !z),
+        "aria-controls": f ? N : void 0,
+        onClick: () => c((P) => !P),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -519,9 +519,9 @@ const ne = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: _,
+        id: N,
         "aria-label": "Conversation options",
-        className: C(
+        className: k(
           "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"
         ),
@@ -529,11 +529,11 @@ const ne = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             pe,
             {
-              onClick: I,
-              disabled: y,
-              "aria-busy": y,
+              onClick: E,
+              disabled: A,
+              "aria-busy": A,
               children: [
-                y ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                A ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -545,10 +545,10 @@ const ne = ({
               /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : b ? /* @__PURE__ */ h(
+          ) : p ? /* @__PURE__ */ h(
             pe,
             {
-              onClick: P,
+              onClick: R,
               disabled: T,
               "aria-busy": T,
               children: [
@@ -559,7 +559,7 @@ const ne = ({
           ) : /* @__PURE__ */ h(
             pe,
             {
-              onClick: D,
+              onClick: O,
               disabled: T,
               "aria-busy": T,
               children: [
@@ -585,7 +585,7 @@ function Hs(e) {
   const { channel: t } = de(), { client: s } = Ke("useMessageVote"), a = re(
     () => Gs(e.own_reactions),
     [e.own_reactions]
-  ), r = Z(async () => {
+  ), r = J(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, Ye) : await t.sendReaction(
@@ -595,7 +595,7 @@ function Hs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Z(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = J(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
@@ -619,7 +619,7 @@ function Zt({
   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 = G.lazy(() => import("./Card-CyXIorn2.js")), Ws = G.lazy(() => import("./Card-CkvECMJq.js")), Xs = G.lazy(() => import("./Card-BeqtdXsT.js")), Ze = () => /* @__PURE__ */ n(
+const qs = V.lazy(() => import("./Card-DBi3Jd7-.js")), Ws = V.lazy(() => import("./Card-yaDKMDYI.js")), Xs = V.lazy(() => import("./Card-BGF3hZJD.js")), Ze = () => /* @__PURE__ */ n(
   "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)]",
@@ -665,7 +665,7 @@ function na(e) {
   return t !== "document" ? ea[t] : ta[tn(e)];
 }
 function ce(e, t) {
-  return G.createElement(na(e), t);
+  return V.createElement(na(e), t);
 }
 const sa = (e) => {
   var t, s;
@@ -682,9 +682,9 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = ie(t), m = Y(null), f = Y(null), c = Y(null), w = Y(r), [_, p] = O(a), [b, v] = O(0), [y, T] = O(!1), [I, D] = O(!1), [P, L] = O(!1), [F, z] = O(!1), [R, M] = O(!0), [N, k] = O(null), E = Z(() => {
-    L(!1), p(!0);
-  }, []), $ = Z((x) => {
+  const g = ie(t), m = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = $(a), [p, v] = $(0), [A, T] = $(!1), [E, O] = $(!1), [R, L] = $(!1), [B, P] = $(!1), [_, M] = $(!0), [y, I] = $(null), C = J(() => {
+    L(!1), w(!0);
+  }, []), z = J((x) => {
     const S = f.current;
     if (!S) return 0;
     const U = S.getBoundingClientRect();
@@ -692,56 +692,56 @@ const sa = (e) => {
       0,
       Math.min(1, (sa(x) - U.left) / U.width)
     );
-  }, []), A = Z((x) => {
+  }, []), D = J((x) => {
     const S = m.current;
     S && S.duration && (S.currentTime = x * S.duration);
   }, []), j = (x) => {
     x.stopPropagation(), T(!0);
-    const S = $(x);
-    v(S), A(S);
+    const S = z(x);
+    v(S), D(S);
   };
-  J(() => {
-    r !== void 0 && r !== w.current && (w.current = r, p(r));
-  }, [r]), J(() => {
-    if (!_) {
+  K(() => {
+    r !== void 0 && r !== b.current && (b.current = r, w(r));
+  }, [r]), K(() => {
+    if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const x = () => {
       const S = m.current;
-      S && S.duration && !y && v(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
+      S && S.duration && !A && v(S.currentTime / S.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, y]), J(() => {
+  }, [N, A]), K(() => {
     const x = m.current;
-    x && (_ ? x.play().catch((S) => {
-      p(!1), L(!0);
+    x && (N ? x.play().catch((S) => {
+      w(!1), L(!0);
     }) : x.pause());
-  }, [_]), J(() => {
-    if (!y) return;
-    const x = (U) => v($(U)), S = (U) => {
-      T(!1), A($(U));
+  }, [N]), K(() => {
+    if (!A) return;
+    const x = (U) => v(z(U)), S = (U) => {
+      T(!1), D(z(U));
     };
     return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
     };
-  }, [y, $, A]);
-  const Q = N ? { aspectRatio: String(N) } : void 0, X = N ? "" : " aspect-video", V = Math.round(b * 100);
+  }, [A, z, D]);
+  const Z = y ? { aspectRatio: String(y) } : void 0, Q = y ? "" : " aspect-video", G = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${X}`,
-      style: Q,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
+      style: Z,
       onClick: (x) => {
         if (u) {
           u(x);
           return;
         }
-        P || l && p((S) => !S);
+        R || l && w((S) => !S);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -749,11 +749,11 @@ const sa = (e) => {
             u(x);
             return;
           }
-          P || l && p((S) => !S);
+          R || l && w((S) => !S);
         }
       },
       children: [
-        s && (g === "audio" || R) && /* @__PURE__ */ n(
+        s && (g === "audio" || _) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || _) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -773,14 +773,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => z(!0),
+            onLoadStart: () => P(!0),
             onCanPlay: () => {
-              z(!1), M(!1);
+              P(!1), M(!1);
             },
-            onWaiting: () => z(!0),
+            onWaiting: () => P(!0),
             onPlay: () => L(!1),
             onEnded: () => {
-              i || (p(!1), v(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -793,30 +793,30 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => z(!0),
+            onLoadStart: () => P(!0),
             onCanPlay: () => {
-              z(!1), M(!1);
+              P(!1), M(!1);
             },
-            onWaiting: () => z(!0),
+            onWaiting: () => P(!0),
             onPlay: () => L(!1),
             onLoadedMetadata: () => {
               const x = m.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && I(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (p(!1), v(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        F && !P && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        B && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           we,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        P && !l && /* @__PURE__ */ n(
+        R && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -824,10 +824,10 @@ const sa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), E();
+              x.stopPropagation(), C();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), E());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), C());
             },
             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(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -837,7 +837,7 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": V,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -847,13 +847,13 @@ const sa = (e) => {
             onTouchStart: j,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && A(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && A(Math.max(0, b - 0.05));
+              x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 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: `${V}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -864,11 +864,11 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), p((S) => !S);
+                x.stopPropagation(), w((S) => !S);
               },
               className: "shrink-0 text-white",
-              "aria-label": _ ? "Pause" : "Play",
-              children: _ ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": N ? "Pause" : "Play",
+              children: N ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,7 +876,7 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": V,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -885,21 +885,21 @@ const sa = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
+              onMouseEnter: () => O(!0),
+              onMouseLeave: () => O(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && A(Math.min(1, b + 0.05)), x.key === "ArrowLeft" && A(Math.max(0, b - 0.05));
+                x.key === "ArrowRight" && D(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && D(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${I || y ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${E || A ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${V}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -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 ${I || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${V}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${E || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${G}%` }
                   }
                 )
               ]
@@ -927,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = ie(e), [d, u] = O(!1);
+  const o = ie(e), [d, u] = $(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -1012,13 +1012,13 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": m
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", w = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": m,
-      className: C(
+      className: k(
         "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: C("mb-0.5 truncate text-base font-medium", {
+              className: k("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && w,
-                "text-white": f && !w
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: C(
+              className: k(
                 "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: C(
+                className: k(
                   "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 et = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(G.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ h(V.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1132,7 +1132,7 @@ const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = $(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1148,7 +1148,7 @@ const ma = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(G.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(V.Fragment, { children: [
         /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1156,15 +1156,15 @@ const ma = ({
   );
 };
 function nt(e) {
-  var m, f, c, w;
+  var m, f, c, b;
   const t = (m = e.attachments) == null ? void 0 : m.find(
-    (_) => _.type === "video" && _.asset_url
+    (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (_) => _.type === "image" && _.image_url
+    (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (_) => _.type === "audio" && _.asset_url
-  ), r = (w = e.attachments) == null ? void 0 : w.find(
-    (_) => _.type === "file" && _.asset_url
+    (N) => N.type === "audio" && N.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (N) => N.type === "file" && N.asset_url
   ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
   const o = (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, u = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1336,10 +1336,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (m = e.metadata) == null ? void 0 : m.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", w = 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(Is, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: w })
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
@@ -1363,7 +1363,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: C("message-vote-button focus-ring", {
+      className: k("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: C("message-vote-button focus-ring", {
+      className: k("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1403,43 +1403,43 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: m,
     isMyMessage: f,
     message: c,
-    renderText: w,
-    threadList: _,
-    viewerLanguage: p
-  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: y, onUnlockClick: T, onFetchSource: I, onDownloadClick: D } = va("LockedAttachment"), [P, L] = O(!1), F = Ln(c.id), { selected: z, voteUp: R, voteDown: M } = Hs(c), {
-    Attachment: N = Dn,
-    EditMessageModal: k = Pn,
-    MessageActions: E,
-    MessageBlocked: $ = zn,
-    MessageBouncePrompt: A = On,
+    renderText: b,
+    threadList: N,
+    viewerLanguage: w
+  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: E, onDownloadClick: O } = va("LockedAttachment"), [R, L] = $(!1), B = Ln(c.id), { selected: P, voteUp: _, voteDown: M } = Hs(c), {
+    Attachment: y = Dn,
+    EditMessageModal: I = Pn,
+    MessageActions: C,
+    MessageBlocked: z = zn,
+    MessageBouncePrompt: D = On,
     MessageDeleted: j = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = Fn,
-    MessageRepliesCountButton: X = Bn,
-    ReminderNotification: V = Un,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = Fn,
+    MessageRepliesCountButton: Q = Bn,
+    ReminderNotification: G = Un,
     StreamedMessageText: x = jn,
     PinIndicator: S
   } = Gt("CustomMessage"), U = Vn(c), H = Gn(c), q = re(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), B = re(() => {
+  ), F = re(() => {
     const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
     if (!Me(c)) return Se;
     const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
     return Mt.length === Se.length ? Se : Mt;
   }, [c]), W = re(() => {
-    const ge = Zt({ message: c, viewerLanguage: p });
+    const ge = Zt({ message: c, viewerLanguage: w });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, p]);
+  }, [c, w]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(j, { message: c });
   if (Yn(c))
-    return /* @__PURE__ */ n($, {});
-  const K = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
+    return /* @__PURE__ */ n(z, {});
+  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
   let ee;
   me ? ee = () => u(c) : he && (ee = () => L(!0));
-  const te = f(), le = C(
+  const te = f(), le = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1451,25 +1451,25 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": H,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
-      "str-chat__message-with-thread-link": K || ue,
+      "str-chat__message-with-thread-link": X || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(B != null && B.length && !c.quoted_message), pt = fe && te && Oe;
+  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(F != null && F.length && !c.quoted_message), pt = fe && te && Oe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      k,
+      I,
       {
         additionalMessageInputProps: t
       }
     ),
-    P && /* @__PURE__ */ n(
+    R && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: A,
+        MessageBouncePrompt: D,
         onClose: () => L(!1),
-        open: P
+        open: R
       }
     ),
     /* @__PURE__ */ h(
@@ -1480,7 +1480,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-dd-privacy": "mask",
         children: [
           S && /* @__PURE__ */ n(S, {}),
-          !!F && /* @__PURE__ */ n(V, { reminder: F }),
+          !!B && /* @__PURE__ */ n(G, { reminder: B }),
           c.user && /* @__PURE__ */ n(
             ne,
             {
@@ -1496,7 +1496,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: C("str-chat__message-inner", {
+              className: k("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
@@ -1512,7 +1512,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  E && /* @__PURE__ */ n(E, {}),
+                  C && /* @__PURE__ */ n(C, {}),
                   /* @__PURE__ */ n(
                     Bt.Sent,
                     {
@@ -1523,7 +1523,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
                       paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (I == null ? void 0 : I(c, v))
+                      onFetchSource: async () => await (E == null ? void 0 : E(c, v))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1536,19 +1536,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
                       detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
                       paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
-                      isUnlocking: y(c.id),
+                      isUnlocking: A(c.id),
                       onUnlockClick: () => T == null ? void 0 : T(c, v),
-                      onFetchSource: async () => await (I == null ? void 0 : I(c, v)),
-                      onDownloadClick: () => D == null ? void 0 : D(c, v)
+                      onFetchSource: async () => await (E == null ? void 0 : E(c, v)),
+                      onDownloadClick: () => O == null ? void 0 : O(c, v)
                     }
                   ),
-                  E && /* @__PURE__ */ n(E, {})
+                  C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ) })
               ] }) : ft ? (
@@ -1564,24 +1564,24 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 ht && /* @__PURE__ */ n(Xn, { poll: ht }),
-                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  N,
+                F != null && F.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  y,
                   {
                     actionHandler: o,
-                    attachments: B
+                    attachments: F
                   }
                 ) : null,
                 q ? /* @__PURE__ */ n(
                   x,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: w
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1600,26 +1600,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             s && fe && /* @__PURE__ */ n(
               ka,
               {
-                selected: z,
-                onVoteUp: R,
+                selected: P,
+                onVoteUp: _,
                 onVoteDown: M
               }
             )
           ] }),
-          K && /* @__PURE__ */ n(
-            X,
+          X && /* @__PURE__ */ n(
+            Q,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(Q, {})
+          ue && /* @__PURE__ */ n(Z, {})
         ]
       },
       c.id
     )
   ] });
-}, Ea = G.memo(
+}, Ea = V.memo(
   Ca,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
 ), Ia = (e) => {
@@ -1721,7 +1721,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, st = G.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, st = V.createContext(!1), Ci = () => _e(st), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1928,16 +1928,16 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Fe.Generating,
   Fe.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var w, _;
+  var b, N;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
   if (!e && o && Ya.has(l)) {
-    const p = Wa(t, (w = r.user) == null ? void 0 : w.id);
+    const w = Wa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Vt,
       {
-        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,
+        avatarId: (w == null ? void 0 : w.id) ?? "ai-agent",
+        avatarName: (w == null ? void 0 : w.name) ?? (w == null ? void 0 : w.id) ?? "Agent",
+        avatarImage: w == null ? void 0 : w.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1945,19 +1945,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const u = e ? [] : Object.values(i).filter(
-    ({ parent_id: p, user: b }) => {
+    ({ parent_id: w, user: p }) => {
       var v;
-      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !p;
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: p, user: b }) => {
+    ({ parent_id: w, user: p }) => {
       var v;
-      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && p === (a == null ? void 0 : a.id);
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
     }
   ) : [], m = e ? g : u;
   if (!m.length)
     return null;
-  const f = (_ = m[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (N = m[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     Vt,
     {
@@ -2023,7 +2023,7 @@ function Wa(e, t) {
 const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: C("flex items-center justify-center h-full", e),
+    className: k("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2063,7 +2063,7 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Re = G.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Re = V.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
@@ -2083,29 +2083,29 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: m,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: w = !0,
-  onParticipantNameClick: _,
-  renderHeaderTitleBadges: p
+  showChannelInfo: b = !0,
+  onParticipantNameClick: N,
+  renderHeaderTitleBadges: w
 }) => {
-  var R, M, N, k, E, $, A;
-  const { channel: b } = de(), v = G.useMemo(() => {
-    var X, V;
-    const j = (X = b._client) == null ? void 0 : X.userID;
-    return j ? Object.values(((V = b.state) == null ? void 0 : V.members) || {}).find(
+  var _, M, y, I, C, z, D;
+  const { channel: p } = de(), v = V.useMemo(() => {
+    var Q, G;
+    const j = (Q = p._client) == null ? void 0 : Q.userID;
+    return j ? Object.values(((G = p.state) == null ? void 0 : G.members) || {}).find(
       (x) => {
         var S;
         return ((S = x.user) == null ? void 0 : S.id) && x.user.id !== j;
       }
     ) : void 0;
-  }, [(R = b._client) == null ? void 0 : R.userID, (M = b.state) == null ? void 0 : M.members]), y = Jt(v == null ? void 0 : v.user), T = (N = v == null ? void 0 : v.user) == null ? void 0 : N.image, I = Kt(b), D = p == null ? void 0 : p({
-    channel: b,
+  }, [(_ = p._client) == null ? void 0 : _.userID, (M = p.state) == null ? void 0 : M.members]), A = Jt(v == null ? void 0 : v.user), T = (y = v == null ? void 0 : v.user) == null ? void 0 : y.image, E = Kt(p), O = w == null ? void 0 : w({
+    channel: p,
     participant: v
-  }), P = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", F = /* @__PURE__ */ h(se, { children: [
-    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: y }),
-    D && /* @__PURE__ */ n("span", { className: "shrink-0", children: D })
-  ] }), z = async () => {
+  }), R = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", B = /* @__PURE__ */ h(se, { children: [
+    /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: A }),
+    O && /* @__PURE__ */ n("span", { className: "shrink-0", children: O })
+  ] }), P = async () => {
     try {
-      I ? await b.unpin() : await b.pin();
+      E ? await p.unpin() : await p.pin();
     } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -2118,7 +2118,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: C(
+          className: k(
             oe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2134,30 +2134,30 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         {
           className: "flex flex-col gap-1 items-center",
           "data-dd-privacy": "mask",
-          children: _ ? /* @__PURE__ */ h(
+          children: N ? /* @__PURE__ */ h(
             "button",
             {
               type: "button",
-              onClick: _,
-              "aria-label": `View details for ${y}`,
-              className: C(
-                P,
+              onClick: N,
+              "aria-label": `View details for ${A}`,
+              className: k(
+                R,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ n(
                   ne,
                   {
-                    id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || b.id || "unknown",
-                    name: y,
+                    id: ((I = v == null ? void 0 : v.user) == null ? void 0 : I.id) || p.id || "unknown",
+                    name: A,
                     image: T,
-                    starred: s && I,
+                    starred: s && E,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  F,
+                  B,
                   /* @__PURE__ */ n(ve, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2166,20 +2166,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ h("div", { className: P, children: [
+          ) : /* @__PURE__ */ h("div", { className: R, children: [
             /* @__PURE__ */ n(
               ne,
               {
-                id: ((E = v == null ? void 0 : v.user) == null ? void 0 : E.id) || b.id || "unknown",
-                name: y,
+                id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || p.id || "unknown",
+                name: A,
                 image: T,
-                starred: s && I,
+                starred: s && E,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              F,
+              B,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2200,25 +2200,25 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: z,
+            onClick: P,
             type: "button",
-            "aria-label": I ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: C("size-5", {
-                  "text-yellow-600": I,
-                  "text-black/90": !I
+                className: k("size-5", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: I ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: b,
+            channel: p,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2229,7 +2229,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: C(oe, "bg-[#F1F0EE]")
+            triggerClassName: k(oe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2239,7 +2239,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: C(
+            className: k(
               oe,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -2249,13 +2249,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
           }
         ),
-        _ ? /* @__PURE__ */ h(
+        N ? /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: _,
-            "aria-label": `View details for ${y}`,
-            className: C(
+            onClick: N,
+            "aria-label": `View details for ${A}`,
+            className: k(
               L,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -2263,17 +2263,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ n(
                 ne,
                 {
-                  id: (($ = v == null ? void 0 : v.user) == null ? void 0 : $.id) || b.id || "unknown",
-                  name: y,
+                  id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || p.id || "unknown",
+                  name: A,
                   image: T,
-                  starred: s && I,
+                  starred: s && E,
                   dmAgentEnabled: a,
                   size: 48
                 }
               ),
               /* @__PURE__ */ h("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  F,
+                  B,
                   /* @__PURE__ */ n(ve, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2287,17 +2287,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((A = v == null ? void 0 : v.user) == null ? void 0 : A.id) || b.id || "unknown",
-              name: y,
+              id: ((D = v == null ? void 0 : v.user) == null ? void 0 : D.id) || p.id || "unknown",
+              name: A,
               image: T,
-              starred: s && I,
+              starred: s && E,
               dmAgentEnabled: a,
               size: 48
             }
           ),
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
             /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              F,
+              B,
               /* @__PURE__ */ n(
                 ve,
                 {
@@ -2318,25 +2318,25 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: z,
+            onClick: P,
             type: "button",
-            "aria-label": I ? "Unstar conversation" : "Star conversation",
+            "aria-label": E ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Ge,
               {
-                className: C("size-6", {
-                  "text-yellow-600": I,
-                  "text-black/90": !I
+                className: k("size-6", {
+                  "text-yellow-600": E,
+                  "text-black/90": !E
                 }),
-                weight: I ? "duotone" : "regular"
+                weight: E ? "duotone" : "regular"
               }
             )
           }
         ),
-        w && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: b,
+            channel: p,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2368,56 +2368,56 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: m = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: w,
-  showStarButton: _ = !1,
-  chatbotVotingEnabled: p = !1,
-  renderChannelBanner: b,
+  composerDisabledReason: b,
+  showStarButton: N = !1,
+  chatbotVotingEnabled: w = !1,
+  renderChannelBanner: p,
   renderHeaderTitleBadges: v,
-  customChannelActions: y,
+  customChannelActions: A,
   renderChannelActions: T,
-  renderMessage: I,
-  dmAgentEnabled: D = !1,
-  viewerLanguage: P,
+  renderMessage: E,
+  dmAgentEnabled: O = !1,
+  viewerLanguage: R,
   showChannelInfo: L = !0,
-  onParticipantNameClick: F,
-  composerInput: z
+  onParticipantNameClick: B,
+  composerInput: P
 }) => {
-  var j, Q, X, V, x, S;
-  const { channel: R } = de(), M = G.useMemo(() => {
-    var q, B;
-    const U = (q = R._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = R.state) == null ? void 0 : B.members) || {}).find(
+  var j, Z, Q, G, x, S;
+  const { channel: _ } = de(), M = V.useMemo(() => {
+    var q, F;
+    const U = (q = _._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find(
       (W) => {
-        var K;
-        return ((K = W.user) == null ? void 0 : K.id) && W.user.id !== U;
+        var X;
+        return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(j = R._client) == null ? void 0 : j.userID, (Q = R.state) == null ? void 0 : Q.members]), N = G.useMemo(() => {
-    var q, B;
-    const U = (q = R._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = R.state) == null ? void 0 : B.members) || {}).find((W) => {
-      var K;
-      return ((K = W.user) == null ? void 0 : K.id) === U;
+  }, [(j = _._client) == null ? void 0 : j.userID, (Z = _.state) == null ? void 0 : Z.members]), y = V.useMemo(() => {
+    var q, F;
+    const U = (q = _._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((F = _.state) == null ? void 0 : F.members) || {}).find((W) => {
+      var X;
+      return ((X = W.user) == null ? void 0 : X.id) === U;
     }) : void 0;
-  }, [(X = R._client) == null ? void 0 : X.userID, (V = R.state) == null ? void 0 : V.members]), k = ((x = N == null ? void 0 : N.user) == null ? void 0 : x.is_account) ?? (N == null ? void 0 : N.is_account), E = ((S = M == null ? void 0 : M.user) == null ? void 0 : S.is_account) ?? (M == null ? void 0 : M.is_account), $ = D && k === !1 && E === !0, A = Z(
+  }, [(Q = _._client) == null ? void 0 : Q.userID, (G = _.state) == null ? void 0 : G.members]), I = ((x = y == null ? void 0 : y.user) == null ? void 0 : x.is_account) ?? (y == null ? void 0 : y.is_account), C = ((S = M == null ? void 0 : M.user) == null ? void 0 : S.is_account) ?? (M == null ? void 0 : M.is_account), z = O && I === !1 && C === !0, D = J(
     (U) => {
       const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
         Ia,
         {
           ...U,
-          chatbotVotingEnabled: p,
-          viewerLanguage: P
+          chatbotVotingEnabled: w,
+          viewerLanguage: R
         }
       );
-      return !I || !H ? q : I(q, H);
+      return !E || !H ? q : E(q, H);
     },
-    [p, I, P]
+    [w, E, R]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
-        Message: A,
+        Message: D,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(cs, { children: [
@@ -2427,8 +2427,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBack: e,
             showBackButton: t,
             showChannelInfo: L,
-            showStarButton: _,
-            dmAgentEnabled: $,
+            showStarButton: N,
+            dmAgentEnabled: z,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2437,13 +2437,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: u,
             onReportParticipantClick: g,
-            customChannelActions: y,
+            customChannelActions: A,
             renderChannelActions: T,
-            onParticipantNameClick: F,
+            onParticipantNameClick: B,
             renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        b ? /* @__PURE__ */ n(G.Fragment, { children: b() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(V.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2452,24 +2452,24 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(G.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(V.Fragment, { children: r(_) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           za,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(R)
+              renderActions: () => s == null ? void 0 : s(_)
             },
-            renderFooter: () => a == null ? void 0 : a(R),
+            renderFooter: () => a == null ? void 0 : a(_),
             disabled: c,
-            disabledReason: w,
-            composerInput: z
+            disabledReason: b,
+            composerInput: P
           },
           "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, mn = G.memo(
+}, mn = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -2485,64 +2485,64 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: w = !0,
-    showReportParticipant: _ = !0,
-    composerDisabled: p = !1,
-    composerDisabledReason: b,
+    showBlockParticipant: b = !0,
+    showReportParticipant: N = !0,
+    composerDisabled: w = !1,
+    composerDisabledReason: p,
     dmAgentEnabled: v,
-    messageMetadata: y,
+    messageMetadata: A,
     onMessageSent: T,
-    showStarButton: I = !1,
-    chatbotVotingEnabled: D = !1,
-    renderChannelBanner: P,
+    showStarButton: E = !1,
+    chatbotVotingEnabled: O = !1,
+    renderChannelBanner: R,
     renderHeaderTitleBadges: L,
-    customChannelActions: F,
-    renderChannelActions: z,
-    renderMessage: R,
+    customChannelActions: B,
+    renderChannelActions: P,
+    renderMessage: _,
     onMessageLinkClick: M,
-    sendButton: N,
-    attachmentPreviewList: k,
-    viewerLanguage: E,
-    showChannelInfo: $ = !0,
-    onParticipantNameClick: A,
+    sendButton: y,
+    attachmentPreviewList: I,
+    viewerLanguage: C,
+    showChannelInfo: z = !0,
+    onParticipantNameClick: D,
     composerInput: j
   }) => {
-    const Q = Z(
-      async (V, x, S) => {
-        var K;
-        const U = ((K = e.data) == null ? void 0 : K.chatbot_paused) === !0, H = v && !U, q = {
+    const Z = J(
+      async (G, x, S) => {
+        var X;
+        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, H = v && !U, q = {
           ...x,
           ...H && { silent: !0 },
-          ...y && {
+          ...A && {
             metadata: {
               ...x.metadata ?? {},
-              ...y
+              ...A
             }
           }
-        }, B = {
+        }, F = {
           ...S,
           ...H && { skip_push: !0 }
-        }, W = await e.sendMessage(q, B);
+        }, W = await e.sendMessage(q, F);
         return T == null || T(W), W;
       },
-      [e, v, y, T]
-    ), X = Y(null);
-    return J(() => {
+      [e, v, A, T]
+    ), Q = Y(null);
+    return K(() => {
       if (!M) return;
-      const V = X.current;
-      if (!V) return;
+      const G = Q.current;
+      if (!G) return;
       const x = (S) => {
         const U = S.target, H = U == null ? void 0 : U.closest("a[href]"), q = H == null ? void 0 : H.getAttribute("href");
         if (!q) return;
-        const B = H == null ? void 0 : H.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), K = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
-        M(q, K);
+        const F = H == null ? void 0 : H.closest("[data-message-id]"), W = F == null ? void 0 : F.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        M(q, X);
       };
-      return V.addEventListener("click", x), () => V.removeEventListener("click", x);
+      return G.addEventListener("click", x), () => G.removeEventListener("click", x);
     }, [M, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: X,
-        className: C(
+        ref: Q,
+        className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -2555,9 +2555,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: Re,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: Q,
-            ...N ? { SendButton: N } : {},
-            ...k ? { AttachmentPreviewList: k } : {},
+            doSendMessageRequest: Z,
+            ...y ? { SendButton: y } : {},
+            ...I ? { AttachmentPreviewList: I } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2573,21 +2573,21 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: m,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: w,
-                showReportParticipant: _,
-                composerDisabled: p,
-                composerDisabledReason: b,
-                showStarButton: I,
+                showBlockParticipant: b,
+                showReportParticipant: N,
+                composerDisabled: w,
+                composerDisabledReason: p,
+                showStarButton: E,
                 dmAgentEnabled: v,
-                chatbotVotingEnabled: D,
-                renderChannelBanner: P,
+                chatbotVotingEnabled: O,
+                renderChannelBanner: R,
                 renderHeaderTitleBadges: L,
-                customChannelActions: F,
-                renderChannelActions: z,
-                renderMessage: R,
-                viewerLanguage: E,
-                showChannelInfo: $,
-                onParticipantNameClick: A,
+                customChannelActions: B,
+                renderChannelActions: P,
+                renderMessage: _,
+                viewerLanguage: C,
+                showChannelInfo: z,
+                onParticipantNameClick: D,
                 composerInput: j
               }
             )
@@ -2598,7 +2598,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 mn.displayName = "ChannelView";
-const xe = G.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 xe = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__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 }),
@@ -2628,66 +2628,66 @@ const Ei = ({
   onMessageSent: m,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: w,
-  renderChannelBanner: _,
-  customChannelActions: p,
-  renderChannelActions: b,
+  renderHeaderTitleBadges: b,
+  renderChannelBanner: N,
+  customChannelActions: w,
+  renderChannelActions: p,
   onParticipantNameClick: v,
-  renderMessage: y,
+  renderMessage: A,
   onMessageLinkClick: T,
-  showChannelInfo: I,
-  composerInput: D
+  showChannelInfo: E,
+  composerInput: O
 }) => {
   const {
-    client: P,
+    client: R,
     isConnected: L,
-    isLoading: F,
-    error: z,
-    refreshConnection: R,
+    isLoading: B,
+    error: P,
+    refreshConnection: _,
     service: M,
-    debug: N
-  } = zs(), [k, E] = O(null), [$, A] = O(null), [j, Q] = O(!1), { showDeleteConversation: X = !0 } = e, V = Y(l);
-  V.current = l;
+    debug: y
+  } = zs(), [I, C] = $(null), [z, D] = $(null), [j, Z] = $(!1), { showDeleteConversation: Q = !0 } = e, G = Y(l);
+  G.current = l;
   const x = Y(a);
   x.current = a;
   const S = Y(null), U = Y(null);
-  J(() => {
-    U.current = k;
-  }, [k]), J(() => {
-    if (!P || !L) return;
-    const B = P.userID;
-    if (!B) return;
-    const W = `${B}::${i}`;
+  K(() => {
+    U.current = I;
+  }, [I]), K(() => {
+    if (!R || !L) return;
+    const F = R.userID;
+    if (!F) return;
+    const W = `${F}::${i}`;
     if (S.current === W) return;
     S.current = W;
-    const K = () => {
+    const X = () => {
       S.current === W && (S.current = null);
     };
     (async () => {
       var me, he;
       try {
-        N && console.log(
+        y && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ee = await P.queryChannels(
+        const ee = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [B, i] }
+            members: { $eq: [F, i] }
           },
           {},
           { limit: 1 }
         );
         if (ee.length > 0) {
-          E(ee[0]), A(null), (me = x.current) == null || me.call(x, ee[0]), N && console.log(
+          C(ee[0]), D(null), (me = x.current) == null || me.call(x, ee[0]), y && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ee[0].id
           );
           return;
         }
-        const te = V.current;
+        const te = G.current;
         if (!te || !M) {
-          K(), A("No conversation found with this account"), N && console.log(
+          X(), D("No conversation found with this account"), y && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2699,7 +2699,7 @@ const Ei = ({
             name: te.name,
             phone: te.phone
           });
-          E(le), A(null), (he = x.current) == null || he.call(x, le), N && console.log(
+          C(le), D(null), (he = x.current) == null || he.call(x, le), y && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -2707,55 +2707,55 @@ const Ei = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             le
-          ), K(), A("Failed to create conversation");
+          ), X(), D("Failed to create conversation");
         }
       } catch (ee) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           ee
-        ), K(), U.current || A("Failed to load conversation");
+        ), X(), U.current || D("Failed to load conversation");
       }
     })();
-  }, [i, P, L, M, N]);
+  }, [i, R, L, M, y]);
   const H = Y(r);
   H.current = r;
-  const q = Z(() => {
-    var B;
-    E(null), Q(!0), (B = H.current) == null || B.call(H);
+  const q = J(() => {
+    var F;
+    C(null), Z(!0), (F = H.current) == null || F.call(H);
   }, []);
-  return F ? /* @__PURE__ */ n(Re, {}) : z ? /* @__PURE__ */ n(xe, { message: z, onBack: R }) : !L || !P ? /* @__PURE__ */ n(
+  return B ? /* @__PURE__ */ n(Re, {}) : P ? /* @__PURE__ */ n(xe, { message: P, onBack: _ }) : !L || !R ? /* @__PURE__ */ n(
     xe,
     {
       message: "Not connected to messaging service",
-      onBack: R
+      onBack: _
     }
-  ) : $ ? /* @__PURE__ */ n(xe, { message: $ }) : j && !k ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : k ? /* @__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(
+  ) : z ? /* @__PURE__ */ n(xe, { message: z }) : j && !I ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : I ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     mn,
     {
-      channel: k,
+      channel: I,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: _,
+      renderChannelBanner: N,
       onLeaveConversation: q,
       onBlockParticipant: q,
       CustomChannelEmptyState: o,
-      showDeleteConversation: X,
+      showDeleteConversation: Q,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
       onMessageSent: m,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: w,
-      customChannelActions: p,
-      renderChannelActions: b,
+      renderHeaderTitleBadges: b,
+      customChannelActions: w,
+      renderChannelActions: p,
       onParticipantNameClick: v,
-      renderMessage: y,
+      renderMessage: A,
       onMessageLinkClick: T,
-      showChannelInfo: I,
-      composerInput: D
+      showChannelInfo: E,
+      composerInput: O
     },
-    k.id
+    I.id
   ) }) }) : /* @__PURE__ */ n(Re, {});
 };
 function Qa(e) {
@@ -2764,7 +2764,7 @@ function Qa(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const hn = G.createContext({
+const hn = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -2772,7 +2772,7 @@ const hn = G.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), er = hn.Provider, tr = () => G.useContext(hn), nr = (e, t) => {
+}), er = hn.Provider, tr = () => V.useContext(hn), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2793,77 +2793,77 @@ const hn = G.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, fn = G.memo(
+}, fn = V.memo(
   (e) => {
-    var z, R, M;
-    const { active: t, channel: s, unread: a, ...r } = e, {
-      selectedChannel: i,
-      onChannelSelect: l,
-      debug: o,
-      channelPreview: d,
-      renderMessagePreview: u,
-      viewerLanguage: g
-    } = tr(), m = (i == null ? void 0 : i.id) === (s == null ? void 0 : s.id), f = Kt(s);
-    if (d)
+    var L, B, P;
+    const { channel: t, unread: s } = e, {
+      selectedChannel: a,
+      onChannelSelect: r,
+      debug: i,
+      channelPreview: l,
+      renderMessagePreview: o,
+      viewerLanguage: d
+    } = tr(), u = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), g = Kt(t);
+    if (l)
       return /* @__PURE__ */ n(
-        d,
+        l,
         {
-          ...r,
-          channel: s,
-          selectedChannel: i,
-          onChannelSelect: l,
-          viewerLanguage: g
+          ...e,
+          active: u,
+          selectedChannel: a,
+          onChannelSelect: r,
+          viewerLanguage: d
         }
       );
-    const c = () => {
-      s && l(s);
-    }, w = (N) => {
-      const k = N.key === "Enter" || N.key === " ", E = N.repeat;
-      !k || E || (N.preventDefault(), c());
-    }, p = Object.values(((z = s == null ? void 0 : s.state) == null ? void 0 : z.members) || {}).find(
-      (N) => {
-        var k, E;
-        return ((k = N.user) == null ? void 0 : k.id) && N.user.id !== ((E = s == null ? void 0 : s._client) == null ? void 0 : E.userID);
+    const m = () => {
+      t && r(t);
+    }, f = (_) => {
+      const M = _.key === "Enter" || _.key === " ", y = _.repeat;
+      !M || y || (_.preventDefault(), m());
+    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
+      (_) => {
+        var M, y;
+        return ((M = _.user) == null ? void 0 : M.id) && _.user.id !== ((y = t == null ? void 0 : t._client) == null ? void 0 : y.userID);
       }
-    ), b = Jt(p == null ? void 0 : p.user), v = (R = p == null ? void 0 : p.user) == null ? void 0 : R.image, y = (() => {
-      var k;
-      const N = (k = s == null ? void 0 : s.state) == null ? void 0 : k.messages;
-      if (N != null && N.length) {
-        for (let E = N.length - 1; E >= 0; E--)
-          if (N[E].type !== "system") return N[E];
+    ), N = Jt(b == null ? void 0 : b.user), w = (B = b == null ? void 0 : b.user) == null ? void 0 : B.image, p = (() => {
+      var M;
+      const _ = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
+      if (_ != null && _.length) {
+        for (let y = _.length - 1; y >= 0; y--)
+          if (_[y].type !== "system") return _[y];
       }
-    })(), I = (() => {
-      var j, Q, X, V;
-      const N = Zt({
-        message: y,
-        viewerLanguage: g
+    })(), A = (() => {
+      var z, D, j, Z;
+      const _ = Zt({
+        message: p,
+        viewerLanguage: d
       });
-      if (((j = y == null ? void 0 : y.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((Q = y == null ? void 0 : y.metadata) == null ? void 0 : Q.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((X = y == null ? void 0 : y.metadata) == null ? void 0 : X.custom_type) === "MESSAGE_ATTACHMENT")
-        return N ? `📎 ${N}` : "📎 Sent an attachment";
-      if (N) return N;
-      const A = (V = y == null ? void 0 : y.attachments) == null ? void 0 : V[0];
-      return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), D = y != null && y.created_at ? sr(new Date(y.created_at)) : "", P = y ? Me(y) : !1, L = u ? u(y, I) : `${P ? "✨ " : ""}${I}`, F = a ?? 0;
-    return o && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
-      channelId: s == null ? void 0 : s.id,
-      isSelected: m,
-      participantName: b,
-      unreadCount: F,
-      hasTimestamp: !!D
+      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
+      if (((D = p == null ? void 0 : p.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
+      if (((j = p == null ? void 0 : p.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
+        return _ ? `📎 ${_}` : "📎 Sent an attachment";
+      if (_) return _;
+      const C = (Z = p == null ? void 0 : p.attachments) == null ? void 0 : Z[0];
+      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), T = p != null && p.created_at ? sr(new Date(p.created_at)) : "", E = p ? Me(p) : !1, O = o ? o(p, A) : `${E ? "✨ " : ""}${A}`, R = s ?? 0;
+    return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
+      channelId: t == null ? void 0 : t.id,
+      isSelected: u,
+      participantName: N,
+      unreadCount: R,
+      hasTimestamp: !!T
     }), /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: c,
-        onKeyDown: w,
-        className: C(
+        onClick: m,
+        onKeyDown: f,
+        className: k(
           "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]": m,
-            "hover:bg-black/[0.02]": !m
+            "bg-black/[0.04]": u,
+            "hover:bg-black/[0.02]": !u
           }
         ),
         "data-dd-privacy": "mask",
@@ -2871,11 +2871,11 @@ const hn = G.createContext({
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((M = p == null ? void 0 : p.user) == null ? void 0 : M.id) || s.id || "unknown",
-              name: b,
-              image: v,
+              id: ((P = b == null ? void 0 : b.user) == null ? void 0 : P.id) || t.id || "unknown",
+              name: N,
+              image: w,
               size: 48,
-              starred: f
+              starred: g
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2883,20 +2883,20 @@ const hn = G.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: C(
+                  className: k(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    f && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
-                    b
+                    g && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    N
                   ]
                 }
               ),
-              D && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: D })
+              T && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: T })
             ] }),
             /* @__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: L }),
-              F > 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: F > 99 ? "99+" : F })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: O }),
+              R > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: R > 99 ? "99+" : R })
             ] })
           ] })
         ] })
@@ -2905,7 +2905,7 @@ const hn = G.createContext({
   }
 );
 fn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = G.memo(
+const ar = { last_message_at: -1 }, rr = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2919,13 +2919,13 @@ const ar = { last_message_at: -1 }, rr = G.memo(
     renderMessagePreview: u,
     viewerLanguage: g
   }) => {
-    const m = G.useRef(0);
+    const m = V.useRef(0);
     m.current++;
-    const { debug: f = !1 } = Je(), c = G.useCallback(
-      (_) => {
-        for (const p of _)
-          Qa(p);
-        return r ? r(_) : _;
+    const { debug: f = !1 } = Je(), c = V.useCallback(
+      (N) => {
+        for (const w of N)
+          Qa(w);
+        return r ? r(N) : N;
       },
       [r]
     );
@@ -2934,7 +2934,7 @@ const ar = { last_message_at: -1 }, rr = G.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const w = G.useMemo(
+    const b = V.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2955,11 +2955,11 @@ const ar = { last_message_at: -1 }, rr = G.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: C(
+        className: k(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: w, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: b, children: /* @__PURE__ */ n(
           us,
           {
             filters: s,
@@ -2994,7 +2994,7 @@ const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, cr = ({ variant: e, cta: t }) => {
-  const s = C(
+  const s = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     or[e]
   ), a = at(t.href);
@@ -3039,12 +3039,12 @@ const or = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", w = l != null;
-  if (!g && !m && !c && !w) return null;
-  const p = C(
+  const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
+  if (!g && !m && !c && !b) return null;
+  const w = k(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), b = C(
+  ), p = k(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -3054,17 +3054,17 @@ const or = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: C("min-w-0", p), children: u })
+            /* @__PURE__ */ n("p", { className: k("min-w-0", w), children: u })
           ] }),
-          m && /* @__PURE__ */ n("p", { className: b, children: a })
+          m && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !w && c && /* @__PURE__ */ n("p", { className: b, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
     l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
   ] });
-}, hr = C(
+}, hr = k(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -3082,7 +3082,7 @@ const or = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = C(
+  const u = s != null || a != null, g = k(
     hr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -3113,7 +3113,7 @@ const or = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: C(g, "text-left"),
+      className: k(g, "text-left"),
       children: [
         t,
         m
@@ -3163,7 +3163,7 @@ const or = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3190,7 +3190,7 @@ const or = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: C(
+            className: k(
               "flex h-full w-full items-center justify-center",
               fr[e]
             ),
@@ -3219,7 +3219,7 @@ const or = {
   onDismiss: g,
   onEditClick: m
 }) => {
-  const f = o === "classic", c = ze(r, l), w = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = ze(r, l), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3228,7 +3228,7 @@ const or = {
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, _ = m ? /* @__PURE__ */ n(
+  ) : void 0, N = m ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3248,12 +3248,12 @@ const or = {
         mimeType: r
       }
     ) }),
-    w && /* @__PURE__ */ n("div", { className: "shrink-0", children: w })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
-      topRight: f ? w : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           De,
@@ -3263,7 +3263,7 @@ const or = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: w
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
@@ -3276,7 +3276,7 @@ const or = {
             url: a,
             appIcon: d,
             cta: u,
-            trailingAction: _
+            trailingAction: N
           }
         )
       ]
@@ -3294,11 +3294,11 @@ const or = {
   cta: d,
   onClick: u
 }) => {
-  const g = gn(a, i), m = at(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, w = ze(a, i) ? it : void 0, _ = d && u ? {
+  const g = gn(a, i), m = at(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, b = ze(a, i) ? it : void 0, N = d && u ? {
     ...d,
     onClick: () => {
-      var p;
-      u(), (p = d.onClick) == null || p.call(d);
+      var w;
+      u(), (w = d.onClick) == null || w.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
@@ -3308,7 +3308,7 @@ const or = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: w,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3329,7 +3329,7 @@ const or = {
             description: t,
             url: s,
             appIcon: o,
-            cta: _
+            cta: N
           }
         )
       ]
@@ -3348,13 +3348,13 @@ const or = {
   cta: u,
   onClick: g
 }) => {
-  const m = gn(r, l), f = at(a), c = u == null && f != null && !m ? f : void 0, w = u == null && !m && c != null ? g : void 0;
+  const m = gn(r, l), f = at(a), c = u == null && f != null && !m ? f : void 0, b = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Le,
     {
       variant: "dark",
       href: c,
-      onClick: w,
+      onClick: b,
       bgClassName: ze(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3423,7 +3423,7 @@ const or = {
     {
       "data-testid": l,
       "data-group-position": a,
-      className: C(
+      className: k(
         // 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
@@ -3443,7 +3443,7 @@ const or = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: C(
+            className: k(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3472,7 +3472,7 @@ const or = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: C(
+    className: k(
       "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"
     ),
@@ -3521,7 +3521,7 @@ const or = {
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, w) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
         Cr,
         {
           item: c,
@@ -3529,10 +3529,10 @@ const or = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && w === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${w}`
+        `${c.src}-${b}`
       )) })
     }
   );
@@ -3606,13 +3606,13 @@ const Dr = {
   const d = s ?? t ?? "File", u = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
         Pr[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: C("size-6", zr[e]),
+        className: k("size-6", zr[e]),
         weight: "regular"
       })
     }
@@ -3621,7 +3621,7 @@ const Dr = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: C(
+        className: k(
           "truncate text-xs leading-4",
           Dr[e]
         ),
@@ -3634,7 +3634,7 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: C(
+      className: k(
         "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]"
       ),
@@ -3714,19 +3714,19 @@ const Or = ({
     mimeType: r,
     title: i,
     items: l
-  }), w = (p) => {
-    if ((u == null ? void 0 : u(p)) === !1) return;
-    const b = c[p];
-    if (!b) return;
-    const v = b.filename ?? ae(b.src);
-    bn(b.src, v);
+  }), b = (w) => {
+    if ((u == null ? void 0 : u(w)) === !1) return;
+    const p = c[w];
+    if (!p) return;
+    const v = p.filename ?? ae(p.src);
+    bn(p.src, v);
   };
   if (c.length === 0)
     return null;
-  const _ = /* @__PURE__ */ n(
+  const N = /* @__PURE__ */ n(
     "span",
     {
-      className: C(
+      className: k(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3741,16 +3741,16 @@ const Or = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((p, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
         $r,
         {
           variant: m,
-          item: p,
-          index: b,
-          onActivate: w,
-          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
+          item: w,
+          index: p,
+          onActivate: b,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : N
         },
-        `${p.src}-${b}`
+        `${w.src}-${p}`
       )) })
     }
   );
@@ -3793,7 +3793,7 @@ const Or = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = O(!1), u = Z(
+  const [o, d] = $(!1), u = J(
     (c) => {
       c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
@@ -3801,7 +3801,7 @@ const Or = ({
       }));
     },
     [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: C(
+  ), g = r ?? s !== "pill", f = { className: k(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3812,7 +3812,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": a,
-      className: C(
+      className: k(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3852,7 +3852,7 @@ const Or = ({
       onClick: u,
       disabled: o,
       "aria-label": g ? a : void 0,
-      className: C(
+      className: k(
         "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"
       ),
@@ -3874,18 +3874,18 @@ const Or = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  J(() => {
+  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = $(a);
+  K(() => {
     s && i(Ve(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), J(() => {
+  }, [s, t, e]), K(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = Z(() => {
+  const l = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = Z(() => {
+  }, [e]), o = J(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return J(() => {
+  return K(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -3904,7 +3904,7 @@ const Or = ({
   "data-testid": l
 }) => {
   const o = Y(null), d = Y(null);
-  return J(() => {
+  return K(() => {
     var f;
     const m = o.current;
     if (m) {
@@ -4049,14 +4049,14 @@ const Or = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, u, g) => {
-    const m = C(Vr, "h-full w-full");
+    const m = k(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: C(m, "cursor-zoom-in"),
+        className: k(m, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4068,10 +4068,10 @@ const Or = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4080,7 +4080,7 @@ const Or = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4093,7 +4093,7 @@ const Or = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: C(
+      className: k(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4111,12 +4111,12 @@ const Or = ({
     }
   );
 }, Ie = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = Z(
+  const [t, s] = $(!1), [a, r] = $(0), i = J(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = Z(() => s(!1), []);
+  ), l = J(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4188,13 +4188,13 @@ const Or = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: w } = Ie(
+  const u = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
     d
   );
   if (u.length === 0)
     return null;
-  const _ = u.map(
-    (p, b) => Gr(p, b, u.length, o)
+  const N = u.map(
+    (w, p) => Gr(w, p, u.length, o)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4204,14 +4204,14 @@ const Or = ({
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: _, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           xn,
           {
             open: m,
             items: Nn(u, a),
             initialIndex: f,
-            onClose: w
+            onClose: b
           }
         )
       ]
@@ -4311,12 +4311,12 @@ const Or = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: _ } = Ie(
+  const g = Ee(e), m = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     d
-  ), p = e === "composer" && !!u;
+  ), w = e === "composer" && !!u;
   if (m.length === 0)
     return null;
-  const b = m.map((v) => ({
+  const p = m.map((v) => ({
     src: v.src,
     filename: v.filename ?? ae(v.src)
   }));
@@ -4328,8 +4328,8 @@ const Or = ({
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((v, y) => {
-          const T = v.filename ?? ae(v.src), I = p && y === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((v, A) => {
+          const T = v.filename ?? ae(v.src), E = w && A === 0 ? /* @__PURE__ */ n(Ce, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             vn,
             {
               url: v.src,
@@ -4344,20 +4344,20 @@ const Or = ({
             {
               variant: g,
               item: v,
-              index: y,
-              onActivate: w,
-              trailingAction: I
+              index: A,
+              onActivate: b,
+              trailingAction: E
             },
-            `${v.src}-${y}`
+            `${v.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
           Jr,
           {
             open: f,
-            items: b,
+            items: p,
             initialIndex: c,
-            onClose: _
+            onClose: N
           }
         )
       ]
@@ -4496,13 +4496,13 @@ const Or = ({
   preload: d,
   onClick: u
 }) => {
-  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: w, closeViewer: _ } = Ie(
+  const g = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     u
   );
   if (g.length === 0)
     return null;
-  const p = g.map(
-    (b, v) => ii(b, v, g.length)
+  const w = g.map(
+    (p, v) => ii(p, v, g.length)
   );
   return /* @__PURE__ */ h(
     ke,
@@ -4515,8 +4515,8 @@ const Or = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           wn,
           {
-            tiles: p,
-            onTileActivate: w,
+            tiles: w,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4526,7 +4526,7 @@ const Or = ({
             open: f,
             items: Cn(g, r),
             initialIndex: c,
-            onClose: _
+            onClose: N
           }
         )
       ]
@@ -4554,7 +4554,7 @@ const Or = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: C(
+    className: k(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4642,4 +4642,4 @@ export {
   Jt as y,
   Ci as z
 };
-//# sourceMappingURL=index-MMFq_gs5.js.map
+//# sourceMappingURL=index-DmFR1zuQ.js.map