@linktr.ee/messaging-react 3.3.5 → 3.3.6-rc-1780987607

package/dist/{index-D7eRkXoG.js → index-C2wfgpUU.js}

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import $, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
-import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as ds, SpinnerGapIcon as Ce, SignOutIcon as us, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as ms, SpeakerHighIcon as hs, VideoCameraIcon as Gt, FileMdIcon as fs, FileTextIcon as gs, FileZipIcon as bs, FilePptIcon as ps, FileCsvIcon as vs, FileXlsIcon as xs, FileDocIcon as ws, FilePdfIcon as Ns, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as _s, LinkIcon as ys, DownloadSimpleIcon as be, GiftIcon as Cs, ThumbsUpIcon as ks, ThumbsDownIcon as Es, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Is, SparkleIcon as Ue, ProhibitIcon as Ts, ArrowLeftIcon as Mt, PencilSimpleIcon as As, CaretLeftIcon as Ms, CaretRightIcon as Rs } from "@phosphor-icons/react";
+import j, { createContext as Ge, useContext as Te, useCallback as W, useState as O, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
+import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, defaultRenderMessages as cs, ChannelList as ds } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as us, SpinnerGapIcon as Ce, SignOutIcon as ms, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as Gt, FileMdIcon as gs, FileTextIcon as bs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as xs, FileXlsIcon as ws, FileDocIcon as Ns, FilePdfIcon as _s, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as ys, LinkIcon as Cs, DownloadSimpleIcon as be, GiftIcon as ks, ThumbsUpIcon as Es, ThumbsDownIcon as Is, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Ts, SparkleIcon as Ue, ProhibitIcon as As, ArrowLeftIcon as Mt, PencilSimpleIcon as Ms, CaretLeftIcon as Rs, CaretRightIcon as Ls } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as Ls, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
+import { MessageActions as Ds, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Rt } from "stream-chat";
 const Yt = Ge({
   service: null,
@@ -16,7 +16,7 @@ const Yt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Te(Yt), wi = ({
+}), qe = () => Te(Yt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -36,14 +36,14 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = P(null), [m, b] = P(null), [u, f] = P(!1), [c, g] = P(!1), [p, v] = P(null), N = H(!1), x = H({
+  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), N = H(!1), x = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), S = H(0);
-  S.current++, o("📊 RENDER INFO", {
-    renderCount: S.current,
+  }), I = H(0);
+  I.current++, o("📊 RENDER INFO", {
+    renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: x.current.userId !== (t == null ? void 0 : t.id),
@@ -57,7 +57,7 @@ const Yt = Ge({
     serviceConfig: s,
     capabilities: r
   }, Y(() => {
-    const k = S.current;
+    const k = I.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: k,
       apiKey: !!a,
@@ -80,7 +80,7 @@ const Yt = Ge({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: x.current.serviceConfig !== s
     });
-    const T = new Sn({
+    const T = new In({
       ...s,
       apiKey: a,
       debug: i
@@ -124,13 +124,13 @@ const Yt = Ge({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const I = await l.connectUser(t);
-        b(I), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const S = await l.connectUser(t);
+        b(S), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: I.userID
+          clientId: S.userID
         });
-      } catch (I) {
-        const R = I instanceof Error ? I.message : "Connection failed";
+      } catch (S) {
+        const R = S instanceof Error ? S.message : "Connection failed";
         v(R), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: R
@@ -176,7 +176,7 @@ const Yt = Ge({
     } finally {
       g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), D = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), P = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,11 +204,11 @@ const Yt = Ge({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: S.current,
+    renderCount: I.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
-    In,
+    contextValueReady: !!P
+  }), /* @__PURE__ */ n(Yt.Provider, { value: P, children: m && u ? /* @__PURE__ */ n(
+    Sn,
     {
       client: m,
       customClasses: {
@@ -217,9 +217,9 @@ const Yt = Ge({
       children: e
     }
   ) : e });
-}, Ds = () => qe(), qt = (e) => {
+}, Ps = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = P(
+  const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return Y(() => {
@@ -239,13 +239,13 @@ const Yt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Ps = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function Os(e) {
-  return Ps.test(e.trim());
+}, Os = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function zs(e) {
+  return Os.test(e.trim());
 }
 function Lt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !Os(s);
+  return !s || t && s === t ? !1 : !zs(s);
 }
 function Wt(e) {
   return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -278,7 +278,7 @@ const Dt = [
   "🍈"
   // Melon
 ];
-function zs(e) {
+function $s(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,8 +286,8 @@ function zs(e) {
   }
   return Math.abs(t);
 }
-function $s(e) {
-  const s = zs(e) % Dt.length;
+function Fs(e) {
+  const s = $s(e) % Dt.length;
   return Dt[s];
 }
 const ae = ({
@@ -299,7 +299,7 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = $s(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Fs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -361,7 +361,7 @@ const ae = ({
       ]
     }
   );
-}, Fs = "https://linktr.ee/s/about/trust-center/report", Bs = ({
+}, Bs = "https://linktr.ee/s/about/trust-center/report", Us = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -374,8 +374,8 @@ const ae = ({
   onActionComplete: m,
   logLabel: b = "useChannelModerationActions"
 }) => {
-  var F;
-  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = P(!1), [N, x] = P(null), [S, E] = P(!1), [M, D] = P(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
+  var $;
+  const { service: u, debug: f } = qe(), c = ($ = t == null ? void 0 : t.user) == null ? void 0 : $.id, g = !!(a && s && u && c), [p, v] = O(!1), [N, x] = O(null), [I, E] = O(!1), [M, P] = O(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
   return Y(() => {
     if (!g || !u || !c) {
       v(!1), x(null);
@@ -384,15 +384,15 @@ const ae = ({
     let A = !1;
     return (async () => {
       try {
-        const L = await u.getBlockedUsers();
+        const D = await u.getBlockedUsers();
         if (A) return;
         v(
-          L.some(
+          D.some(
             (z) => z.blocked_user_id === c
           )
         );
-      } catch (L) {
-        A || console.error(`[${b}] Failed to check blocked status:`, L);
+      } catch (D) {
+        A || console.error(`[${b}] Failed to check blocked status:`, D);
       } finally {
         A || x({ participantId: c, service: u });
       }
@@ -402,50 +402,50 @@ const ae = ({
   }, [g, u, c, b]), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: k,
-    isLeaving: S,
+    isLeaving: I,
     isUpdatingBlockStatus: M,
     handleLeaveConversation: async () => {
       var A;
-      if (!S) {
+      if (!I) {
         o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), E(!0);
         try {
-          const L = ((A = e._client) == null ? void 0 : A.userID) ?? null;
-          await e.hide(L, !1), r && await r(e), m == null || m();
-        } catch (L) {
-          console.error(`[${b}] Failed to leave conversation`, L);
+          const D = ((A = e._client) == null ? void 0 : A.userID) ?? null;
+          await e.hide(D, !1), r && await r(e), m == null || m();
+        } catch (D) {
+          console.error(`[${b}] Failed to leave conversation`, D);
         } finally {
           E(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var A, L, z;
+      var A, D, z;
       if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Block member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
+        l == null || l(), f && console.log(`[${b}] Block member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), P(!0);
         try {
-          await u.blockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
-        } catch (V) {
-          console.error(`[${b}] Failed to block member`, V);
+          await u.blockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+        } catch (G) {
+          console.error(`[${b}] Failed to block member`, G);
         } finally {
-          D(!1);
+          P(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var A, L, z;
+      var A, D, z;
       if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Unblock member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
+        l == null || l(), f && console.log(`[${b}] Unblock member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), P(!0);
         try {
-          await u.unBlockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
-        } catch (V) {
-          console.error(`[${b}] Failed to unblock member`, V);
+          await u.unBlockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+        } catch (G) {
+          console.error(`[${b}] Failed to unblock member`, G);
         } finally {
-          D(!1);
+          P(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Fs, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Bs, "_blank", "noopener,noreferrer");
     }
   };
 }, he = ({
@@ -479,16 +479,16 @@ const ae = ({
   customChannelActions: b,
   triggerClassName: u
 }) => {
-  const [f, c] = P(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
+  const [f, c] = O(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
     isParticipantBlocked: N,
     isCheckingBlockedStatus: x,
-    isLeaving: S,
+    isLeaving: I,
     isUpdatingBlockStatus: E,
     handleLeaveConversation: M,
-    handleBlockUser: D,
+    handleBlockUser: P,
     handleUnblockUser: k,
     handleReportUser: T
-  } = Bs({
+  } = Us({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -503,13 +503,13 @@ const ae = ({
   });
   return Y(() => {
     if (!f) return;
-    const I = (F) => {
-      g.current && !g.current.contains(F.target) && c(!1);
-    }, R = (F) => {
-      F.key === "Escape" && c(!1);
+    const S = ($) => {
+      g.current && !g.current.contains($.target) && c(!1);
+    }, R = ($) => {
+      $.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", I), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", I), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", S), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", R);
     };
   }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -520,9 +520,9 @@ const ae = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? p : void 0,
-        onClick: () => c((I) => !I),
+        onClick: () => c((S) => !S),
         children: [
-          /* @__PURE__ */ n(ds, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(us, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -541,10 +541,10 @@ const ae = ({
             he,
             {
               onClick: M,
-              disabled: S,
-              "aria-busy": S,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(us, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ms, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -570,7 +570,7 @@ const ae = ({
           ) : /* @__PURE__ */ h(
             he,
             {
-              onClick: D,
+              onClick: P,
               disabled: E,
               "aria-busy": E,
               children: [
@@ -588,13 +588,13 @@ const ae = ({
       }
     )
   ] });
-}, Us = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
-function js(e) {
+}, js = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
+function Vs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
-function Vs(e) {
+function Gs(e) {
   const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
-    () => js(e.own_reactions),
+    () => Vs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (s != null && s.userID)
@@ -619,7 +619,7 @@ function Vs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Gs(e) {
+function Hs(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Xt({
@@ -627,16 +627,16 @@ function Xt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Gs(t);
+  const s = e == null ? void 0 : e.text, a = Hs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Hs = $.lazy(() => import("./Card-CVZzYmYW.js")), Ys = $.lazy(() => import("./Card-DzjYyrie.js")), qs = $.lazy(() => import("./Card-B9QrjooN.js")), We = () => /* @__PURE__ */ n(
+const Ys = j.lazy(() => import("./Card-DE5bfj0l.js")), qs = j.lazy(() => import("./Card-C4ncqjxJ.js")), Ws = j.lazy(() => import("./Card-IjOI7UXs.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), Ws = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Xs = Kt, Ks = Jt, Ot = { Composer: Ws, Sent: Kt, Received: Jt, Creator: Xs, Visitor: Ks }, Js = [
+), Xs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Ks = Kt, Js = Jt, Ot = { Composer: Xs, Sent: Kt, Received: Jt, Creator: Ks, Visitor: Js }, Zs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -650,38 +650,38 @@ function ne(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
-  const t = Js.find(
+  const t = Zs.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Zs = {
+const Qs = {
   video: Gt,
-  audio: hs,
-  image: ms,
+  audio: fs,
+  image: hs,
   document: Vt
-}, Qs = {
-  pdf: Ns,
-  doc: ws,
-  xls: xs,
-  csv: vs,
-  ppt: ps,
-  zip: bs,
-  text: gs,
-  markdown: fs,
+}, ea = {
+  pdf: _s,
+  doc: Ns,
+  xls: ws,
+  csv: xs,
+  ppt: vs,
+  zip: ps,
+  text: bs,
+  markdown: gs,
   generic: Vt
 };
-function ea(e) {
+function ta(e) {
   const t = ne(e);
-  return t !== "document" ? Zs[t] : Qs[Zt(e)];
+  return t !== "document" ? Qs[t] : ea[Zt(e)];
 }
 function le(e, t) {
-  return $.createElement(ea(e), t);
+  return j.createElement(ta(e), t);
 }
-const ta = (e) => {
+const na = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, na = ({
+}, sa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -693,23 +693,23 @@ const ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = P(a), [N, x] = P(0), [S, E] = P(!1), [M, D] = P(!1), [k, T] = P(!1), [_, I] = P(!1), [R, F] = P(!0), [A, L] = P(null), z = W(() => {
+  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = O(a), [N, x] = O(0), [I, E] = O(!1), [M, P] = O(!1), [k, T] = O(!1), [_, S] = O(!1), [R, $] = O(!0), [A, D] = O(null), z = W(() => {
     T(!1), v(!0);
-  }, []), V = W((w) => {
+  }, []), G = W((w) => {
     const C = f.current;
     if (!C) return 0;
-    const j = C.getBoundingClientRect();
+    const U = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ta(w) - j.left) / j.width)
+      Math.min(1, (na(w) - U.left) / U.width)
     );
-  }, []), B = W((w) => {
+  }, []), F = W((w) => {
     const C = u.current;
     C && C.duration && (C.currentTime = w * C.duration);
-  }, []), U = (w) => {
+  }, []), B = (w) => {
     w.stopPropagation(), E(!0);
-    const C = V(w);
-    x(C), B(C);
+    const C = G(w);
+    x(C), F(C);
   };
   Y(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
@@ -720,32 +720,32 @@ const ta = (e) => {
     }
     const w = () => {
       const C = u.current;
-      C && C.duration && !S && x(C.currentTime / C.duration), c.current = requestAnimationFrame(w);
+      C && C.duration && !I && x(C.currentTime / C.duration), c.current = requestAnimationFrame(w);
     };
     return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, S]), Y(() => {
+  }, [p, I]), Y(() => {
     const w = u.current;
     w && (p ? w.play().catch((C) => {
       v(!1), T(!0);
     }) : w.pause());
   }, [p]), Y(() => {
-    if (!S) return;
-    const w = (j) => x(V(j)), C = (j) => {
-      E(!1), B(V(j));
+    if (!I) return;
+    const w = (U) => x(G(U)), C = (U) => {
+      E(!1), F(G(U));
     };
     return window.addEventListener("mousemove", w), window.addEventListener("mouseup", C), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", C), () => {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", C);
     };
-  }, [S, V, B]);
-  const X = A ? { aspectRatio: String(A) } : void 0, G = A ? "" : " aspect-video", O = Math.round(N * 100);
+  }, [I, G, F]);
+  const X = A ? { aspectRatio: String(A) } : void 0, V = A ? "" : " aspect-video", L = Math.round(N * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${G}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${V}`,
       style: X,
       onClick: (w) => {
         if (m) {
@@ -784,11 +784,11 @@ const ta = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => S(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              S(!1), $(!1);
             },
-            onWaiting: () => I(!0),
+            onWaiting: () => S(!0),
             onPlay: () => T(!1),
             onEnded: () => {
               i || (v(!1), x(0));
@@ -804,15 +804,15 @@ const ta = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => S(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              S(!1), $(!1);
             },
-            onWaiting: () => I(!0),
+            onWaiting: () => S(!0),
             onPlay: () => T(!1),
             onLoadedMetadata: () => {
               const w = u.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && L(w.videoWidth / w.videoHeight);
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && D(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), x(0));
@@ -848,23 +848,23 @@ const ta = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": O,
+            "aria-valuenow": L,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: U,
-            onTouchStart: U,
+            onMouseDown: B,
+            onTouchStart: B,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && B(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+              w.key === "ArrowRight" && F(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, N - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${O}%` }
+                style: { width: `${L}%` }
               }
             ) })
           }
@@ -879,7 +879,7 @@ const ta = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(_s, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: p ? /* @__PURE__ */ n(ys, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -887,30 +887,30 @@ const ta = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": O,
+              "aria-valuenow": L,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: U,
-              onTouchStart: U,
+              onMouseDown: B,
+              onTouchStart: B,
               onClick: (w) => w.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
+              onMouseEnter: () => P(!0),
+              onMouseLeave: () => P(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && B(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+                w.key === "ArrowRight" && F(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || S ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || I ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${O}%` }
+                        style: { width: `${L}%` }
                       }
                     )
                   }
@@ -918,8 +918,8 @@ const ta = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${O}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${L}%` }
                   }
                 )
               ]
@@ -929,7 +929,7 @@ const ta = (e) => {
       ]
     }
   );
-}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", sa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -938,9 +938,9 @@ const ta = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ne(e), [d, m] = P(!1);
+  const l = ne(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    na,
+    sa,
     {
       source: t,
       mimeType: e,
@@ -991,7 +991,7 @@ const ta = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${sa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${aa(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1081,23 +1081,23 @@ function tn(e) {
 function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function aa(e) {
+function ra(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ra(e) {
+function ia(e) {
   return e ? "text-white" : "text-black";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function la(e) {
+function ca(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ke = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h($.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1108,14 +1108,14 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${aa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ys, { className: `size-12 ${la(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ra(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Cs, { className: `size-12 ${ca(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ra(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ia(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${oa(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ia(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${oa(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${la(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1127,7 +1127,7 @@ function Je(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
-async function ca(e, t) {
+async function da(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1139,11 +1139,11 @@ async function ca(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const da = ({
+const ua = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = P(!1);
+  const [s, a] = O(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1151,7 +1151,7 @@ const da = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ca(e, t).then(() => {
+        a(!0), da(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1159,7 +1159,7 @@ const da = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h($.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1241,10 +1241,10 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(da, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ua, { url: e, filename: s })
     }
   );
-}, ua = ({
+}, ma = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1275,7 +1275,7 @@ const sn = ({
       }
     )
   ] });
-}, ma = ({
+}, ha = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1283,7 +1283,7 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, ha = ({
+}, fa = ({
   message: e
 }) => {
   const t = Je(e);
@@ -1291,18 +1291,18 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, Ni = Object.assign(ua, {
-  Creator: ma,
-  Visitor: ha
-}), fa = {
+}, _i = Object.assign(ma, {
+  Creator: ha,
+  Visitor: fa
+}), ga = {
   isUnlocking: () => !1
-}, ga = {
-  LockedAttachment: fa
-}, rn = Ge({}), _i = rn.Provider;
-function ba(e) {
-  return Te(rn)[e] ?? ga[e];
+}, ba = {
+  LockedAttachment: ga
+}, rn = Ge({}), yi = rn.Provider;
+function pa(e) {
+  return Te(rn)[e] ?? ba[e];
 }
-const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1319,19 +1319,19 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), va = (e) => {
+), xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, xa = (e) => {
+}, wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, wa = (e) => {
+}, Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => va(e) || xa(e), Na = (e) => {
+}, on = (e) => xa(e) || wa(e), _a = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
@@ -1349,7 +1349,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", g = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Cs, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(ks, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: g })
     ] });
   }
@@ -1357,7 +1357,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(pa, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(va, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
     m,
     b
@@ -1365,7 +1365,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     b,
     m
   ] }) });
-}, _a = ({
+}, ya = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1381,7 +1381,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1395,10 +1395,10 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), ya = (e) => {
+] }), Ca = (e) => {
   var ht, ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
@@ -1417,26 +1417,26 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: S, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = ba("LockedAttachment"), [k, T] = P(!1), _ = Mn(c.id), { selected: I, voteUp: R, voteDown: F } = Vs(c), {
+  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: P } = pa("LockedAttachment"), [k, T] = O(!1), _ = Mn(c.id), { selected: S, voteUp: R, voteDown: $ } = Gs(c), {
     Attachment: A = Rn,
-    EditMessageModal: L = Ln,
+    EditMessageModal: D = Ln,
     MessageActions: z,
-    MessageBlocked: V = Dn,
-    MessageBouncePrompt: B = Pn,
-    MessageDeleted: U = On,
+    MessageBlocked: G = Dn,
+    MessageBouncePrompt: F = Pn,
+    MessageDeleted: B = On,
     MessageIsThreadReplyInChannelButtonIndicator: X = zn,
-    MessageRepliesCountButton: G = $n,
-    ReminderNotification: O = Fn,
+    MessageRepliesCountButton: V = $n,
+    ReminderNotification: L = Fn,
     StreamedMessageText: w = Bn,
     PinIndicator: C
-  } = Ut("CustomMessage"), j = Un(c), q = jn(c), _e = ee(
+  } = Ut("CustomMessage"), U = Un(c), q = jn(c), _e = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), K = ee(() => {
     const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
     if (!ke(c)) return ye;
-    const St = ye.filter((It) => !("type" in It) || !nn(It));
-    return St.length === ye.length ? ye : St;
+    const It = ye.filter((St) => !("type" in St) || !nn(St));
+    return It.length === ye.length ? ye : It;
   }, [c]), re = ee(() => {
     const me = Xt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
@@ -1444,9 +1444,9 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(U, { message: c });
+    return /* @__PURE__ */ n(B, { message: c });
   if (Gn(c))
-    return /* @__PURE__ */ n(V, {});
+    return /* @__PURE__ */ n(G, {});
   const J = !p && !!c.reply_count, se = !p && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Hn(c);
   let ie;
   Q ? ie = () => m(c) : lt && (ie = () => T(!0));
@@ -1457,7 +1457,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": j,
+      "str-chat__message--has-attachment": U,
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
@@ -1467,10 +1467,10 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = Na(c), ue = ke(c), ut = wa(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
+  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = _a(c), ue = ke(c), ut = Na(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      L,
+      D,
       {
         additionalMessageInputProps: t
       }
@@ -1478,7 +1478,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     k && /* @__PURE__ */ n(
       Yn,
       {
-        MessageBouncePrompt: B,
+        MessageBouncePrompt: F,
         onClose: () => T(!1),
         open: k
       }
@@ -1490,7 +1490,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-message-id": c.id,
         children: [
           C && /* @__PURE__ */ n(C, {}),
-          !!_ && /* @__PURE__ */ n(O, { reminder: _ }),
+          !!_ && /* @__PURE__ */ n(L, { reminder: _ }),
           c.user && /* @__PURE__ */ n(
             ae,
             {
@@ -1546,10 +1546,10 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
                       paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
-                      isUnlocking: S(c.id),
+                      isUnlocking: I(c.id),
                       onUnlockClick: () => E == null ? void 0 : E(c, x),
                       onFetchSource: async () => await (M == null ? void 0 : M(c, x)),
-                      onDownloadClick: () => D == null ? void 0 : D(c, x)
+                      onDownloadClick: () => P == null ? void 0 : P(c, x)
                     }
                   ),
                   z && /* @__PURE__ */ n(z, {})
@@ -1608,16 +1608,16 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && ue && /* @__PURE__ */ n(
-              _a,
+              ya,
               {
-                selected: I,
+                selected: S,
                 onVoteUp: R,
-                onVoteDown: F
+                onVoteDown: $
               }
             )
           ] }),
           J && /* @__PURE__ */ n(
-            G,
+            V,
             {
               onClick: d,
               reply_count: c.reply_count
@@ -1629,13 +1629,13 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, Ca = $.memo(
-  ya,
+}, ka = j.memo(
+  Ca,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
-), ka = (e) => {
+), Ea = (e) => {
   const t = pe("CustomMessage");
-  return /* @__PURE__ */ n(Ca, { ...t, ...e });
-}, Ea = () => {
+  return /* @__PURE__ */ n(ka, { ...t, ...e });
+}, Ia = () => {
   var s;
   const { handleDelete: e, message: t } = pe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -1660,19 +1660,19 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(jt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ia = () => {
+}, Ta = () => {
   var t;
   const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ls,
+    Ds,
     {
       messageActionSet: [
-        { Component: Ea, placement: "quick", type: "delete" },
+        { Component: Ia, placement: "quick", type: "delete" },
         { Component: Sa, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ta = ({
+}, Aa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1712,26 +1712,26 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Aa = (e) => ({
+}, Ma = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
   )
-}), Ma = () => {
+}), Ra = () => {
   const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
-    Aa
+    Ma
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Ta,
+    Aa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = $.createContext(!1), Ra = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = j.createContext(!1), La = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1739,16 +1739,16 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
   }
-), La = () => {
+), Da = () => {
   const e = Te(ln), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
-    SendButton: r = Ra,
+    SendButton: r = La,
     AttachmentPreviewList: i = es
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
     /* @__PURE__ */ n(ts, {}),
-    /* @__PURE__ */ n(Ma, {}),
+    /* @__PURE__ */ n(Ra, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1775,43 +1775,56 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Da = ({
-  renderActions: e,
-  renderFooter: t,
-  disabled: s = !1,
-  disabledReason: a
+}, Pa = ({
+  className: e,
+  renderActions: t,
+  renderFooter: s,
+  disabled: a = !1,
+  disabledReason: r
 }) => {
-  var o;
-  const { channel: r } = ce(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(te, { children: [
-    /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
-    t == null ? void 0 : t()
-  ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
+  var d;
+  const { channel: i } = ce(), o = ((d = i == null ? void 0 : i.data) == null ? void 0 : d.frozen) === !0;
+  if (a)
+    return /* @__PURE__ */ h(te, { children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: y(
+            "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3",
+            e
+          ),
+          children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null
+        }
+      ),
+      s == null ? void 0 : s()
+    ] });
+  const l = t == null ? void 0 : t();
+  return /* @__PURE__ */ h("div", { className: y("flex flex-col gap-4", e), children: [
     /* @__PURE__ */ h(
       "div",
       {
-        inert: i ? "" : void 0,
-        "aria-disabled": i || void 0,
+        inert: o ? "" : void 0,
+        "aria-disabled": o || void 0,
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
-          e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: La }) })
+          l && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: l }),
+          /* @__PURE__ */ n(ln.Provider, { value: o, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
         ]
       }
     ),
-    t == null ? void 0 : t()
+    s == null ? void 0 : s()
   ] });
-}, Pa = [
+}, Oa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Oa = {
+], za = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, za = [
+}, $a = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], $a = {
+], Fa = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (e) => Pa.includes(e), Ba = (e) => za.includes(e), Ua = (e) => {
+}, Oe = "age safety guidelines.", Ba = "https://linktr.ee/s/about/contact", $t = (e) => Oa.includes(e), Ua = (e) => $a.includes(e), ja = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1819,7 +1832,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ba(t))
+  if (Ua(t))
     return {
       kind: "age-safety",
       type: t
@@ -1830,7 +1843,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, ja = (e) => {
+}, Va = (e) => {
   const t = e.indexOf(Oe);
   if (t === -1)
     return e;
@@ -1840,7 +1853,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ n(
       "a",
       {
-        href: Fa,
+        href: Ba,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1849,13 +1862,13 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Va = (e) => {
+}, Ga = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Ua(
+  const t = e.message.hide_date === !0, s = ja(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Oa[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || za[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1881,7 +1894,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || $a[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Fa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1891,7 +1904,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ts,
+              As,
               {
                 size: 24,
                 weight: "duotone",
@@ -1900,7 +1913,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: ja(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Va(i) }) })
           ]
         }
       ),
@@ -1925,15 +1938,15 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ga = /* @__PURE__ */ new Set([
+) }), Ha = /* @__PURE__ */ new Set([
   De.Thinking,
   De.Generating,
   De.ExternalSources
-]), Ha = ({ threadList: e }) => {
+]), Ya = ({ threadList: e }) => {
   var g, p;
   const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(cn);
-  if (!e && l && Ga.has(o)) {
-    const v = Ya(t, (g = r.user) == null ? void 0 : g.id);
+  if (!e && l && Ha.has(o)) {
+    const v = qa(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
       Ft,
       {
@@ -2010,7 +2023,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ]
   }
 );
-function Ya(e, t) {
+function qa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2019,7 +2032,7 @@ function Ya(e, t) {
       return i;
   }
 }
-const qa = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Wa = () => null, Xa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2062,12 +2075,12 @@ const qa = () => null, Wa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Wa, { className: "w-6 h-6" }),
+), Ee = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(Xa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Xa = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ka = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2083,17 +2096,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   showActionsMenu: c = !0
 }) => {
-  var E, M, D, k, T;
-  const { channel: g } = ce(), p = $.useMemo(() => {
-    var R, F;
+  var E, M, P, k, T;
+  const { channel: g } = ce(), p = j.useMemo(() => {
+    var R, $;
     const _ = (R = g._client) == null ? void 0 : R.userID;
-    return _ ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
+    return _ ? Object.values((($ = g.state) == null ? void 0 : $.members) || {}).find(
       (A) => {
-        var L;
-        return ((L = A.user) == null ? void 0 : L.id) && A.user.id !== _;
+        var D;
+        return ((D = A.user) == null ? void 0 : D.id) && A.user.id !== _;
       }
     ) : void 0;
-  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), S = async () => {
+  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (P = p == null ? void 0 : p.user) == null ? void 0 : P.image, x = qt(g), I = async () => {
     try {
       x ? await g.unpin() : await g.pin();
     } catch (_) {
@@ -2142,7 +2155,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: S,
+            onClick: I,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
@@ -2215,7 +2228,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: S,
+            onClick: I,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
@@ -2250,7 +2263,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Ka = ({
+}, Ja = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2270,58 +2283,58 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   chatbotVotingEnabled: v = !1,
   renderChannelBanner: N,
   customChannelActions: x,
-  renderMessage: S,
+  renderMessage: I,
   dmAgentEnabled: E = !1,
   viewerLanguage: M,
-  showChannelInfo: D = !0
+  showChannelInfo: P = !0
 }) => {
-  var L, z, V, B, U, X;
-  const { channel: k } = ce(), T = $.useMemo(() => {
+  var D, z, G, F, B, X;
+  const { channel: k } = ce(), T = j.useMemo(() => {
     var w, C;
-    const G = (w = k._client) == null ? void 0 : w.userID;
-    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find(
-      (j) => {
+    const V = (w = k._client) == null ? void 0 : w.userID;
+    return V ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find(
+      (U) => {
         var q;
-        return ((q = j.user) == null ? void 0 : q.id) && j.user.id !== G;
+        return ((q = U.user) == null ? void 0 : q.id) && U.user.id !== V;
       }
     ) : void 0;
-  }, [(L = k._client) == null ? void 0 : L.userID, (z = k.state) == null ? void 0 : z.members]), _ = $.useMemo(() => {
+  }, [(D = k._client) == null ? void 0 : D.userID, (z = k.state) == null ? void 0 : z.members]), _ = j.useMemo(() => {
     var w, C;
-    const G = (w = k._client) == null ? void 0 : w.userID;
-    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((j) => {
+    const V = (w = k._client) == null ? void 0 : w.userID;
+    return V ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((U) => {
       var q;
-      return ((q = j.user) == null ? void 0 : q.id) === G;
+      return ((q = U.user) == null ? void 0 : q.id) === V;
     }) : void 0;
-  }, [(V = k._client) == null ? void 0 : V.userID, (B = k.state) == null ? void 0 : B.members]), I = ((U = _ == null ? void 0 : _.user) == null ? void 0 : U.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), F = E && I === !1 && R === !0, A = W(
-    (G) => {
-      const { message: O } = pe("ChannelView"), w = /* @__PURE__ */ n(
-        ka,
+  }, [(G = k._client) == null ? void 0 : G.userID, (F = k.state) == null ? void 0 : F.members]), S = ((B = _ == null ? void 0 : _.user) == null ? void 0 : B.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), $ = E && S === !1 && R === !0, A = W(
+    (V) => {
+      const { message: L } = pe("ChannelView"), w = /* @__PURE__ */ n(
+        Ea,
         {
-          ...G,
+          ...V,
           chatbotVotingEnabled: v,
           viewerLanguage: M
         }
       );
-      return !S || !O ? w : S(w, O);
+      return !I || !L ? w : I(w, L);
     },
-    [v, S, M]
+    [v, I, M]
   );
   return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
     is,
     {
       overrides: {
         Message: A,
-        MessageActions: Ia
+        MessageActions: Ta
       },
       children: /* @__PURE__ */ h(os, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Xa,
+          Ka,
           {
             onBack: e,
             showBackButton: t,
-            showActionsMenu: D,
+            showActionsMenu: P,
             showStarButton: p,
-            dmAgentEnabled: F,
+            dmAgentEnabled: $,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2333,32 +2346,53 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             customChannelActions: x
           }
         ) }, "lt-channel-header"),
-        N ? /* @__PURE__ */ n($.Fragment, { children: N() }, "lt-channel-banner") : null,
+        N ? /* @__PURE__ */ n(j.Fragment, { children: N() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(ls, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(
+              ls,
+              {
+                hideDeletedMessages: !0,
+                hideNewMessageSeparator: !1,
+                renderMessages: (V) => {
+                  const L = cs(V);
+                  return r && L.push(
+                    /* @__PURE__ */ n("li", { children: r(k) }, "lt-channel-conversation-footer")
+                  ), L.push(
+                    // Message Input
+                    /* @__PURE__ */ h(
+                      "li",
+                      {
+                        className: "flex sticky bottom-0 p-4 pt-1 inset-x-0 mx-[calc(-1*var(--str-chat\\_\\_spacing-2))] md:mx-[calc(-1*min(var(--str-chat\\_\\_spacing-10),4%))]",
+                        children: [
+                          /* @__PURE__ */ n("div", { className: "absolute bottom-0 inset-x-0 w-full h-4/5 backdrop-blur-[16px] [mask-image:linear-gradient(to_top,black_0%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_top,black_0%,transparent_100%)]" }),
+                          /* @__PURE__ */ n(
+                            Pa,
+                            {
+                              className: "isolate w-full",
+                              renderActions: () => s == null ? void 0 : s(k),
+                              renderFooter: () => a == null ? void 0 : a(k),
+                              disabled: c,
+                              disabledReason: g
+                            }
+                          )
+                        ]
+                      },
+                      "lt-channel-message-input"
+                    )
+                  ), L;
+                }
+              }
+            )
           },
           "lt-channel-message-list"
-        ),
-        r ? /* @__PURE__ */ n($.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
-        /* @__PURE__ */ n(
-          Da,
-          {
-            ...s && {
-              renderActions: () => s == null ? void 0 : s(k)
-            },
-            renderFooter: () => a == null ? void 0 : a(k),
-            disabled: c,
-            disabledReason: g
-          },
-          "lt-channel-message-input"
         )
       ] })
     }
   ) });
-}, dn = $.memo(
+}, dn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2369,7 +2403,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = qa,
+    CustomChannelEmptyState: m = Wa,
     showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2379,54 +2413,54 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerDisabled: v = !1,
     composerDisabledReason: N,
     dmAgentEnabled: x,
-    messageMetadata: S,
+    messageMetadata: I,
     onMessageSent: E,
     showStarButton: M = !1,
-    chatbotVotingEnabled: D = !1,
+    chatbotVotingEnabled: P = !1,
     renderChannelBanner: k,
     customChannelActions: T,
     renderMessage: _,
-    onMessageLinkClick: I,
+    onMessageLinkClick: S,
     sendButton: R,
-    attachmentPreviewList: F,
+    attachmentPreviewList: $,
     viewerLanguage: A,
-    showChannelInfo: L = !0
+    showChannelInfo: D = !0
   }) => {
     const z = W(
-      async (B, U, X) => {
+      async (F, B, X) => {
         var q;
-        const G = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, O = x && !G, w = {
-          ...U,
-          ...O && { silent: !0 },
-          ...S && {
+        const V = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, L = x && !V, w = {
+          ...B,
+          ...L && { silent: !0 },
+          ...I && {
             metadata: {
-              ...U.metadata ?? {},
-              ...S
+              ...B.metadata ?? {},
+              ...I
             }
           }
         }, C = {
           ...X,
-          ...O && { skip_push: !0 }
-        }, j = await e.sendMessage(w, C);
-        return E == null || E(j), j;
+          ...L && { skip_push: !0 }
+        }, U = await e.sendMessage(w, C);
+        return E == null || E(U), U;
       },
-      [e, x, S, E]
-    ), V = H(null);
+      [e, x, I, E]
+    ), G = H(null);
     return Y(() => {
-      if (!I) return;
-      const B = V.current;
-      if (!B) return;
-      const U = (X) => {
-        const G = X.target, O = G == null ? void 0 : G.closest("a[href]"), w = O == null ? void 0 : O.getAttribute("href");
+      if (!S) return;
+      const F = G.current;
+      if (!F) return;
+      const B = (X) => {
+        const V = X.target, L = V == null ? void 0 : V.closest("a[href]"), w = L == null ? void 0 : L.getAttribute("href");
         if (!w) return;
-        const C = O == null ? void 0 : O.closest("[data-message-id]"), j = C == null ? void 0 : C.getAttribute("data-message-id"), q = j ? e.state.messages.find((_e) => _e.id === j) : void 0;
-        I(w, q);
+        const C = L == null ? void 0 : L.closest("[data-message-id]"), U = C == null ? void 0 : C.getAttribute("data-message-id"), q = U ? e.state.messages.find((_e) => _e.id === U) : void 0;
+        S(w, q);
       };
-      return B.addEventListener("click", U), () => B.removeEventListener("click", U);
-    }, [I, e]), /* @__PURE__ */ n(
+      return F.addEventListener("click", B), () => F.removeEventListener("click", B);
+    }, [S, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: V,
+        ref: G,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           d
@@ -2435,16 +2469,16 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           rs,
           {
             channel: e,
-            MessageSystem: Va,
+            MessageSystem: Ga,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
-            DateSeparator: Us,
-            TypingIndicator: Ha,
+            DateSeparator: js,
+            TypingIndicator: Ya,
             doSendMessageRequest: z,
             ...R ? { SendButton: R } : {},
-            ...F ? { AttachmentPreviewList: F } : {},
+            ...$ ? { AttachmentPreviewList: $ } : {},
             children: /* @__PURE__ */ n(
-              Ka,
+              Ja,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2464,12 +2498,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabledReason: N,
                 showStarButton: M,
                 dmAgentEnabled: x,
-                chatbotVotingEnabled: D,
+                chatbotVotingEnabled: P,
                 renderChannelBanner: k,
                 customChannelActions: T,
                 renderMessage: _,
                 viewerLanguage: A,
-                showChannelInfo: L
+                showChannelInfo: D
               }
             )
           }
@@ -2479,7 +2513,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const fe = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const fe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2494,7 +2528,7 @@ const fe = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 fe.displayName = "ErrorState";
-const yi = ({
+const Ci = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2516,29 +2550,29 @@ const yi = ({
   showChannelInfo: x
 }) => {
   const {
-    client: S,
+    client: I,
     isConnected: E,
     isLoading: M,
-    error: D,
+    error: P,
     refreshConnection: k,
     service: T,
     debug: _
-  } = Ds(), [I, R] = P(null), [F, A] = P(null), [L, z] = P(!1), { showDeleteConversation: V = !0 } = e, B = H(o);
-  B.current = o;
-  const U = H(a);
-  U.current = a;
-  const X = H(null), G = H(null);
+  } = Ps(), [S, R] = O(null), [$, A] = O(null), [D, z] = O(!1), { showDeleteConversation: G = !0 } = e, F = H(o);
+  F.current = o;
+  const B = H(a);
+  B.current = a;
+  const X = H(null), V = H(null);
   Y(() => {
-    G.current = I;
-  }, [I]), Y(() => {
-    if (!S || !E) return;
-    const C = S.userID;
+    V.current = S;
+  }, [S]), Y(() => {
+    if (!I || !E) return;
+    const C = I.userID;
     if (!C) return;
-    const j = `${C}::${i}`;
-    if (X.current === j) return;
-    X.current = j;
+    const U = `${C}::${i}`;
+    if (X.current === U) return;
+    X.current = U;
     const q = () => {
-      X.current === j && (X.current = null);
+      X.current === U && (X.current = null);
     };
     (async () => {
       var K, re;
@@ -2547,7 +2581,7 @@ const yi = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const J = await S.queryChannels(
+        const J = await I.queryChannels(
           {
             type: "messaging",
             members: { $eq: [C, i] }
@@ -2556,13 +2590,13 @@ const yi = ({
           { limit: 1 }
         );
         if (J.length > 0) {
-          R(J[0]), A(null), (K = U.current) == null || K.call(U, J[0]), _ && console.log(
+          R(J[0]), A(null), (K = B.current) == null || K.call(B, J[0]), _ && console.log(
             "[MessagingShell] Initial conversation loaded:",
             J[0].id
           );
           return;
         }
-        const se = B.current;
+        const se = F.current;
         if (!se || !T) {
           q(), A("No conversation found with this account"), _ && console.log(
             "[MessagingShell] No conversation found for:",
@@ -2576,7 +2610,7 @@ const yi = ({
             name: se.name,
             phone: se.phone
           });
-          R(Q), A(null), (re = U.current) == null || re.call(U, Q), _ && console.log(
+          R(Q), A(null), (re = B.current) == null || re.call(B, Q), _ && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2590,33 +2624,33 @@ const yi = ({
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           J
-        ), q(), G.current || A("Failed to load conversation");
+        ), q(), V.current || A("Failed to load conversation");
       }
     })();
-  }, [i, S, E, T, _]);
-  const O = H(r);
-  O.current = r;
+  }, [i, I, E, T, _]);
+  const L = H(r);
+  L.current = r;
   const w = W(() => {
     var C;
-    R(null), z(!0), (C = O.current) == null || C.call(O);
+    R(null), z(!0), (C = L.current) == null || C.call(L);
   }, []);
-  return M ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(fe, { message: D, onBack: k }) : !E || !S ? /* @__PURE__ */ n(
+  return M ? /* @__PURE__ */ n(Ee, {}) : P ? /* @__PURE__ */ n(fe, { message: P, onBack: k }) : !E || !I ? /* @__PURE__ */ n(
     fe,
     {
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : F ? /* @__PURE__ */ n(fe, { message: F }) : L && !I ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : I ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : $ ? /* @__PURE__ */ n(fe, { message: $ }) : D && !S ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
-      channel: I,
+      channel: S,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: g,
       onLeaveConversation: w,
       onBlockParticipant: w,
       CustomChannelEmptyState: l,
-      showDeleteConversation: V,
+      showDeleteConversation: G,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: b,
@@ -2628,34 +2662,34 @@ const yi = ({
       onMessageLinkClick: N,
       showChannelInfo: x
     },
-    I.id
+    S.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function Ja(e) {
+function Za(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = $.createContext({
+const un = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Za = un.Provider, Qa = () => $.useContext(un), er = (e, t) => {
+}), Qa = un.Provider, er = () => j.useContext(un), tr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, tr = (e) => {
+}, nr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = er(e, t);
+  const a = tr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2665,45 +2699,45 @@ const un = $.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = $.memo(
+}, mn = j.memo(
   ({ channel: e, unread: t }) => {
-    var D, k, T;
+    var P, k, T;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = Qa(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = er(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (_) => {
-      const I = _.key === "Enter" || _.key === " ", R = _.repeat;
-      !I || R || (_.preventDefault(), d());
-    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      const S = _.key === "Enter" || _.key === " ", R = _.repeat;
+      !S || R || (_.preventDefault(), d());
+    }, u = Object.values(((P = e == null ? void 0 : e.state) == null ? void 0 : P.members) || {}).find(
       (_) => {
-        var I, R;
-        return ((I = _.user) == null ? void 0 : I.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
+        var S, R;
+        return ((S = _.user) == null ? void 0 : S.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
       }
     ), f = Wt(u == null ? void 0 : u.user), c = (k = u == null ? void 0 : u.user) == null ? void 0 : k.image, g = (() => {
-      var I;
-      const _ = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
+      var S;
+      const _ = (S = e == null ? void 0 : e.state) == null ? void 0 : S.messages;
       if (_ != null && _.length) {
         for (let R = _.length - 1; R >= 0; R--)
           if (_[R].type !== "system") return _[R];
       }
     })(), v = (() => {
-      var L, z, V, B;
+      var D, z, G, F;
       const _ = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((L = g == null ? void 0 : g.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
+      if (((D = g == null ? void 0 : g.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
       if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
+      if (((G = g == null ? void 0 : g.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
       if (_) return _;
-      const A = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[0];
+      const A = (F = g == null ? void 0 : g.attachments) == null ? void 0 : F[0];
       return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = g != null && g.created_at ? tr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, S = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+    })(), N = g != null && g.created_at ? nr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2752,7 +2786,7 @@ const un = $.createContext({
               N && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
               M > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: M > 99 ? "99+" : M })
             ] })
           ] })
@@ -2762,25 +2796,25 @@ const un = $.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const nr = { last_message_at: -1 }, sr = $.memo(
+const sr = { last_message_at: -1 }, ar = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = nr,
+    sort: i = sr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = $.useRef(0);
+    const b = j.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = $.useCallback(
+    const { debug: u = !1 } = qe(), f = j.useCallback(
       (g) => {
         for (const p of g)
-          Ja(p);
+          Za(p);
         return r ? r(g) : g;
       },
       [r]
@@ -2790,7 +2824,7 @@ const nr = { last_message_at: -1 }, sr = $.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = $.useMemo(
+    const c = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2813,8 +2847,8 @@ const nr = { last_message_at: -1 }, sr = $.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Za, { value: c, children: /* @__PURE__ */ n(
-          cs,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Qa, { value: c, children: /* @__PURE__ */ n(
+          ds,
           {
             filters: s,
             sort: i,
@@ -2830,26 +2864,26 @@ const nr = { last_message_at: -1 }, sr = $.memo(
     );
   }
 );
-sr.displayName = "ChannelList";
-const ar = /^([a-z][a-z0-9+.-]*):/i, rr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+ar.displayName = "ChannelList";
+const rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = ar.exec(t);
+  const s = rr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return rr.has(a) ? t : void 0;
+    return ir.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const ir = {
+const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, or = ({ variant: e, cta: t }) => {
+}, lr = ({ variant: e, cta: t }) => {
   const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    ir[e]
+    or[e]
   ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2876,10 +2910,10 @@ const ir = {
       children: t.label
     }
   );
-}, lr = {
+}, cr = {
   dark: "text-white",
   light: "text-black/90"
-}, cr = "text-white/30", dr = {
+}, dr = "text-white/30", ur = {
   dark: "text-white/55",
   light: "text-black/55"
 }, et = ({
@@ -2896,10 +2930,10 @@ const ir = {
   if (!b && !u && !c && !g) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? cr : lr[e]
+    d && !t ? dr : cr[e]
   ), N = y(
     "truncate text-xs leading-4",
-    dr[e]
+    ur[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2915,16 +2949,16 @@ const ir = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(or, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(lr, { variant: e, cta: o })
   ] });
-}, ur = y(
+}, mr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Se = ({
+), Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -2936,7 +2970,7 @@ const ir = {
   "data-testid": d
 }) => {
   const m = s != null || a != null, b = y(
-    ur,
+    mr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2984,17 +3018,17 @@ const ir = {
       ]
     }
   );
-}, mr = {
+}, hr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, hr = {
+}, fr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
   const s = ne(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Ie = ({
+}, tt = "bg-[#F2F3F4]", Se = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3045,10 +3079,10 @@ const ir = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              mr[e]
+              hr[e]
             ),
             children: le(r, {
-              className: hr[e],
+              className: fr[e],
               weight: "regular"
             })
           }
@@ -3058,7 +3092,7 @@ const ir = {
       ]
     }
   );
-}, fr = ({
+}, gr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3088,12 +3122,12 @@ const ir = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(As, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Ie,
+      Se,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3103,13 +3137,13 @@ const ir = {
     ) }),
     g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
   ] }) }) : /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: "dark",
       topRight: f ? g : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3135,7 +3169,7 @@ const ir = {
       ]
     }
   );
-}, gr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
@@ -3155,7 +3189,7 @@ const ir = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: "light",
       href: f,
@@ -3165,7 +3199,7 @@ const ir = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3188,7 +3222,7 @@ const ir = {
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3203,7 +3237,7 @@ const ir = {
 }) => {
   const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, g = m == null && !u && c != null ? b : void 0;
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: "dark",
       href: c,
@@ -3211,7 +3245,7 @@ const ir = {
       bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3235,20 +3269,20 @@ const ir = {
       ]
     }
   );
-}, Ci = {
-  Composer: fr,
-  Sent: br,
-  Received: gr
-}, pr = {
+}, ki = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, vr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, vr = {
+}, xr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, xr = {
+}, wr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, wr = (e) => e === "dark" ? "sender" : "receiver", Nr = {
+}, Nr = (e) => e === "dark" ? "sender" : "receiver", _r = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3270,7 +3304,7 @@ const ir = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Nr[wr(e)][a];
+  const l = t != null && t !== "", d = _r[Nr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3285,10 +3319,10 @@ const ir = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        pr[e],
         vr[e],
+        xr[e],
         s && "border",
-        s && xr[e],
+        s && wr[e],
         r
       ),
       children: [
@@ -3331,16 +3365,16 @@ const ir = {
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", ki = ({
+), we = (e) => e === "received" ? "light" : "dark", Ei = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", yr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3363,7 +3397,7 @@ const ir = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), b = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), b = e === "composer" && !!d, u = yr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3375,7 +3409,7 @@ const ir = {
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
-        yr,
+        Cr,
         {
           item: c,
           preload: f,
@@ -3389,15 +3423,15 @@ const ir = {
       )) })
     }
   );
-}, Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Sr = {
-  Composer: Cr,
-  Sent: kr,
-  Received: Er
+}, kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Sr = {
+  Composer: kr,
+  Sent: Er,
+  Received: Ir
 };
-function Ir(e) {
+function Tr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Tr = {
+const Ar = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3407,7 +3441,7 @@ const Tr = {
   text: "TXT",
   markdown: "MD"
 };
-function Ar(e, t) {
+function Mr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3417,7 +3451,7 @@ function Ar(e, t) {
   }
   if (!e) return;
   if (ne(e) === "document") {
-    const r = Zt(e), i = Tr[r];
+    const r = Zt(e), i = Ar[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3425,8 +3459,8 @@ function Ar(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Mr(e, t, s) {
-  const a = Ar(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
+function Rr(e, t, s) {
+  const a = Mr(e, t), r = typeof s == "number" && s > 0 ? Tr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function Z(e) {
@@ -3437,13 +3471,13 @@ function Z(e) {
     return "download";
   }
 }
-const Rr = {
+const Lr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Lr = {
+}, Dr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Dr = {
+}, Pr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3456,16 +3490,16 @@ const Rr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Mr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Rr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Lr[e]
+        Dr[e]
       ),
       "aria-hidden": !0,
       children: le(a, {
-        className: y("size-6", Dr[e]),
+        className: y("size-6", Pr[e]),
         weight: "regular"
       })
     }
@@ -3476,7 +3510,7 @@ const Rr = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Rr[e]
+          Lr[e]
         ),
         children: m
       }
@@ -3519,14 +3553,14 @@ async function gn(e, t) {
     }
   }
 }
-const Pr = ({
+const Or = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Or = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], zr = ({
   variant: e,
   item: t,
   index: s,
@@ -3560,7 +3594,7 @@ const Pr = ({
   onClick: m,
   onDismiss: b
 }) => {
-  const u = we(e), f = e === "composer" && !!b, c = Pr({
+  const u = we(e), f = e === "composer" && !!b, c = Or({
     src: t,
     filename: s,
     fileSize: a,
@@ -3595,7 +3629,7 @@ const Pr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        Or,
+        zr,
         {
           variant: u,
           item: v,
@@ -3607,10 +3641,10 @@ const Pr = ({
       )) })
     }
   );
-}, zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Br = {
-  Composer: zr,
-  Sent: $r,
-  Received: Fr
+}, $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Ur = {
+  Composer: $r,
+  Sent: Fr,
+  Received: Br
 }, at = ({
   onPrev: e,
   onNext: t,
@@ -3624,7 +3658,7 @@ const Pr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ms, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3634,7 +3668,7 @@ const Pr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3646,7 +3680,7 @@ const Pr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = P(!1), m = W(
+  const [l, d] = O(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3727,7 +3761,7 @@ const Pr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = P(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
   Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), Y(() => {
@@ -3893,7 +3927,7 @@ const Pr = ({
       ]
     }
   ) : null;
-}, Ur = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, jr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3902,7 +3936,7 @@ const Pr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
-    const u = y(Ur, "h-full w-full");
+    const u = y(jr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -3964,14 +3998,14 @@ const Pr = ({
     }
   );
 }, Ne = (e) => {
-  const [t, s] = P(!1), [a, r] = P(0), i = W(
+  const [t, s] = O(!1), [a, r] = O(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
   ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, jr = (e, t, s, a) => ({
+}, Vr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -3986,7 +4020,7 @@ const Pr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Vr = ({
+}), Gr = ({
   src: e,
   alt: t,
   items: s
@@ -3994,7 +4028,7 @@ const Pr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Gr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Hr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
@@ -4041,13 +4075,13 @@ const Pr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Vr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
+  const m = Gr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, N) => jr(v, N, m.length, l)
+    (v, N) => Vr(v, N, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4070,11 +4104,11 @@ const Pr = ({
       ]
     }
   );
-}, Hr = (e) => /* @__PURE__ */ n(Gr, { ...e }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Wr = {
-  Composer: Hr,
-  Sent: Yr,
-  Received: qr
-}, Xr = ({
+}, Yr = (e) => /* @__PURE__ */ n(Hr, { ...e }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Xr = {
+  Composer: Yr,
+  Sent: qr,
+  Received: Wr
+}, Kr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4088,7 +4122,7 @@ const Pr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
     [l]
   ), m = ee(
-    () => l ? Kr(l.src) : void 0,
+    () => l ? Jr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4122,16 +4156,16 @@ const Pr = ({
       ]
     }
   );
-}, Kr = (e) => {
+}, Jr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Jr = ({
+}, Zr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Zr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Qr = ({
   variant: e,
   item: t,
   index: s,
@@ -4164,7 +4198,7 @@ const Pr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = we(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = we(e), u = Zr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
@@ -4181,8 +4215,8 @@ const Pr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, S) => {
-          const E = x.filename ?? Z(x.src), M = v && S === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, I) => {
+          const E = x.filename ?? Z(x.src), M = v && I === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
               url: x.src,
@@ -4193,19 +4227,19 @@ const Pr = ({
             }
           );
           return /* @__PURE__ */ n(
-            Zr,
+            Qr,
             {
               variant: b,
               item: x,
-              index: S,
+              index: I,
               onActivate: g,
               trailingAction: M
             },
-            `${x.src}-${S}`
+            `${x.src}-${I}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Xr,
+          Kr,
           {
             open: f,
             items: N,
@@ -4216,10 +4250,10 @@ const Pr = ({
       ]
     }
   );
-}, Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ni = {
-  Composer: Qr,
-  Sent: ei,
-  Received: ti
+}, ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), si = {
+  Composer: ei,
+  Sent: ti,
+  Received: ni
 }, Nn = ({
   open: e,
   items: t,
@@ -4270,7 +4304,7 @@ const Pr = ({
       ]
     }
   ) : null;
-}, si = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ai = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4292,11 +4326,11 @@ const Pr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(si, {})
-] }), ai = (e, t, s) => ({
+  /* @__PURE__ */ n(ai, {})
+] }), ri = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), ri = ({
+}), ii = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4308,7 +4342,7 @@ const Pr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ii = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
     i
   );
@@ -4349,13 +4383,13 @@ const Pr = ({
   preload: d,
   onClick: m
 }) => {
-  const b = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = ii({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (N, x) => ai(N, x, b.length)
+    (N, x) => ri(N, x, b.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4385,17 +4419,17 @@ const Pr = ({
       ]
     }
   );
-}, oi = (e) => /* @__PURE__ */ n(ii, { ...e }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), di = {
-  Composer: oi,
-  Sent: li,
-  Received: ci
-}, Ei = {
-  Image: Wr,
-  Video: di,
+}, li = (e) => /* @__PURE__ */ n(oi, { ...e }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ui = {
+  Composer: li,
+  Sent: ci,
+  Received: di
+}, Ii = {
+  Image: Xr,
+  Video: ui,
   Audio: Sr,
-  Pdf: ni,
-  File: Br
-}, ui = ({
+  Pdf: si,
+  File: Ur
+}, mi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4446,7 +4480,7 @@ const Pr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            ui,
+            mi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4461,37 +4495,37 @@ const Pr = ({
 };
 export {
   Qt as A,
-  Vs as B,
-  qa as C,
-  Ds as D,
+  Gs as B,
+  Wa as C,
+  Ps as D,
   Si as F,
-  Ci as L,
-  Ni as M,
+  ki as L,
+  _i as M,
   he as a,
   ae as b,
-  sr as c,
+  ar as c,
   dn as d,
-  _i as e,
-  ui as f,
+  yi as e,
+  mi as f,
   ne as g,
   Ot as h,
-  Ei as i,
-  _a as j,
-  wi as k,
-  yi as l,
-  Mr as m,
-  Ir as n,
-  tr as o,
-  Ar as p,
+  Ii as i,
+  ya as j,
+  Ni as k,
+  Ci as l,
+  Rr as m,
+  Tr as n,
+  nr as o,
+  Mr as p,
   Xt as q,
   le as r,
   nn as s,
-  Os as t,
-  ki as u,
-  Gs as v,
+  zs as t,
+  Ei as u,
+  Hs as v,
   Je as w,
   Ze as x,
   Wt as y,
-  ba as z
+  pa as z
 };
-//# sourceMappingURL=index-D7eRkXoG.js.map
+//# sourceMappingURL=index-C2wfgpUU.js.map