@linktr.ee/messaging-react 3.4.3-rc-1782553322 → 3.4.3-rc-1782553325

package/dist/{index-Dv13-2iu.js → index-D9JJLtJg.js}

@@ -3,7 +3,7 @@ import j, { createContext as We, useContext as _e, useCallback as J, useState as
 import { StreamChatService as In } 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 On, MessageBlocked as Pn, MessageBouncePrompt as zn, 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 Ne, 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 ze, AIStates as $e, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
-import { StarIcon as Ve, DotsThreeIcon as hs, SpinnerGapIcon as Ie, SignOutIcon as fs, ProhibitInsetIcon as Ot, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as qt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as _s, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as xe, PlayIcon as Ge, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as we, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as De, ArrowUpIcon as Ms, SparkleIcon as pe, ProhibitIcon as Rs, ArrowLeftIcon as Pt, CaretRightIcon as He, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import { StarIcon as Ve, DotsThreeIcon as hs, SpinnerGapIcon as Ie, SignOutIcon as fs, ProhibitInsetIcon as Ot, 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 _s, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as xe, PlayIcon as Ge, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as we, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as De, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as Pt, CaretRightIcon as He, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
 import y from "classnames";
 import { MessageActions as Os, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 const Xt = We({
@@ -37,7 +37,7 @@ const Xt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, b] = F(!1), [_, x] = F(null), p = H(!1), v = H(null), M = H(s);
+  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, p] = F(!1), [_, x] = F(null), b = H(!1), v = H(null), M = H(s);
   M.current = s;
   const I = H(i);
   I.current = i;
@@ -96,14 +96,14 @@ const Xt = We({
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: p.current,
+      isConnecting: b.current,
       isConnected: u,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (b.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -115,7 +115,7 @@ const Xt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), x(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, p(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const $ = await o.connectUser(t);
@@ -130,7 +130,7 @@ const Xt = We({
           error: Y
         });
       } finally {
-        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        p(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -151,7 +151,7 @@ const Xt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
       const k = await o.connectUser(t);
@@ -163,7 +163,7 @@ const Xt = We({
         error: S
       });
     } finally {
-      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      p(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
   }, [o, t, l]), T = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
@@ -364,9 +364,9 @@ const se = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var O;
-  const { service: u, debug: f } = Je(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, b = !!(a && s && u && c), [_, x] = F(!1), [p, v] = F(null), [M, I] = F(!1), [N, z] = F(!1), L = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
+  const { service: u, debug: f } = Je(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, p = !!(a && s && u && c), [_, x] = F(!1), [b, v] = F(null), [M, I] = F(!1), [N, z] = F(!1), L = p && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
   return K(() => {
-    if (!b || !u || !c) {
+    if (!p || !u || !c) {
       x(!1), v(null);
       return;
     }
@@ -388,7 +388,7 @@ const se = ({
     })(), () => {
       C = !0;
     };
-  }, [b, u, c, g]), {
+  }, [p, u, c, g]), {
     isParticipantBlocked: _,
     isCheckingBlockedStatus: L,
     isLeaving: M,
@@ -437,7 +437,7 @@ const se = ({
       d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
-}, be = ({
+}, pe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -468,8 +468,8 @@ const se = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = F(!1), b = H(null), _ = Sn(), x = J(() => c(!1), []), {
-    isParticipantBlocked: p,
+  const [f, c] = F(!1), p = H(null), _ = Sn(), x = J(() => c(!1), []), {
+    isParticipantBlocked: b,
     isCheckingBlockedStatus: v,
     isLeaving: M,
     isUpdatingBlockStatus: I,
@@ -493,14 +493,14 @@ const se = ({
   return K(() => {
     if (!f) return;
     const R = (O) => {
-      b.current && !b.current.contains(O.target) && c(!1);
+      p.current && !p.current.contains(O.target) && c(!1);
     }, T = (O) => {
       O.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", R), document.addEventListener("keydown", T), () => {
       document.removeEventListener("mousedown", R), document.removeEventListener("keydown", T);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -527,7 +527,7 @@ const se = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            be,
+            pe,
             {
               onClick: N,
               disabled: M,
@@ -541,12 +541,12 @@ const se = ({
           a && /* @__PURE__ */ n("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(be, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(pe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : p ? /* @__PURE__ */ h(
-            be,
+          ) : b ? /* @__PURE__ */ h(
+            pe,
             {
               onClick: L,
               disabled: I,
@@ -557,7 +557,7 @@ const se = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            be,
+            pe,
             {
               onClick: z,
               disabled: I,
@@ -568,7 +568,7 @@ const se = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: D, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: D, children: [
             /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -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 = j.lazy(() => import("./Card-BmVutVEt.js")), Ws = j.lazy(() => import("./Card-CKn-iPjf.js")), Xs = j.lazy(() => import("./Card-DoBWURRU.js")), Ze = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-CGjd8b1K.js")), Ws = j.lazy(() => import("./Card-B_tMXmN_.js")), Xs = j.lazy(() => import("./Card-CeiUwix2.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)]",
@@ -646,7 +646,7 @@ function tn(e) {
 }
 const ea = {
   video: qt,
-  audio: bs,
+  audio: ps,
   image: gs,
   document: Yt
 }, ta = {
@@ -657,7 +657,7 @@ const ea = {
   ppt: ws,
   zip: xs,
   text: vs,
-  markdown: ps,
+  markdown: bs,
   generic: Yt
 };
 function na(e) {
@@ -682,7 +682,7 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ie(t), u = H(null), f = H(null), c = H(null), b = H(r), [_, x] = F(a), [p, v] = F(0), [M, I] = F(!1), [N, z] = F(!1), [L, D] = F(!1), [E, R] = F(!1), [T, O] = F(!0), [C, k] = F(null), S = J(() => {
+  const g = ie(t), u = H(null), f = H(null), c = H(null), p = H(r), [_, x] = F(a), [b, v] = F(0), [M, I] = F(!1), [N, z] = F(!1), [L, D] = F(!1), [E, R] = F(!1), [T, O] = F(!0), [C, k] = F(null), S = J(() => {
     D(!1), x(!0);
   }, []), P = J((w) => {
     const A = f.current;
@@ -701,7 +701,7 @@ const sa = (e) => {
     v(A), $(A);
   };
   K(() => {
-    r !== void 0 && r !== b.current && (b.current = r, x(r));
+    r !== void 0 && r !== p.current && (p.current = r, x(r));
   }, [r]), K(() => {
     if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
@@ -728,7 +728,7 @@ const sa = (e) => {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", A);
     };
   }, [M, P, $]);
-  const Q = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", V = Math.round(p * 100);
+  const Q = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", V = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -847,7 +847,7 @@ const sa = (e) => {
             onTouchStart: Y,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && $(Math.min(1, p + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+              w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -888,7 +888,7 @@ const sa = (e) => {
               onMouseEnter: () => z(!0),
               onMouseLeave: () => z(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && $(Math.min(1, p + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, p - 0.05));
+                w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -1012,7 +1012,7 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1032,8 +1032,8 @@ const sa = (e) => {
             {
               className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && p,
+                "text-white": f && !p
               }),
               children: c
             }
@@ -1156,14 +1156,14 @@ const ma = ({
   );
 };
 function nt(e) {
-  var u, f, c, b;
+  var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (_) => _.type === "video" && _.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (_) => _.type === "image" && _.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (_) => _.type === "audio" && _.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (p = e.attachments) == null ? void 0 : p.find(
     (_) => _.type === "file" && _.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;
@@ -1283,13 +1283,13 @@ const on = ({
 }, yi = Object.assign(ha, {
   Creator: fa,
   Visitor: ga
-}), ba = {
+}), pa = {
   isUnlocking: () => !1
-}, pa = {
-  LockedAttachment: ba
+}, ba = {
+  LockedAttachment: pa
 }, cn = We({}), Ci = cn.Provider;
 function va(e) {
-  return _e(cn)[e] ?? pa[e];
+  return _e(cn)[e] ?? ba[e];
 }
 const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1336,10 +1336,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
@@ -1388,7 +1388,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   )
 ] }), ka = (e) => {
-  var pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt, At;
+  var bt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt, At;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1403,10 +1403,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: p,
     threadList: _,
     viewerLanguage: x
-  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: I, onFetchSource: N, onDownloadClick: z } = va("LockedAttachment"), [L, D] = F(!1), E = Ln(c.id), { selected: R, voteUp: T, voteDown: O } = Hs(c), {
+  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: I, onFetchSource: N, onDownloadClick: z } = va("LockedAttachment"), [L, D] = F(!1), E = Ln(c.id), { selected: R, voteUp: T, voteDown: O } = Hs(c), {
     Attachment: C = Dn,
     EditMessageModal: k = On,
     MessageActions: S,
@@ -1436,7 +1436,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return /* @__PURE__ */ n(Y, { message: c });
   if (Yn(c))
     return /* @__PURE__ */ n(P, {});
-  const X = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((pt = c.error) == null ? void 0 : pt.status) !== 403, he = qn(c);
+  const X = !_ && !!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);
   let ee;
   me ? ee = () => m(c) : he && (ee = () => D(!0));
   const ne = f(), oe = y(
@@ -1456,7 +1456,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Ae(c), gt = Na(c), Pe = !!(B != null && B.length && !c.quoted_message), bt = fe && ne && Pe;
+  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Ae(c), gt = Na(c), Pe = !!(B != null && B.length && !c.quoted_message), pt = fe && ne && Pe;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
       k,
@@ -1547,14 +1547,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) })
               ] }) : ft ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Fe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                fe && !bt && /* @__PURE__ */ n(
+                fe && !pt && /* @__PURE__ */ n(
                   Fe,
                   {
                     message: c,
@@ -1574,13 +1574,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   w,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: b
+                    renderText: p
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1588,7 +1588,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!fe || bt) && /* @__PURE__ */ n(
+            (!fe || pt) && /* @__PURE__ */ n(
               Fe,
               {
                 message: c,
@@ -1855,7 +1855,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              pe,
+              be,
               {
                 size: 16,
                 weight: "regular",
@@ -1920,10 +1920,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   $e.Generating,
   $e.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var b, _;
+  var p, _;
   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 x = Wa(t, (b = r.user) == null ? void 0 : b.id);
+    const x = Wa(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       Vt,
       {
@@ -1937,14 +1937,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+    ({ parent_id: x, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !x;
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !x;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: x, user: p }) => {
+    ({ parent_id: x, user: b }) => {
       var v;
-      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && x === (a == null ? void 0 : a.id);
+      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && x === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
@@ -2075,29 +2075,29 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: b = !0,
+  showChannelInfo: p = !0,
   onParticipantNameClick: _,
   renderHeaderTitleBadges: x
 }) => {
   var E, R, T, O, C, k, S;
-  const { channel: p } = de(), v = j.useMemo(() => {
+  const { channel: b } = de(), v = j.useMemo(() => {
     var Y, Q;
-    const P = (Y = p._client) == null ? void 0 : Y.userID;
-    return P ? Object.values(((Q = p.state) == null ? void 0 : Q.members) || {}).find(
+    const P = (Y = b._client) == null ? void 0 : Y.userID;
+    return P ? Object.values(((Q = b.state) == null ? void 0 : Q.members) || {}).find(
       (Z) => {
         var V;
         return ((V = Z.user) == null ? void 0 : V.id) && Z.user.id !== P;
       }
     ) : void 0;
-  }, [(E = p._client) == null ? void 0 : E.userID, (R = p.state) == null ? void 0 : R.members]), M = Jt(v == null ? void 0 : v.user), I = (T = v == null ? void 0 : v.user) == null ? void 0 : T.image, N = Kt(p), z = x == null ? void 0 : x({
-    channel: p,
+  }, [(E = b._client) == null ? void 0 : E.userID, (R = b.state) == null ? void 0 : R.members]), M = Jt(v == null ? void 0 : v.user), I = (T = v == null ? void 0 : v.user) == null ? void 0 : T.image, N = Kt(b), z = x == null ? void 0 : x({
+    channel: b,
     participant: v
   }), L = /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: M }),
     z && /* @__PURE__ */ n("span", { className: "shrink-0", children: z })
   ] }), D = async () => {
     try {
-      N ? await p.unpin() : await p.pin();
+      N ? await b.unpin() : await b.pin();
     } catch (P) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
@@ -2127,12 +2127,12 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           type: "button",
           onClick: _,
           "aria-label": `View details for ${M}`,
-          className: "flex max-w-full flex-col items-center gap-1 appearance-none rounded border-0 bg-transparent p-0 text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+          className: "flex max-w-full flex-col items-center gap-1 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
           children: [
             /* @__PURE__ */ n(
               se,
               {
-                id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || p.id || "unknown",
+                id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || b.id || "unknown",
                 name: M,
                 image: I,
                 starred: s && N,
@@ -2145,7 +2145,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ n(He, { 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: [
-              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { children: Te })
             ] })
           ]
@@ -2154,7 +2154,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         /* @__PURE__ */ n(
           se,
           {
-            id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || p.id || "unknown",
+            id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || b.id || "unknown",
             name: M,
             image: I,
             starred: s && N,
@@ -2164,7 +2164,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         /* @__PURE__ */ n("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: L }),
         a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
           /* @__PURE__ */ n("span", { children: Te })
         ] })
       ] }) }),
@@ -2188,10 +2188,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2228,12 +2228,12 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: _,
             "aria-label": `View details for ${M}`,
-            className: "flex min-w-0 max-w-full items-center gap-4 appearance-none rounded border-0 bg-transparent p-0 text-left text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+            className: "flex min-w-0 max-w-full items-center gap-4 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-left text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
             children: [
               /* @__PURE__ */ n(
                 se,
                 {
-                  id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || p.id || "unknown",
+                  id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || b.id || "unknown",
                   name: M,
                   image: I,
                   starred: s && N,
@@ -2247,7 +2247,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ n(He, { 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: [
-                  /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ n("span", { className: "truncate", children: Te })
                 ] })
               ] })
@@ -2257,7 +2257,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             se,
             {
-              id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || p.id || "unknown",
+              id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || b.id || "unknown",
               name: M,
               image: I,
               starred: s && N,
@@ -2268,7 +2268,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
             /* @__PURE__ */ n("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: L }),
             a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ n("span", { className: "truncate", children: Te })
             ] })
           ] })
@@ -2294,10 +2294,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             )
           }
         ),
-        b && (c !== void 0 ? c : /* @__PURE__ */ n(
+        p && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: p,
+            channel: b,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2329,10 +2329,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: b,
+  composerDisabledReason: p,
   showStarButton: _ = !1,
   chatbotVotingEnabled: x = !1,
-  renderChannelBanner: p,
+  renderChannelBanner: b,
   renderHeaderTitleBadges: v,
   customChannelActions: M,
   renderChannelActions: I,
@@ -2404,7 +2404,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
+        b ? /* @__PURE__ */ n(j.Fragment, { children: b() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2422,7 +2422,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             },
             renderFooter: () => a == null ? void 0 : a(T),
             disabled: c,
-            disabledReason: b,
+            disabledReason: p,
             composerInput: R
           },
           "lt-channel-message-input"
@@ -2446,10 +2446,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: p = !0,
     showReportParticipant: _ = !0,
     composerDisabled: x = !1,
-    composerDisabledReason: p,
+    composerDisabledReason: b,
     dmAgentEnabled: v,
     messageMetadata: M,
     onMessageSent: I,
@@ -2534,10 +2534,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: p,
                 showReportParticipant: _,
                 composerDisabled: x,
-                composerDisabledReason: p,
+                composerDisabledReason: b,
                 showStarButton: N,
                 dmAgentEnabled: v,
                 chatbotVotingEnabled: z,
@@ -2589,10 +2589,10 @@ const Ei = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: b,
+  renderHeaderTitleBadges: p,
   renderChannelBanner: _,
   customChannelActions: x,
-  renderChannelActions: p,
+  renderChannelActions: b,
   onParticipantNameClick: v,
   renderMessage: M,
   onMessageLinkClick: I,
@@ -2707,9 +2707,9 @@ const Ei = ({
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: b,
+      renderHeaderTitleBadges: p,
       customChannelActions: x,
-      renderChannelActions: p,
+      renderChannelActions: b,
       onParticipantNameClick: v,
       renderMessage: M,
       onMessageLinkClick: I,
@@ -2772,7 +2772,7 @@ const hn = j.createContext({
         var R, T;
         return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((T = e == null ? void 0 : e._client) == null ? void 0 : T.userID);
       }
-    ), f = Jt(u == null ? void 0 : u.user), c = (L = u == null ? void 0 : u.user) == null ? void 0 : L.image, b = (() => {
+    ), f = Jt(u == null ? void 0 : u.user), c = (L = u == null ? void 0 : u.user) == null ? void 0 : L.image, p = (() => {
       var R;
       const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
       if (E != null && E.length) {
@@ -2782,22 +2782,22 @@ const hn = j.createContext({
     })(), x = (() => {
       var k, S, P, $;
       const E = Zt({
-        message: b,
+        message: p,
         viewerLanguage: l
       });
-      if (((k = b == null ? void 0 : b.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
-      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
-      if (((P = b == null ? void 0 : b.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
+      if (((k = p == null ? void 0 : p.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
+      if (((S = p == null ? void 0 : p.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if (((P = p == null ? void 0 : p.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
       if (E) return E;
-      const C = ($ = b == null ? void 0 : b.attachments) == null ? void 0 : $[0];
+      const C = ($ = p == null ? void 0 : p.attachments) == null ? void 0 : $[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";
-    })(), p = b != null && b.created_at ? sr(new Date(b.created_at)) : "", v = b ? Ae(b) : !1, M = i ? i(b, x) : `${v ? "✨ " : ""}${x}`, I = Kt(e), N = t ?? 0;
+    })(), b = p != null && p.created_at ? sr(new Date(p.created_at)) : "", v = p ? Ae(p) : !1, M = i ? i(p, x) : `${v ? "✨ " : ""}${x}`, I = Kt(e), N = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
       unreadCount: N,
-      hasTimestamp: !!p
+      hasTimestamp: !!b
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2837,7 +2837,7 @@ const hn = j.createContext({
                   ]
                 }
               ),
-              p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
+              b && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: b })
             ] }),
             /* @__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: M }),
@@ -2866,10 +2866,10 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     const g = j.useRef(0);
     g.current++;
     const { debug: u = !1 } = Je(), f = j.useCallback(
-      (b) => {
-        for (const _ of b)
+      (p) => {
+        for (const _ of p)
           Qa(_);
-        return r ? r(b) : b;
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2981,12 +2981,12 @@ const lr = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
-  if (!g && !u && !c && !b) return null;
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = l != null;
+  if (!g && !u && !c && !p) return null;
   const x = y(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), p = y(
+  ), b = y(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -2998,9 +2998,9 @@ const lr = {
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ n("p", { className: y("min-w-0", x), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: p, children: a })
+          u && /* @__PURE__ */ n("p", { className: b, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
+        !p && c && /* @__PURE__ */ n("p", { className: b, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
@@ -3147,7 +3147,7 @@ const lr = {
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3161,7 +3161,7 @@ const lr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = o === "classic", c = Oe(r, l), b = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = Oe(r, l), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3190,12 +3190,12 @@ const lr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
     Re,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Le,
@@ -3205,7 +3205,7 @@ const lr = {
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
@@ -3224,7 +3224,7 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
@@ -3236,7 +3236,7 @@ const lr = {
   cta: d,
   onClick: m
 }) => {
-  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Oe(a, i) ? it : void 0, _ = d && m ? {
+  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Oe(a, i) ? it : void 0, _ = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3250,7 +3250,7 @@ const lr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3290,13 +3290,13 @@ const lr = {
   cta: m,
   onClick: g
 }) => {
-  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Re,
     {
       variant: "dark",
       href: c,
-      onClick: b,
+      onClick: p,
       bgClassName: Oe(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3325,9 +3325,9 @@ const lr = {
     }
   );
 }, Si = {
-  Composer: br,
+  Composer: pr,
   Sent: vr,
-  Received: pr
+  Received: br
 }, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
@@ -3463,7 +3463,7 @@ const lr = {
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
         kr,
         {
           item: c,
@@ -3471,10 +3471,10 @@ const lr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${p}`
       )) })
     }
   );
@@ -3535,7 +3535,7 @@ const Dr = {
 }, Pr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, pn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3594,7 +3594,7 @@ const Dr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function pn(e, t) {
+async function bn(e, t) {
   const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3624,7 +3624,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -3656,12 +3656,12 @@ const zr = ({
     mimeType: r,
     title: i,
     items: l
-  }), b = (x) => {
+  }), p = (x) => {
     if ((m == null ? void 0 : m(x)) === !1) return;
-    const p = c[x];
-    if (!p) return;
-    const v = p.filename ?? ae(p.src);
-    pn(p.src, v);
+    const b = c[x];
+    if (!b) return;
+    const v = b.filename ?? ae(b.src);
+    bn(b.src, v);
   };
   if (c.length === 0)
     return null;
@@ -3683,16 +3683,16 @@ const zr = ({
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((x, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((x, b) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
           item: x,
-          index: p,
-          onActivate: b,
-          trailingAction: f && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
+          index: b,
+          onActivate: p,
+          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
         },
-        `${x.src}-${p}`
+        `${x.src}-${b}`
       )) })
     }
   );
@@ -3737,7 +3737,7 @@ const zr = ({
 }) => {
   const [o, d] = F(!1), m = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -4130,13 +4130,13 @@ const zr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), g = ke(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ee(
+  const m = Hr({ src: t, alt: s, items: r }), g = ke(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ee(
     d
   );
   if (m.length === 0)
     return null;
   const _ = m.map(
-    (x, p) => Gr(x, p, m.length, o)
+    (x, b) => Gr(x, b, m.length, o)
   );
   return /* @__PURE__ */ h(
     ye,
@@ -4153,7 +4153,7 @@ const zr = ({
             open: u,
             items: _n(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
@@ -4229,7 +4229,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -4253,12 +4253,12 @@ const zr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = ke(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = Ee(
+  const g = ke(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
     d
   ), x = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const p = u.map((v) => ({
+  const b = u.map((v) => ({
     src: v.src,
     filename: v.filename ?? ae(v.src)
   }));
@@ -4287,7 +4287,7 @@ const zr = ({
               variant: g,
               item: v,
               index: M,
-              onActivate: b,
+              onActivate: p,
               trailingAction: N
             },
             `${v.src}-${M}`
@@ -4297,7 +4297,7 @@ const zr = ({
           Jr,
           {
             open: f,
-            items: p,
+            items: b,
             initialIndex: c,
             onClose: _
           }
@@ -4438,13 +4438,13 @@ const zr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ke(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: _ } = Ee(
+  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ke(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
     m
   );
   if (g.length === 0)
     return null;
   const x = g.map(
-    (p, v) => ii(p, v, g.length)
+    (b, v) => ii(b, v, g.length)
   );
   return /* @__PURE__ */ h(
     ye,
@@ -4458,7 +4458,7 @@ const zr = ({
           wn,
           {
             tiles: x,
-            onTileActivate: b,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4557,7 +4557,7 @@ export {
   Ai as F,
   Si as L,
   yi as M,
-  be as a,
+  pe as a,
   se as b,
   rr as c,
   mn as d,
@@ -4584,4 +4584,4 @@ export {
   Jt as y,
   ki as z
 };
-//# sourceMappingURL=index-Dv13-2iu.js.map
+//# sourceMappingURL=index-D9JJLtJg.js.map