@linktr.ee/messaging-react 3.14.4 → 3.14.5

package/dist/{index-BiiMPaUs.js → index-DMYxJz1w.js}

@@ -2,8 +2,8 @@ import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
 import V, { createContext as dt, useContext as Te, useCallback as Q, useState as U, useRef as G, useEffect as K, useId as qs, useMemo as re, Suspense as Ws } from "react";
 import { StreamChatService as Xs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ks, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as _n, MessageInput as qt, useMessageInputContext as wn, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Oe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as _e, FileIcon as us, ImageIcon as On, SpeakerHighIcon as Pn, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Bn, FilePptIcon as Un, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Hn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Yn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as He, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as qt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Oe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as On, SpeakerHighIcon as Pn, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Bn, FilePptIcon as Un, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Hn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Yn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as He, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
 import S from "classnames";
 import { MessageActions as na, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
 const fs = dt({
@@ -38,7 +38,7 @@ const fs = dt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, x] = U(!1), [v, p] = U(null), _ = G(!1), w = G(null), y = G(n);
+  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, x] = U(!1), [v, p] = U(null), w = G(!1), _ = G(null), y = G(n);
   y.current = n;
   const z = G(i);
   z.current = i;
@@ -69,7 +69,7 @@ const fs = dt({
   K(() => {
     const M = R.current, P = y.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), x(!1);
+      _.current = null, m(null), h(null), c(!1), p(null), x(!1);
       return;
     }
     if (!a || !D || !P) {
@@ -89,7 +89,7 @@ const fs = dt({
       debug: z.current,
       client: D
     });
-    w.current = $, m($), l("✅ SERVICE SET", {
+    _.current = $, m($), l("✅ SERVICE SET", {
       renderCount: M,
       serviceInstance: !!$
     });
@@ -101,7 +101,7 @@ const fs = dt({
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: _.current,
+      isConnecting: w.current,
       isConnected: f,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
@@ -110,7 +110,7 @@ const fs = dt({
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (_.current) {
+    if (w.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -122,7 +122,7 @@ const fs = dt({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, x(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, x(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -137,7 +137,7 @@ const fs = dt({
           error: Z
         });
       } finally {
-        x(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        x(!1), w.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: f
         });
@@ -147,7 +147,7 @@ const fs = dt({
     const M = D;
     return () => {
       var P;
-      M && (L.current = null, (P = w.current) == null || P.disconnectUser().catch(console.error));
+      M && (L.current = null, (P = _.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [D]);
   const k = Q(async () => {
@@ -408,10 +408,10 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [x, v] = U(!1), [p, _] = U(null), [w, y] = U(!1), [z, E] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [x, v] = U(!1), [p, w] = U(null), [_, y] = U(!1), [z, E] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
-      v(!1), _(null);
+      v(!1), w(null);
       return;
     }
     let C = !1;
@@ -427,7 +427,7 @@ const ne = ({
       } catch (T) {
         C || console.error(`[${g}] Failed to check blocked status:`, T);
       } finally {
-        C || _({ participantId: c, service: h });
+        C || w({ participantId: c, service: h });
       }
     })(), () => {
       C = !0;
@@ -435,11 +435,11 @@ const ne = ({
   }, [b, h, c, g]), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: R,
-    isLeaving: w,
+    isLeaving: _,
     isUpdatingBlockStatus: z,
     handleLeaveConversation: async () => {
       var C;
-      if (!w) {
+      if (!_) {
         o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), y(!0);
         try {
           const T = ((C = e._client) == null ? void 0 : C.userID) ?? null;
@@ -514,8 +514,8 @@ const ne = ({
 }) => {
   const [f, c] = U(!1), b = G(null), x = qs(), v = Q(() => c(!1), []), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: _,
-    isLeaving: w,
+    isCheckingBlockedStatus: w,
+    isLeaving: _,
     isUpdatingBlockStatus: y,
     handleLeaveConversation: z,
     handleBlockUser: E,
@@ -574,15 +574,15 @@ const ne = ({
             ye,
             {
               onClick: z,
-              disabled: w,
-              "aria-busy": w,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                w ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: _ ? (
+          a && /* @__PURE__ */ s("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ u(ye, { disabled: !0, "aria-busy": !0, children: [
@@ -641,17 +641,17 @@ const ne = ({
   onParticipantNameClick: v
 }) => {
   var D, L, k, I;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var C;
       return Ye(
         (C = p.state) == null ? void 0 : C.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(D = p.state) == null ? void 0 : D.members, _ == null ? void 0 : _.userID, p.type]
-  ), y = ht(w == null ? void 0 : w.user), z = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = mt(p), R = pa((k = p.data) == null ? void 0 : k.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, F = async () => {
+    [(D = p.state) == null ? void 0 : D.members, w == null ? void 0 : w.userID, p.type]
+  ), y = ht(_ == null ? void 0 : _.user), z = (L = _ == null ? void 0 : _.user) == null ? void 0 : L.image, E = mt(p), R = pa((k = p.data) == null ? void 0 : k.customer_tag) && (_ == null ? void 0 : _.is_follower) === !0, F = async () => {
     try {
       E ? await p.unpin() : await p.pin();
     } catch (C) {
@@ -694,7 +694,7 @@ const ne = ({
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
+                  id: ((I = _ == null ? void 0 : _.user) == null ? void 0 : I.id) || p.id || "unknown",
                   name: y,
                   image: z,
                   dmAgentEnabled: r,
@@ -734,7 +734,7 @@ const ne = ({
                   ] })
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: ga })
                 ] })
               ] })
@@ -766,7 +766,7 @@ const ne = ({
             lt,
             {
               channel: p,
-              participant: w,
+              participant: _,
               showDeleteConversation: l,
               showBlockParticipant: d,
               showReportParticipant: m,
@@ -787,7 +787,7 @@ const ne = ({
 function xa(e) {
   return e != null && e.length ? e.some((t) => t.type === ct) ? "down" : e.some((t) => t.type === ot) ? "up" : null : null;
 }
-function _a(e) {
+function wa(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
     () => xa(e.own_reactions),
     [e.own_reactions]
@@ -814,7 +814,7 @@ function _a(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function wa(e) {
+function _a(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function ps({
@@ -822,7 +822,7 @@ function ps({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = wa(t);
+  const n = e == null ? void 0 : e.text, a = _a(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
 const Na = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
@@ -885,7 +885,7 @@ function Ia(e) {
   const t = ce(e);
   return t !== "document" ? Sa[t] : Ea[bs(e)];
 }
-function we(e, t) {
+function _e(e, t) {
   return V.createElement(Ia(e), t);
 }
 const Ta = (e) => {
@@ -903,7 +903,7 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [x, v] = U(a), [p, _] = U(0), [w, y] = U(!1), [z, E] = U(!1), [R, F] = U(!1), [D, L] = U(!1), [k, I] = U(!0), [C, T] = U(null), M = Q(() => {
+  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [x, v] = U(a), [p, w] = U(0), [_, y] = U(!1), [z, E] = U(!1), [R, F] = U(!1), [D, L] = U(!1), [k, I] = U(!0), [C, T] = U(null), M = Q(() => {
     F(!1), v(!0);
   }, []), P = Q((N) => {
     const A = f.current;
@@ -919,7 +919,7 @@ const Ta = (e) => {
   }, []), j = (N) => {
     N.stopPropagation(), y(!0);
     const A = P(N);
-    _(A), $(A);
+    w(A), $(A);
   };
   K(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -930,25 +930,25 @@ const Ta = (e) => {
     }
     const N = () => {
       const A = h.current;
-      A && A.duration && !w && _(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
+      A && A.duration && !_ && w(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
     };
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [x, w]), K(() => {
+  }, [x, _]), K(() => {
     const N = h.current;
     N && (x ? N.play().catch((A) => {
       v(!1), F(!0);
     }) : N.pause());
   }, [x]), K(() => {
-    if (!w) return;
-    const N = (H) => _(P(H)), A = (H) => {
+    if (!_) return;
+    const N = (H) => w(P(H)), A = (H) => {
       y(!1), $(P(H));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [w, P, $]);
+  }, [_, P, $]);
   const Z = C ? { aspectRatio: String(C) } : void 0, ee = C ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
@@ -982,7 +982,7 @@ const Ta = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || k) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
+        !n && (g === "audio" || k) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1001,7 +1001,7 @@ const Ta = (e) => {
             onWaiting: () => L(!0),
             onPlay: () => F(!1),
             onEnded: () => {
-              i || (v(!1), _(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1025,7 +1025,7 @@ const Ta = (e) => {
               N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), _(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1115,7 +1115,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1128,7 +1128,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${z || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${z || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1196,7 +1196,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: we(e, {
+      children: _e(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1213,7 +1213,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: we(e, {
+      children: _e(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1260,7 +1260,7 @@ const Ta = (e) => {
             }
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
-            we(r, {
+            _e(r, {
               className: S(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1285,7 +1285,7 @@ const Ta = (e) => {
     }
   );
 };
-function _s(e) {
+function ws(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ft(e) {
@@ -1330,12 +1330,12 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function ws(e) {
+function _s(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function pt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ws);
+  return (t = e.attachments) == null ? void 0 : t.find(_s);
 }
 async function Pa(e, t) {
   let n;
@@ -1404,7 +1404,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? _s(a) : void 0;
+  const i = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1432,7 +1432,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? _s(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? ws(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1730,7 +1730,7 @@ const ar = {
         rr[e]
       ),
       "aria-hidden": !0,
-      children: we(a, {
+      children: _e(a, {
         className: S("size-6", ir[e]),
         weight: "regular"
       })
@@ -1837,8 +1837,8 @@ const lr = ({
     if ((m == null ? void 0 : m(v)) === !1) return;
     const p = c[v];
     if (!p) return;
-    const _ = p.filename ?? ie(p.src);
-    Cs(p.src, _);
+    const w = p.filename ?? ie(p.src);
+    Cs(p.src, w);
   };
   if (c.length === 0)
     return null;
@@ -1877,7 +1877,7 @@ const lr = ({
   Composer: cr,
   Sent: dr,
   Received: ur
-}, _t = ({
+}, wt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1988,7 +1988,7 @@ const lr = ({
       ]
     }
   );
-}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), wt = ({
+}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), _t = ({
   length: e,
   initialIndex: t,
   open: n
@@ -2109,7 +2109,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = wt({
+  const { index: r, prev: i, next: o } = _t({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2148,7 +2148,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          _t,
+          wt,
           {
             onPrev: i,
             onNext: o,
@@ -2336,17 +2336,17 @@ const lr = ({
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), _r = {
+}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), wr = {
   Composer: br,
   Sent: vr,
   Received: xr
-}, wr = ({
+}, _r = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = wt({
+  const { index: r, prev: i, next: o } = _t({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2377,7 +2377,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          _t,
+          wt,
           {
             onPrev: i,
             onNext: o,
@@ -2435,9 +2435,9 @@ const lr = ({
   ), v = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const p = h.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? ie(_.src)
+  const p = h.map((w) => ({
+    src: w.src,
+    filename: w.filename ?? ie(w.src)
   }));
   return /* @__PURE__ */ u(
     Me,
@@ -2447,11 +2447,11 @@ const lr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const y = _.filename ?? ie(_.src), z = v && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((w, _) => {
+          const y = w.filename ?? ie(w.src), z = v && _ === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ss,
             {
-              url: _.src,
+              url: w.src,
               filename: y,
               variant: "inline",
               label: `Download ${y}`,
@@ -2462,16 +2462,16 @@ const lr = ({
             kr,
             {
               variant: g,
-              item: _,
-              index: w,
+              item: w,
+              index: _,
               onActivate: b,
               trailingAction: z
             },
-            `${_.src}-${w}`
+            `${w.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ s(
-          wr,
+          _r,
           {
             open: f,
             items: p,
@@ -2492,7 +2492,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = wt({
+  const { index: r, prev: i, next: o } = _t({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2525,7 +2525,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          _t,
+          wt,
           {
             onPrev: i,
             onNext: o,
@@ -2621,7 +2621,7 @@ const lr = ({
   if (g.length === 0)
     return null;
   const v = g.map(
-    (p, _) => Mr(p, _, g.length)
+    (p, w) => Mr(p, w, g.length)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2656,7 +2656,7 @@ const lr = ({
   Sent: Dr,
   Received: zr
 }, ke = {
-  Image: _r,
+  Image: wr,
   Video: Or,
   Audio: Qa,
   Pdf: Ir,
@@ -2669,7 +2669,7 @@ const lr = ({
 function $r(e) {
   return Te(zs)[e] ?? Fr[e];
 }
-const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-CZq9t0G_.js")), jr = () => /* @__PURE__ */ s(
+const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-Dy9dBg7f.js")), jr = () => /* @__PURE__ */ s(
   "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)]",
@@ -3014,7 +3014,7 @@ const ei = {
               "flex h-full w-full items-center justify-center",
               ii[e]
             ),
-            children: we(r, {
+            children: _e(r, {
               className: li[e],
               weight: "regular"
             })
@@ -3431,8 +3431,8 @@ const vi = ({
   };
   return r.forEach((x, v) => {
     if (x.type === "link") {
-      x.attachments.forEach((p, _) => {
-        f(p, `link-${v}-${_}`);
+      x.attachments.forEach((p, w) => {
+        f(p, `link-${v}-${w}`);
       });
       return;
     }
@@ -3485,7 +3485,7 @@ const vi = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: y, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = U(!1), D = tn(c.id), { selected: L, voteUp: k, voteDown: I } = _a(c), {
+  } = e, { client: p } = fe("CustomMessage"), { channel: w } = oe("CustomMessage"), { isUnlocking: _, onUnlockClick: y, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = U(!1), D = tn(c.id), { selected: L, voteUp: k, voteDown: I } = wa(c), {
     Attachment: C = sn,
     EditMessageModal: T = nn,
     MessageActions: M,
@@ -3503,7 +3503,7 @@ const vi = ({
   ), B = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Be(c)) return be;
-    const Gt = be.filter((Ht) => !("type" in Ht) || !ws(Ht));
+    const Gt = be.filter((Ht) => !("type" in Ht) || !_s(Ht));
     return Gt.length === be.length ? be : Gt;
   }, [c]), W = re(
     () => Fs(B),
@@ -3558,7 +3558,7 @@ const vi = ({
     amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
     detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
-    onFetchSource: z ? () => z(c, _) : void 0
+    onFetchSource: z ? () => z(c, w) : void 0
   };
   return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
@@ -3626,8 +3626,8 @@ const vi = ({
                   {
                     ...Rt,
                     isMine: !1,
-                    isUnlocking: w(c.id),
-                    onUnlockClick: () => y == null ? void 0 : y(c, _)
+                    isUnlocking: _(c.id),
+                    onUnlockClick: () => y == null ? void 0 : y(c, w)
                   }
                 ),
                 !se && M && /* @__PURE__ */ s(M, {})
@@ -3639,16 +3639,16 @@ const vi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => y ? y(c, _) : void 0
+                      onPreviewClick: () => y ? y(c, w) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
                     {
                       ...Lt,
                       isMine: !1,
-                      isUnlocking: w(c.id),
-                      onUnlockClick: () => y ? y(c, _) : void 0,
-                      onDownloadClick: () => E ? E(c, _) : void 0
+                      isUnlocking: _(c.id),
+                      onUnlockClick: () => y ? y(c, w) : void 0,
+                      onDownloadClick: () => E ? E(c, w) : void 0
                     }
                   ),
                   !se && M && /* @__PURE__ */ s(M, {})
@@ -3741,12 +3741,12 @@ const vi = ({
       c.id
     )
   ] });
-}, _i = V.memo(
+}, wi = V.memo(
   xi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : en(e, t)
-), wi = (e) => {
+), _i = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(_i, { ...t, ...e });
+  return /* @__PURE__ */ s(wi, { ...t, ...e });
 }, Ni = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
@@ -3829,7 +3829,7 @@ const vi = ({
     (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
 }), Ei = () => {
-  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = _n(
+  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = wn(
     e.state,
     Si
   ), n = (r) => {
@@ -3844,7 +3844,7 @@ const vi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
 }, Ve = V.createContext(!1), Ii = 200, xl = () => Te(Ve), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
@@ -3857,7 +3857,7 @@ const vi = ({
     children: /* @__PURE__ */ s(ta, { weight: "bold", className: "size-4" })
   }
 ), as = () => {
-  const e = Te(Ve), { handleSubmit: t } = wn(), n = Nn(), a = e || !n, {
+  const e = Te(Ve), { handleSubmit: t } = _n(), n = Nn(), a = e || !n, {
     SendButton: r = Ti,
     AttachmentPreviewList: i = yn
   } = cs("CustomMessageInput");
@@ -3870,39 +3870,55 @@ const vi = ({
     // content height and the squeeze never reaches the preview list. Stream's
     // <MessageInput> renders its Input directly (context providers only, no
     // wrapper element), so this is a direct flex item of that row.
+    //
+    // The container itself carries no padding of its own: it used to (p-2),
+    // but that inset now lives on the textarea as padding instead, so the
+    // textarea's actual (clickable) box is as large as the container — save
+    // for the small margin and the send button on the right (MES-1325).
+    // Visually nothing moves; the container ends up exactly the size of the
+    // textarea + send button row it contains.
+    //
+    // Some hosts portal staged-media thumbnails (e.g. ComposerPendingMediaPortal,
+    // see this component's stories) straight into `.central-container` rather
+    // than through this React tree, bypassing the two wrappers below. The
+    // `[&>:not(...)]:p-2` variant restores the container's old inset for any
+    // such foreign direct child, without re-adding it to our own wrappers.
     /* @__PURE__ */ u(
       "div",
       {
-        className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
+        className: "central-container flex min-h-0 flex-col min-w-0 w-full self-stretch bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(kn, {}),
-          /* @__PURE__ */ s(Ei, {}),
-          /* @__PURE__ */ s(i, {}),
-          /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
-            /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
+          /* @__PURE__ */ u("div", { className: "messaging-composer-previews empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
+            /* @__PURE__ */ s(kn, {}),
+            /* @__PURE__ */ s(Ei, {}),
+            /* @__PURE__ */ s(i, {})
+          ] }),
+          /* @__PURE__ */ u("div", { className: "messaging-composer-row flex shrink-0 items-start", children: [
+            /* @__PURE__ */ s(
               Cn,
               {
                 "aria-disabled": e || void 0,
-                className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
+                containerClassName: "min-w-0 flex-1 leading-[0]",
+                className: "w-full resize-none bg-transparent py-3.5 pl-4 pr-4 outline-none leading-5 placeholder:text-black/30 text-sm",
                 autoFocus: !e,
                 enterKeyHint: "send",
                 maxRows: 4,
                 readOnly: e,
                 tabIndex: e ? -1 : void 0
               }
-            ) }),
-            /* @__PURE__ */ s(
+            ),
+            /* @__PURE__ */ s("div", { className: "mt-auto mb-2 mr-2 shrink-0", children: /* @__PURE__ */ s(
               r,
               {
                 sendMessage: t,
                 "aria-label": "Send",
-                className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
+                className: "str-chat__send-button relative flex justify-center items-center rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring before:absolute before:-inset-2 before:content-['']",
                 "data-testid": "send-button",
                 disabled: a,
                 type: "button"
               }
-            )
+            ) })
           ] })
         ]
       }
@@ -3928,13 +3944,13 @@ const vi = ({
     const b = () => {
       const v = h.offsetHeight, p = v > c;
       c = v;
-      const _ = Array.from(
+      const w = Array.from(
         f.querySelectorAll(".str-chat__list")
-      ).find((y) => y.scrollHeight > y.clientHeight) ?? null, w = _ ? _.scrollHeight - _.scrollTop - _.clientHeight < Ii : !1;
+      ).find((y) => y.scrollHeight > y.clientHeight) ?? null, _ = w ? w.scrollHeight - w.scrollTop - w.clientHeight < Ii : !1;
       f.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
-      ), p && w && _ && (_.scrollTop = _.scrollHeight);
+      ), p && _ && w && (w.scrollTop = w.scrollHeight);
     };
     if (b(), typeof ResizeObserver > "u")
       return;
@@ -4086,7 +4102,7 @@ const vi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              _e,
+              we,
               {
                 size: 16,
                 weight: "regular",
@@ -4169,13 +4185,13 @@ const vi = ({
     return null;
   const m = e ? [] : Object.values(i).filter(
     ({ parent_id: v, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !v;
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
     }
   ), g = e ? Object.values(i).filter(
     ({ parent_id: v, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && v === (a == null ? void 0 : a.id);
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? g : m;
   if (!h.length)
@@ -4311,19 +4327,19 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: v
 }) => {
   var I, C, T, M, P, $;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var j;
       return Ye(
         (j = p.state) == null ? void 0 : j.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
-  ), y = ht(w == null ? void 0 : w.user), z = (C = w == null ? void 0 : w.user) == null ? void 0 : C.image, E = mt(p), R = v == null ? void 0 : v({
+    [(I = p.state) == null ? void 0 : I.members, w == null ? void 0 : w.userID, p.type]
+  ), y = ht(_ == null ? void 0 : _.user), z = (C = _ == null ? void 0 : _.user) == null ? void 0 : C.image, E = mt(p), R = v == null ? void 0 : v({
     channel: p,
-    participant: w
+    participant: _
   }), F = "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", D = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: y }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
@@ -4372,7 +4388,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ s(
                   ne,
                   {
-                    id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
+                    id: ((T = _ == null ? void 0 : _.user) == null ? void 0 : T.id) || p.id || "unknown",
                     name: y,
                     image: z,
                     starred: n && E,
@@ -4385,7 +4401,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: Fe })
                 ] })
               ]
@@ -4394,7 +4410,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ s(
               ne,
               {
-                id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
+                id: ((M = _ == null ? void 0 : _.user) == null ? void 0 : M.id) || p.id || "unknown",
                 name: y,
                 image: z,
                 starred: n && E,
@@ -4413,7 +4429,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { children: Fe })
             ] })
           ] })
@@ -4443,7 +4459,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4487,7 +4503,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((P = w == null ? void 0 : w.user) == null ? void 0 : P.id) || p.id || "unknown",
+                  id: ((P = _ == null ? void 0 : _.user) == null ? void 0 : P.id) || p.id || "unknown",
                   name: y,
                   image: z,
                   starred: n && E,
@@ -4501,7 +4517,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
                 ] })
               ] })
@@ -4511,7 +4527,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ s(
             ne,
             {
-              id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
+              id: (($ = _ == null ? void 0 : _.user) == null ? void 0 : $.id) || p.id || "unknown",
               name: y,
               image: z,
               starred: n && E,
@@ -4531,7 +4547,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
             ] })
           ] })
@@ -4561,7 +4577,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4596,8 +4612,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showStarButton: x = !1,
   chatbotVotingEnabled: v = !1,
   renderChannelBanner: p,
-  renderHeaderTitleBadges: _,
-  customChannelActions: w,
+  renderHeaderTitleBadges: w,
+  customChannelActions: _,
   renderChannelActions: y,
   renderMessage: z,
   dmAgentEnabled: E = !1,
@@ -4643,14 +4659,14 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
       onReportParticipantClick: g,
-      customChannelActions: w,
+      customChannelActions: _,
       renderChannelActions: y,
       onParticipantNameClick: D
     }
   ) : null, X = Q(
     (Y) => {
       const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
-        wi,
+        _i,
         {
           ...Y,
           chatbotVotingEnabled: v,
@@ -4688,9 +4704,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onDeleteConversationClick: d,
               onBlockParticipantClick: m,
               onReportParticipantClick: g,
-              customChannelActions: w,
+              customChannelActions: _,
               renderChannelActions: y,
-              renderHeaderTitleBadges: _
+              renderHeaderTitleBadges: w
             }
           ) }, "lt-channel-header"),
           Z
@@ -4799,8 +4815,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showReportParticipant: x = !0,
     composerDisabled: v = !1,
     composerDisabledReason: p,
-    dmAgentEnabled: _,
-    messageMetadata: w,
+    dmAgentEnabled: w,
+    messageMetadata: _,
     onMessageSent: y,
     showStarButton: z = !1,
     chatbotVotingEnabled: E = !1,
@@ -4820,13 +4836,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     const Z = Q(
       async (X, N, A) => {
         var J;
-        const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = _ && !H, Y = {
+        const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = w && !H, Y = {
           ...N,
           ...q && { silent: !0 },
-          ...w && {
+          ..._ && {
             metadata: {
               ...N.metadata ?? {},
-              ...w
+              ..._
             }
           }
         }, B = {
@@ -4835,7 +4851,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         }, W = await e.sendMessage(Y, B);
         return y == null || y(W), W;
       },
-      [e, _, w, y]
+      [e, w, _, y]
     ), ee = G(null);
     return K(() => {
       if (!I) return;
@@ -4856,7 +4872,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s($s.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s($s.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
           In,
           {
             channel: e,
@@ -4888,7 +4904,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabled: v,
                 composerDisabledReason: p,
                 showStarButton: z,
-                dmAgentEnabled: _,
+                dmAgentEnabled: w,
                 chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: F,
@@ -4923,7 +4939,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const _l = ({
+const wl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4942,8 +4958,8 @@ const _l = ({
   renderChannelBanner: x,
   customChannelActions: v,
   renderChannelActions: p,
-  onParticipantNameClick: _,
-  renderMessage: w,
+  onParticipantNameClick: w,
+  renderMessage: _,
   onMessageLinkClick: y,
   showChannelInfo: z,
   composerInput: E
@@ -5059,8 +5075,8 @@ const _l = ({
       renderHeaderTitleBadges: b,
       customChannelActions: v,
       renderChannelActions: p,
-      onParticipantNameClick: _,
-      renderMessage: w,
+      onParticipantNameClick: w,
+      renderMessage: _,
       onMessageLinkClick: y,
       showChannelInfo: z,
       composerInput: E
@@ -5141,7 +5157,7 @@ const Us = V.createContext({
         for (let C = k.length - 1; C >= 0; C--)
           if (k[C].type !== "system") return k[C];
       }
-    })(), w = (() => {
+    })(), _ = (() => {
       var M;
       const k = ps({
         message: p,
@@ -5160,7 +5176,7 @@ const Us = V.createContext({
       if (k) return k;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), y = p != null && p.created_at ? Qi(new Date(p.created_at)) : "", z = p ? Be(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), y = p != null && p.created_at ? Qi(new Date(p.created_at)) : "", z = p ? Be(p) : !1, E = l ? l(p, _) : `${z ? "✨ " : ""}${_}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -5241,9 +5257,9 @@ const el = { last_message_at: -1 }, tl = V.memo(
     onAddedToChannel: v,
     onChannelUpdated: p
   }) => {
-    const _ = V.useRef(0);
-    _.current++;
-    const { debug: w = !1 } = ut(), y = V.useCallback(
+    const w = V.useRef(0);
+    w.current++;
+    const { debug: _ = !1 } = ut(), y = V.useCallback(
       (E) => {
         for (const R of E)
           Xi(R);
@@ -5251,8 +5267,8 @@ const el = { last_message_at: -1 }, tl = V.memo(
       },
       [r]
     );
-    w && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: _.current,
+    _ && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: w.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
@@ -5260,7 +5276,7 @@ const el = { last_message_at: -1 }, tl = V.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: w,
+        debug: _,
         channelPreview: m,
         renderMessagePreview: g,
         viewerLanguage: h
@@ -5268,7 +5284,7 @@ const el = { last_message_at: -1 }, tl = V.memo(
       [
         t,
         e,
-        w,
+        _,
         m,
         g,
         h
@@ -5373,7 +5389,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), il = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
+), il = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), _l = {
   Sent: il,
   Received: rl
 }, ll = ({
@@ -5448,7 +5464,7 @@ export {
   xl as E,
   Nl as F,
   $r as G,
-  _a as H,
+  wa as H,
   aa as I,
   es as L,
   bl as M,
@@ -5461,22 +5477,22 @@ export {
   ce as g,
   Pe as h,
   ke as i,
-  wl as j,
+  _l as j,
   Xr as k,
   pl as l,
-  _l as m,
+  wl as m,
   nr as n,
   he as o,
   er as p,
   Qi as q,
-  we as r,
+  _e as r,
   sr as s,
   ps as t,
-  ws as u,
+  _s as u,
   oa as v,
   qa as w,
-  wa as x,
+  _a as x,
   Ye as y,
   pt as z
 };
-//# sourceMappingURL=index-BiiMPaUs.js.map
+//# sourceMappingURL=index-DMYxJz1w.js.map