@linktr.ee/messaging-react 3.1.0-rc-1780514752 → 3.1.1

package/dist/{index-BmCc1-F3.js → index-Cj6b1oEe.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as re } from "react/jsx-runtime";
-import O, { createContext as Ge, useContext as He, useCallback as H, useState as z, useRef as K, useEffect as J, useMemo as te, Suspense as Ye } from "react";
-import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Sn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Ut, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as On, ReminderNotification as Fn, StreamedMessageText as $n, messageHasAttachments as Bn, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Un, isMessageBounced as Gn, MessageBounceModal as Hn, MessageText as Mt, Poll as Yn, MessageErrorIcon as qn, useMessageContext as be, useMessageComposer as Wn, useStateStore as Xn, MessageInput as Kn, useMessageInputContext as Jn, useMessageComposerHasSendableData as Zn, AttachmentPreviewList as Qn, QuotedMessagePreview as es, TextareaComposer as ts, MessageTimestamp as Me, AIStates as De, useTypingContext as ns, useAIState as ss, Channel as as, WithComponents as rs, Window as is, MessageList as os, ChannelList as ls } from "stream-chat-react";
-import { StarIcon as Fe, XIcon as pe, SpinnerGapIcon as Re, SignOutIcon as cs, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Yt, FileMdIcon as ms, FileTextIcon as hs, FileZipIcon as fs, FilePptIcon as gs, FileCsvIcon as bs, FileXlsIcon as ps, FileDocIcon as vs, FilePdfIcon as xs, CircleNotchIcon as fe, PlayIcon as $e, PauseIcon as ws, LinkIcon as Ns, DownloadSimpleIcon as ge, GiftIcon as _s, ThumbsUpIcon as ys, ThumbsDownIcon as Cs, TrashSimpleIcon as ks, ArrowUpIcon as Es, SparkleIcon as Be, ProhibitIcon as Is, ArrowLeftIcon as Rt, CaretRightIcon as je, DotsThreeIcon as Lt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts } from "@phosphor-icons/react";
+import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
+import z, { createContext as He, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as Ye } from "react";
+import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Dn, EditMessageModal as Rn, MessageBlocked as Ln, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as Fn, ReminderNotification as $n, StreamedMessageText as Bn, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Un, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Mt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as be, 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 De, AIStates as Re, 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 $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as ds, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as us, SpeakerHighIcon as ms, VideoCameraIcon as Yt, FileMdIcon as hs, FileTextIcon as fs, FileZipIcon as gs, FilePptIcon as bs, FileCsvIcon as ps, FileXlsIcon as vs, FileDocIcon as xs, FilePdfIcon as ws, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as Ns, LinkIcon as _s, DownloadSimpleIcon as ge, GiftIcon as ys, ThumbsUpIcon as Cs, ThumbsDownIcon as ks, TrashSimpleIcon as Es, ArrowUpIcon as Is, SparkleIcon as je, ProhibitIcon as Ss, ArrowLeftIcon as Rt, CaretRightIcon as Ve, DotsThreeIcon as Lt, PencilSimpleIcon as Ts, CaretLeftIcon as As } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as As, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
+import { MessageActions as Ms, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Pt } from "stream-chat";
-const Wt = Ge({
+const Wt = He({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Wt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), We = () => He(Wt), vi = ({
+}), We = () => Se(Wt), xi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,7 +24,7 @@ const Wt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const o = H(
+  const o = q(
     (I, ...C) => {
       i && console.log(`🔥 [MessagingProvider] ${I}`, ...C);
     },
@@ -36,14 +36,14 @@ const Wt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = z(null), [m, g] = z(null), [u, f] = z(!1), [c, b] = z(!1), [N, v] = z(null), x = K(!1), w = K({
+  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, p] = O(!1), [N, v] = O(null), x = X(!1), w = X({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), M = K(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), A = X(0);
+  A.current++, o("📊 RENDER INFO", {
+    renderCount: A.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: w.current.userId !== (t == null ? void 0 : t.id),
@@ -57,7 +57,7 @@ const Wt = Ge({
     serviceConfig: s,
     capabilities: r
   }, J(() => {
-    const I = M.current;
+    const I = A.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: I,
       apiKey: !!a,
@@ -80,7 +80,7 @@ const Wt = Ge({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const C = new En({
+    const C = new In({
       ...s,
       apiKey: a,
       debug: i
@@ -95,7 +95,7 @@ const Wt = Ge({
       }), C.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const A = K(null);
+  const T = X(null);
   J(() => {
     var C, k;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -113,7 +113,7 @@ const Wt = Ge({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = A.current) == null ? void 0 : C.serviceId) === l && ((k = A.current) == null ? void 0 : k.userId) === t.id) {
+    if (((C = T.current) == null ? void 0 : C.serviceId) === l && ((k = T.current) == null ? void 0 : k.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,11 +121,11 @@ const Wt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, b(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, p(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const E = await l.connectUser(t);
-        g(E), f(!0), A.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        g(E), f(!0), T.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: E.userID
         });
@@ -136,7 +136,7 @@ const Wt = Ge({
           error: D
         });
       } finally {
-        b(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        p(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -149,12 +149,12 @@ const Wt = Ge({
     l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), A.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+    ), T.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!l,
       isConnected: u
     });
   }), [l, u, o]);
-  const S = H(async () => {
+  const S = q(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -162,7 +162,7 @@ const Wt = Ge({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
       const I = await l.connectUser(t);
@@ -174,9 +174,9 @@ const Wt = Ge({
         error: C
       });
     } finally {
-      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      p(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), L = O.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), R = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,11 +204,11 @@ const Wt = Ge({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
+    renderCount: A.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!L
-  }), /* @__PURE__ */ n(Wt.Provider, { value: L, children: m && u ? /* @__PURE__ */ n(
-    In,
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(Wt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
+    Sn,
     {
       client: m,
       customClasses: {
@@ -217,9 +217,9 @@ const Wt = Ge({
       children: e
     }
   ) : e });
-}, Ms = () => We(), Xt = (e) => {
+}, Ds = () => We(), Xt = (e) => {
   var a, r;
-  const [t, s] = z(
+  const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return J(() => {
@@ -239,18 +239,18 @@ const Wt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Ds = /^[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 Rs(e) {
-  return Ds.test(e.trim());
+}, Rs = /^[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 Ls(e) {
+  return Rs.test(e.trim());
 }
-function zt(e, t) {
+function Ot(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !Rs(s);
+  return !s || t && s === t ? !1 : !Ls(s);
 }
-function Se(e) {
-  return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Te(e) {
+  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ot = [
+const zt = [
   "🍎",
   // Apple
   "🍌",
@@ -278,7 +278,7 @@ const Ot = [
   "🍈"
   // Melon
 ];
-function Ls(e) {
+function Ps(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,11 +286,11 @@ function Ls(e) {
   }
   return Math.abs(t);
 }
-function Ps(e) {
-  const s = Ls(e) % Ot.length;
-  return Ot[s];
+function Os(e) {
+  const s = Ps(e) % zt.length;
+  return zt[s];
 }
-const ne = ({
+const ae = ({
   id: e,
   image: t,
   size: s = 40,
@@ -299,7 +299,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Ps(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
+  const l = Os(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     cornerShape: "superellipse(1.3)"
   }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
@@ -338,7 +338,7 @@ const ne = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Fe, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n($e, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -403,10 +403,10 @@ function zs({ label: e, className: t, children: s, ...a }) {
     }
   );
 }
-function Os({ onClick: e }) {
+function Fs({ onClick: e }) {
   return /* @__PURE__ */ n(zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(pe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Fs = ({
+const $s = ({
   dialogRef: e,
   onClose: t,
   participant: s,
@@ -421,21 +421,21 @@ const Fs = ({
   onDeleteConversationClick: u,
   onBlockParticipantClick: f,
   onReportParticipantClick: c,
-  customProfileContent: b,
+  customProfileContent: p,
   customChannelActions: N
 }) => {
-  var B, Y, W, $;
-  const { service: v, debug: x } = We(), [w, M] = z(!1), [A, S] = z(!1), [L, I] = z(!1), C = H(async () => {
-    var p;
-    if (!(!m || !v || !((p = s == null ? void 0 : s.user) != null && p.id)))
+  var B, H, Y, $;
+  const { service: v, debug: x } = We(), [w, A] = O(!1), [T, S] = O(!1), [R, I] = O(!1), C = q(async () => {
+    var b;
+    if (!(!m || !v || !((b = s == null ? void 0 : s.user) != null && b.id)))
       try {
-        const R = (await v.getBlockedUsers()).some(
-          (T) => {
-            var j;
-            return T.blocked_user_id === ((j = s == null ? void 0 : s.user) == null ? void 0 : j.id);
+        const L = (await v.getBlockedUsers()).some(
+          (M) => {
+            var W;
+            return M.blocked_user_id === ((W = s == null ? void 0 : s.user) == null ? void 0 : W.id);
           }
         );
-        M(R);
+        A(L);
       } catch (_) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
@@ -447,11 +447,11 @@ const Fs = ({
     C();
   }, [C]);
   const k = async () => {
-    var p;
-    if (!A) {
+    var b;
+    if (!T) {
       u == null || u(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const _ = ((p = r._client) == null ? void 0 : p.userID) ?? null;
+        const _ = ((b = r._client) == null ? void 0 : b.userID) ?? null;
         await r.hide(_, !1), o && await o(r), t();
       } catch (_) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", _);
@@ -460,25 +460,25 @@ const Fs = ({
       }
     }
   }, E = async () => {
-    var p, _, R;
-    if (!(L || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
+    var b, _, L;
+    if (!(R || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
       try {
-        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
-      } catch (T) {
-        console.error("[ChannelInfoDialog] Failed to block member", T);
+        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to block member", M);
       } finally {
         I(!1);
       }
     }
   }, D = async () => {
-    var p, _, R;
-    if (!(L || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
+    var b, _, L;
+    if (!(R || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
       try {
-        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
-      } catch (T) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", T);
+        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", M);
       } finally {
         I(!1);
       }
@@ -491,7 +491,7 @@ const Fs = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Se(s.user), X = (Y = s.user) == null ? void 0 : Y.image, U = (W = s.user) == null ? void 0 : W.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
+  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, U = (Y = s.user) == null ? void 0 : Y.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -500,13 +500,13 @@ const Fs = ({
         ref: e,
         className: "mes-dialog group",
         onClose: t,
-        onClick: (p) => {
-          p.target === e.current && t();
+        onClick: (b) => {
+          b.target === e.current && t();
         },
         children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ n("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ n(Os, { onClick: t })
+            /* @__PURE__ */ n(Fs, { onClick: t })
           ] }),
           /* @__PURE__ */ h("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ h(
@@ -517,11 +517,11 @@ const Fs = ({
                 children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ n(
-                      ne,
+                      ae,
                       {
                         id: P,
                         name: F,
-                        image: X,
+                        image: Z,
                         size: 88,
                         shape: "circle"
                       }
@@ -529,7 +529,7 @@ const Fs = ({
                     /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 flex-1", children: [
                       /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: F }),
                       G && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: G }),
-                      i && !b && /* @__PURE__ */ n(
+                      i && !p && /* @__PURE__ */ n(
                         "span",
                         {
                           className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -545,7 +545,7 @@ const Fs = ({
                       )
                     ] })
                   ] }),
-                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
+                  p && /* @__PURE__ */ n("div", { className: "w-full", children: p })
                 ]
               }
             ),
@@ -554,10 +554,10 @@ const Fs = ({
                 ye,
                 {
                   onClick: k,
-                  disabled: A,
-                  "aria-busy": A,
+                  disabled: T,
+                  "aria-busy": T,
                   children: [
-                    A ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
+                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -566,10 +566,10 @@ const Fs = ({
                 ye,
                 {
                   onClick: D,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
@@ -577,10 +577,10 @@ const Fs = ({
                 ye,
                 {
                   onClick: E,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Re, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
@@ -596,30 +596,30 @@ const Fs = ({
       }
     )
   );
-}, $s = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ue = "vote_down";
-function Bs(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ue) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
-}
+}, Bs = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), Ue = "vote_up", Ge = "vote_down";
 function js(e) {
-  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = te(
-    () => Bs(e.own_reactions),
+  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
+}
+function Vs(e) {
+  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = ne(
+    () => js(e.own_reactions),
     [e.own_reactions]
-  ), r = H(async () => {
+  ), r = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
           e.id,
-          { type: Ve },
+          { type: Ue },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = H(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ge) : await t.sendReaction(
           e.id,
-          { type: Ue },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -627,7 +627,7 @@ function js(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Vs(e) {
+function Us(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Kt({
@@ -635,16 +635,16 @@ function Kt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Vs(t);
+  const s = e == null ? void 0 : e.text, a = Us(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Us = O.lazy(() => import("./Card-DZVa2CeI.js")), Gs = O.lazy(() => import("./Card-BaaerKBC.js")), Hs = O.lazy(() => import("./Card-0TLA8XHU.js")), Xe = () => /* @__PURE__ */ n(
+const Gs = z.lazy(() => import("./Card-D8QPP3I9.js")), Hs = z.lazy(() => import("./Card-C8Q8MH6Y.js")), Ys = z.lazy(() => import("./Card-Bm_eCczn.js")), Xe = () => /* @__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
   }
-), Ys = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Us, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), qs = Jt, Ws = Zt, Ft = { Composer: Ys, Sent: Jt, Received: Zt, Creator: qs, Visitor: Ws }, Xs = [
+), qs = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Zt = (e) => /* @__PURE__ */ n(Ye, { fallback: /* @__PURE__ */ n(Xe, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Jt, Xs = Zt, Ft = { Composer: qs, Sent: Jt, Received: Zt, Creator: Ws, Visitor: Xs }, Ks = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -654,42 +654,42 @@ const Us = O.lazy(() => import("./Card-DZVa2CeI.js")), Gs = O.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function se(e) {
+function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Qt(e) {
-  const t = Xs.find(
+  const t = Ks.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ks = {
+const Js = {
   video: Yt,
-  audio: us,
-  image: ds,
+  audio: ms,
+  image: us,
   document: Ht
-}, Js = {
-  pdf: xs,
-  doc: vs,
-  xls: ps,
-  csv: bs,
-  ppt: gs,
-  zip: fs,
-  text: hs,
-  markdown: ms,
+}, Zs = {
+  pdf: ws,
+  doc: xs,
+  xls: vs,
+  csv: ps,
+  ppt: bs,
+  zip: gs,
+  text: fs,
+  markdown: hs,
   generic: Ht
 };
-function Zs(e) {
-  const t = se(e);
-  return t !== "document" ? Ks[t] : Js[Qt(e)];
+function Qs(e) {
+  const t = re(e);
+  return t !== "document" ? Js[t] : Zs[Qt(e)];
 }
 function ce(e, t) {
-  return O.createElement(Zs(e), t);
+  return z.createElement(Qs(e), t);
 }
-const Qs = (e) => {
+const ea = (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;
-}, ea = ({
+}, ta = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -701,71 +701,71 @@ const Qs = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = se(t), u = K(null), f = K(null), c = K(null), b = K(r), [N, v] = z(a), [x, w] = z(0), [M, A] = z(!1), [S, L] = z(!1), [I, C] = z(!1), [k, E] = z(!1), [D, V] = z(!0), [F, X] = z(null), U = H(() => {
+  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, V] = O(!0), [F, Z] = O(null), U = q(() => {
     C(!1), v(!0);
-  }, []), G = H((p) => {
+  }, []), G = q((b) => {
     const _ = f.current;
     if (!_) return 0;
-    const R = _.getBoundingClientRect();
+    const L = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Qs(p) - R.left) / R.width)
+      Math.min(1, (ea(b) - L.left) / L.width)
     );
-  }, []), P = H((p) => {
+  }, []), P = q((b) => {
     const _ = u.current;
-    _ && _.duration && (_.currentTime = p * _.duration);
-  }, []), B = (p) => {
-    p.stopPropagation(), A(!0);
-    const _ = G(p);
+    _ && _.duration && (_.currentTime = b * _.duration);
+  }, []), B = (b) => {
+    b.stopPropagation(), T(!0);
+    const _ = G(b);
     w(_), P(_);
   };
   J(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
+    r !== void 0 && r !== p.current && (p.current = r, v(r));
   }, [r]), J(() => {
     if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const p = () => {
+    const b = () => {
       const _ = u.current;
-      _ && _.duration && !M && w(_.currentTime / _.duration), c.current = requestAnimationFrame(p);
+      _ && _.duration && !A && w(_.currentTime / _.duration), c.current = requestAnimationFrame(b);
     };
-    return c.current = requestAnimationFrame(p), () => {
+    return c.current = requestAnimationFrame(b), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, M]), J(() => {
-    const p = u.current;
-    p && (N ? p.play().catch((_) => {
+  }, [N, A]), J(() => {
+    const b = u.current;
+    b && (N ? b.play().catch((_) => {
       v(!1), C(!0);
-    }) : p.pause());
+    }) : b.pause());
   }, [N]), J(() => {
-    if (!M) return;
-    const p = (R) => w(G(R)), _ = (R) => {
-      A(!1), P(G(R));
+    if (!A) return;
+    const b = (L) => w(G(L)), _ = (L) => {
+      T(!1), P(G(L));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", _), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", _);
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", _), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", _), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", _);
     };
-  }, [M, G, P]);
-  const Y = F ? { aspectRatio: String(F) } : void 0, W = F ? "" : " aspect-video", $ = Math.round(x * 100);
+  }, [A, G, P]);
+  const H = F ? { aspectRatio: String(F) } : void 0, Y = F ? "" : " aspect-video", $ = Math.round(x * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${W}`,
-      style: Y,
-      onClick: (p) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
+      style: H,
+      onClick: (b) => {
         if (m) {
-          m(p);
+          m(b);
           return;
         }
         I || o && v((_) => !_);
       },
-      onKeyDown: (p) => {
-        if (!(p.key !== "Enter" && p.key !== " ")) {
-          if (p.preventDefault(), m) {
-            m(p);
+      onKeyDown: (b) => {
+        if (!(b.key !== "Enter" && b.key !== " ")) {
+          if (b.preventDefault(), m) {
+            m(b);
             return;
           }
           I || o && v((_) => !_);
@@ -819,8 +819,8 @@ const Qs = (e) => {
             onWaiting: () => E(!0),
             onPlay: () => C(!1),
             onLoadedMetadata: () => {
-              const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && X(p.videoWidth / p.videoHeight);
+              const b = u.current;
+              b instanceof HTMLVideoElement && b.videoWidth && b.videoHeight && Z(b.videoWidth / b.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), w(0));
@@ -842,13 +842,13 @@ const Qs = (e) => {
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (p) => {
-              p.stopPropagation(), U();
+            onClick: (b) => {
+              b.stopPropagation(), U();
             },
-            onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), U());
+            onKeyDown: (b) => {
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), U());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n($e, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -864,9 +864,9 @@ const Qs = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: B,
             onTouchStart: B,
-            onClick: (p) => p.stopPropagation(),
-            onKeyDown: (p) => {
-              p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+            onClick: (b) => b.stopPropagation(),
+            onKeyDown: (b) => {
+              b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -882,12 +882,12 @@ const Qs = (e) => {
             "button",
             {
               type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), v((_) => !_);
+              onClick: (b) => {
+                b.stopPropagation(), v((_) => !_);
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
-              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n($e, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -903,17 +903,17 @@ const Qs = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: B,
               onTouchStart: B,
-              onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
-              onKeyDown: (p) => {
-                p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+              onClick: (b) => b.stopPropagation(),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
+              onKeyDown: (b) => {
+                b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || M ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || A ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -926,7 +926,7 @@ const Qs = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${$}%` }
                   }
                 )
@@ -937,7 +937,7 @@ const Qs = (e) => {
       ]
     }
   );
-}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ta = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", en = ({
+}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", na = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", en = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -946,9 +946,9 @@ const Qs = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = se(e), [d, m] = z(!1);
+  const l = re(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    ea,
+    ta,
     {
       source: t,
       mimeType: e,
@@ -999,7 +999,7 @@ const Qs = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ta(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${na(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1031,7 +1031,7 @@ const Qs = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1051,8 +1051,8 @@ const Qs = (e) => {
             {
               className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && p,
+                "text-white": f && !p
               }),
               children: c
             }
@@ -1089,23 +1089,23 @@ function nn(e) {
 function Ke(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 na(e) {
+function sa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function sa(e) {
+function aa(e) {
   return e ? "text-white" : "text-black";
 }
-function aa(e) {
+function ra(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ra(e) {
+function ia(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Je = ({ 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(O.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(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1116,14 +1116,14 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${na(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ns, { className: `size-12 ${ia(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${sa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(_s, { className: `size-12 ${oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${sa(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${aa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ra(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${aa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ra(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ia(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 });
@@ -1135,7 +1135,7 @@ function Ze(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(sn);
 }
-async function oa(e, t) {
+async function la(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1147,11 +1147,11 @@ async function oa(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 la = ({
+const ca = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = z(!1);
+  const [s, a] = O(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1159,7 +1159,7 @@ const la = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), oa(e, t).then(() => {
+        a(!0), la(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1167,7 +1167,7 @@ const la = ({
       },
       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(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(O.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(fe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(z.Fragment, { children: [
         /* @__PURE__ */ n(ge, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1175,14 +1175,14 @@ const la = ({
   );
 };
 function Qe(e) {
-  var u, f, c, b;
+  var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (N) => N.type === "audio" && N.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (p = e.attachments) == null ? void 0 : p.find(
     (N) => N.type === "file" && N.asset_url
   ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
@@ -1230,7 +1230,7 @@ const an = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = se(t), o = a !== void 0 ? nn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
     tn,
     {
@@ -1249,17 +1249,17 @@ const an = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(la, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ca, { url: e, filename: s })
     }
   );
-}, ca = ({
+}, da = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const s = Ze(e), a = Qe(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ne,
+      ae,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1283,7 +1283,7 @@ const an = ({
       }
     )
   ] });
-}, da = ({
+}, ua = ({
   message: e
 }) => {
   const t = Ze(e);
@@ -1291,7 +1291,7 @@ const an = ({
     return /* @__PURE__ */ n("div", { className: Ke(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
   const s = Qe(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, ua = ({
+}, ma = ({
   message: e
 }) => {
   const t = Ze(e);
@@ -1299,18 +1299,18 @@ const an = ({
     return /* @__PURE__ */ n("div", { className: Ke(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
   const s = Qe(e);
   return s ? /* @__PURE__ */ n(rn, { ...s }) : null;
-}, xi = Object.assign(ca, {
-  Creator: da,
-  Visitor: ua
-}), ma = {
+}, wi = Object.assign(da, {
+  Creator: ua,
+  Visitor: ma
+}), ha = {
   isUnlocking: () => !1
-}, ha = {
-  LockedAttachment: ma
-}, on = Ge({}), wi = on.Provider;
-function fa(e) {
-  return He(on)[e] ?? ha[e];
+}, fa = {
+  LockedAttachment: ha
+}, on = He({}), Ni = on.Provider;
+function ga(e) {
+  return Se(on)[e] ?? fa[e];
 }
-const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1327,22 +1327,22 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), ba = (e) => {
+), pa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, pa = (e) => {
+}, va = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Ce = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, va = (e) => {
+}, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, ln = (e) => ba(e) || pa(e), xa = (e) => {
+}, ln = (e) => pa(e) || va(e), wa = (e) => {
   var t;
   return ln(e) && !((t = e.text) != null && t.trim());
-}, Le = ({
+}, Pe = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
@@ -1355,25 +1355,25 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n(ys, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ga, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(re, { children: [
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ba, { size: o ? 12 : 15 }) });
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(re, { children: [
+  ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
-}, wa = ({
+}, Na = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1389,7 +1389,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(ys, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1403,10 +1403,10 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Na = (e) => {
+] }), _a = (e) => {
   var gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St;
   const {
     additionalMessageInputProps: t,
@@ -1422,69 +1422,69 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: p,
     threadList: N,
     viewerLanguage: v
-  } = e, { client: x } = qe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: A, onFetchSource: S, onDownloadClick: L } = fa("LockedAttachment"), [I, C] = z(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: V } = js(c), {
-    Attachment: F = Mn,
-    EditMessageModal: X = Dn,
+  } = e, { client: x } = qe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = Mn(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
+    Attachment: F = Dn,
+    EditMessageModal: Z = Rn,
     MessageActions: U,
-    MessageBlocked: G = Rn,
-    MessageBouncePrompt: P = Ln,
-    MessageDeleted: B = Pn,
-    MessageIsThreadReplyInChannelButtonIndicator: Y = zn,
-    MessageRepliesCountButton: W = On,
-    ReminderNotification: $ = Fn,
-    StreamedMessageText: p = $n,
+    MessageBlocked: G = Ln,
+    MessageBouncePrompt: P = Pn,
+    MessageDeleted: B = On,
+    MessageIsThreadReplyInChannelButtonIndicator: H = zn,
+    MessageRepliesCountButton: Y = Fn,
+    ReminderNotification: $ = $n,
+    StreamedMessageText: b = Bn,
     PinIndicator: _
-  } = Ut("CustomMessage"), R = Bn(c), T = jn(c), j = te(
+  } = Ut("CustomMessage"), L = jn(c), M = Vn(c), W = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), q = te(() => {
+  ), j = ne(() => {
     const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Ce(c)) return _e;
     const Tt = _e.filter((At) => !("type" in At) || !sn(At));
     return Tt.length === _e.length ? _e : Tt;
-  }, [c]), Z = te(() => {
+  }, [c]), K = ne(() => {
     const me = Kt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
-  if (Vn(c))
+  if (Un(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
-  if (Un(c))
+  if (Gn(c))
     return /* @__PURE__ */ n(G, {});
-  const ae = !N && !!c.reply_count, ee = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Gn(c);
+  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Hn(c);
   let ie;
   ct ? ie = () => m(c) : dt && (ie = () => C(!0));
-  const ue = f(), kn = y(
+  const ue = f(), En = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     ue ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": R,
+      "str-chat__message--has-attachment": L,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": T,
+      "str-chat__message--with-reactions": M,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((bt = c == null ? void 0 : c.error) == null ? void 0 : bt.status) !== 403,
-      "str-chat__message-with-thread-link": ae || ee,
+      "str-chat__message-with-thread-link": ee || Q,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = xa(c), oe = Ce(c), ht = va(c), Ae = !!(q != null && q.length && !c.quoted_message), ft = oe && ue && Ae;
-  return /* @__PURE__ */ h(re, { children: [
+  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = wa(c), oe = Ce(c), ht = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ft = oe && ue && Me;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      X,
+      Z,
       {
         additionalMessageInputProps: t
       }
     ),
     I && /* @__PURE__ */ n(
-      Hn,
+      Yn,
       {
         MessageBouncePrompt: P,
         onClose: () => C(!1),
@@ -1494,13 +1494,13 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        className: kn,
+        className: En,
         "data-message-id": c.id,
         children: [
           _ && /* @__PURE__ */ n(_, {}),
           !!k && /* @__PURE__ */ n($, { reminder: k }),
           c.user && /* @__PURE__ */ n(
-            ne,
+            ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1540,7 +1540,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (wt = c.metadata) == null ? void 0 : wt.amount_text,
                       detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
                       paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
-                      onPreviewClick: () => A == null ? void 0 : A(c, w),
+                      onPreviewClick: () => T == null ? void 0 : T(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                     }
                   )
@@ -1554,10 +1554,10 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
                       detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
                       paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
-                      isUnlocking: M(c.id),
-                      onUnlockClick: () => A == null ? void 0 : A(c, w),
+                      isUnlocking: A(c.id),
+                      onUnlockClick: () => T == null ? void 0 : T(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                      onDownloadClick: () => L == null ? void 0 : L(c, w)
+                      onDownloadClick: () => R == null ? void 0 : R(c, w)
                     }
                   ),
                   U && /* @__PURE__ */ n(U, {})
@@ -1565,58 +1565,58 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) })
               ] }) : mt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Le, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
                 oe && !ft && /* @__PURE__ */ n(
-                  Le,
+                  Pe,
                   {
                     message: c,
-                    hasAttachment: Ae,
+                    hasAttachment: Me,
                     isMyMessage: ue
                   }
                 ),
-                ut && /* @__PURE__ */ n(Yn, { poll: ut }),
-                q != null && q.length && !c.quoted_message ? /* @__PURE__ */ n(
+                ut && /* @__PURE__ */ n(qn, { poll: ut }),
+                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   F,
                   {
                     actionHandler: l,
-                    attachments: q
+                    attachments: j
                   }
                 ) : null,
-                j ? /* @__PURE__ */ n(
-                  p,
+                W ? /* @__PURE__ */ n(
+                  b,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ),
-                /* @__PURE__ */ n(qn, {})
+                /* @__PURE__ */ n(Wn, {})
               ] }) })
             }
           ),
           !ht && !mt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!oe || ft) && /* @__PURE__ */ n(
-              Le,
+              Pe,
               {
                 message: c,
-                hasAttachment: Ae,
+                hasAttachment: Me,
                 isMyMessage: ue
               }
             ),
             s && oe && /* @__PURE__ */ n(
-              wa,
+              Na,
               {
                 selected: E,
                 onVoteUp: D,
@@ -1624,26 +1624,26 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             )
           ] }),
-          ae && /* @__PURE__ */ n(
-            W,
+          ee && /* @__PURE__ */ n(
+            Y,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ee && /* @__PURE__ */ n(Y, {})
+          Q && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
     )
   ] });
-}, _a = O.memo(
-  Na,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
-), ya = (e) => {
+}, ya = z.memo(
+  _a,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+), Ca = (e) => {
   const t = be("CustomMessage");
-  return /* @__PURE__ */ n(_a, { ...t, ...e });
-}, Ca = () => {
+  return /* @__PURE__ */ n(ya, { ...t, ...e });
+}, ka = () => {
   var s;
   const { handleDelete: e, message: t } = be("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -1653,10 +1653,10 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, ka = () => {
+}, Ea = () => {
   const { handleFlag: e } = be("CustomMessageActions");
   return /* @__PURE__ */ n(
     qt,
@@ -1668,23 +1668,23 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Gt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ea = () => {
+}, Ia = () => {
   var t;
   const { message: e } = be("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    As,
+    Ms,
     {
       messageActionSet: [
-        { Component: Ca, placement: "quick", type: "delete" },
-        { Component: ka, placement: "quick", type: "flag" }
+        { Component: ka, placement: "quick", type: "delete" },
+        { Component: Ea, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ia = (e) => ({
+}, Sa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Pt.previewIsLoaded(t) || Pt.previewIsLoading(t)
   )
-}), Sa = ({
+}), Ta = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1724,22 +1724,22 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ta = () => {
-  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = Xn(
+}, Aa = () => {
+  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
     e.state,
-    Ia
+    Sa
   ), 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(
-    Sa,
+    Ta,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, Aa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, cn = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1747,22 +1747,20 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
   }
-), Ma = ({
-  disabled: e = !1
-}) => {
-  const { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
-    SendButton: r = Aa,
-    AttachmentPreviewList: i = Qn
+), Da = () => {
+  const e = Se(cn), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
+    SendButton: r = Ma,
+    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(es, {}),
-    /* @__PURE__ */ n(Ta, {}),
+    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(Aa, {}),
     /* @__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(
-        ts,
+        ns,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-6",
@@ -1785,44 +1783,43 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Da = ({
+}, Ra = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
   disabledReason: a
 }) => {
-  var d;
-  const { channel: r } = de(), o = ((d = r == null ? void 0 : r.data) == null ? void 0 : d.frozen) === !0 || s, l = H(
-    () => /* @__PURE__ */ n(Ma, { disabled: o }),
-    [o]
-  );
-  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
+  var o;
+  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
+  return s ? /* @__PURE__ */ h(se, { children: [
+    /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
+    t == null ? void 0 : t()
+  ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
     /* @__PURE__ */ h(
       "div",
       {
-        inert: o ? "" : void 0,
-        "aria-disabled": o || void 0,
+        inert: i ? "" : void 0,
+        "aria-disabled": i || 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(Kn, { Input: l })
+          /* @__PURE__ */ n(cn.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
         ]
       }
     ),
-    o && a ? /* @__PURE__ */ n("p", { className: "message-input-disabled-reason px-2 text-center text-sm text-black/55", children: a }) : null,
     t == null ? void 0 : t()
   ] });
-}, Ra = [
+}, La = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], La = {
+], Pa = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Pa = [
+}, Oa = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], za = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Pe = "age safety guidelines.", Oa = "https://linktr.ee/s/about/contact", Bt = (e) => Ra.includes(e), Fa = (e) => Pa.includes(e), $a = (e) => {
+}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", Bt = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Bt(t))
@@ -1830,7 +1827,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Fa(t))
+  if ($a(t))
     return {
       kind: "age-safety",
       type: t
@@ -1841,32 +1838,32 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ba = (e) => {
-  const t = e.indexOf(Pe);
+}, ja = (e) => {
+  const t = e.indexOf(Oe);
   if (t === -1)
     return e;
-  const s = t + Pe.length;
-  return /* @__PURE__ */ h(re, { children: [
+  const s = t + Oe.length;
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Oa,
+        href: Fa,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Pe
+        children: Oe
       }
     ),
     e.slice(s)
   ] });
-}, ja = (e) => {
+}, Va = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = $a(
+  const t = e.message.hide_date === !0, s = Ba(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || La[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Pa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1876,7 +1873,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Be,
+              je,
               {
                 size: 16,
                 weight: "regular",
@@ -1888,7 +1885,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Me, { message: e.message })
+      !t && /* @__PURE__ */ n(De, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -1902,7 +1899,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Is,
+              Ss,
               {
                 size: 24,
                 weight: "duotone",
@@ -1911,11 +1908,11 @@ const ga = ({ 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: Ba(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: ja(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Me, { message: e.message })
+      !t && /* @__PURE__ */ n(De, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1924,9 +1921,9 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Me, { message: e.message })
+    !t && /* @__PURE__ */ n(De, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, dn = He(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1936,15 +1933,15 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Va = /* @__PURE__ */ new Set([
-  De.Thinking,
-  De.Generating,
-  De.ExternalSources
-]), Ua = ({ threadList: e }) => {
-  var b, N;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = He(cn);
-  if (!e && l && Va.has(o)) {
-    const v = Ga(t, (b = r.user) == null ? void 0 : b.id);
+) }), Ua = /* @__PURE__ */ new Set([
+  Re.Thinking,
+  Re.Generating,
+  Re.ExternalSources
+]), Ga = ({ threadList: e }) => {
+  var p, N;
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Se(dn);
+  if (!e && l && Ua.has(o)) {
+    const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       jt,
       {
@@ -1993,7 +1990,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        ne,
+        ae,
         {
           id: e,
           name: t,
@@ -2021,7 +2018,7 @@ const ga = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ]
   }
 );
-function Ga(e, t) {
+function Ha(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)) {
@@ -2030,7 +2027,7 @@ function Ga(e, t) {
       return i;
   }
 }
-const Ha = () => null, Ya = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2073,12 +2070,12 @@ const Ha = () => null, Ya = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), ke = O.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(Ya, { className: "w-6 h-6" }),
+), ke = z.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(qa, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 ke.displayName = "LoadingState";
-const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", qa = ({
+const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", Wa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2086,17 +2083,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showStarButton: r = !1,
   dmAgentEnabled: i = !1
 }) => {
-  var f, c, b, N, v;
-  const { channel: o } = de(), l = O.useMemo(() => {
-    var M, A;
-    const x = (M = o._client) == null ? void 0 : M.userID;
-    return x ? Object.values(((A = o.state) == null ? void 0 : A.members) || {}).find(
+  var f, c, p, N, v;
+  const { channel: o } = de(), l = z.useMemo(() => {
+    var A, T;
+    const x = (A = o._client) == null ? void 0 : A.userID;
+    return x ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
       (S) => {
-        var L;
-        return ((L = S.user) == null ? void 0 : L.id) && S.user.id !== x;
+        var R;
+        return ((R = S.user) == null ? void 0 : R.id) && S.user.id !== x;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Se(l == null ? void 0 : l.user), m = (b = l == null ? void 0 : l.user) == null ? void 0 : b.image, g = Xt(o), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Xt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
     } catch (x) {
@@ -2124,7 +2121,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ne,
+          ae,
           {
             id: ((N = l == null ? void 0 : l.user) == null ? void 0 : N.id) || o.id || "unknown",
             name: d,
@@ -2143,12 +2140,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             "aria-label": `View info for ${d}`,
             children: [
               d,
-              /* @__PURE__ */ n(je, { className: "size-3 shrink-0" })
+              /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0" })
             ]
           }
         ),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(Be, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
           /* @__PURE__ */ n("span", { children: Vt })
         ] })
       ] }),
@@ -2161,7 +2158,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Fe,
+              $e,
               {
                 className: y("size-5", {
                   "text-yellow-600": g,
@@ -2200,7 +2197,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         ),
         /* @__PURE__ */ n(
-          ne,
+          ae,
           {
             id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
             name: d,
@@ -2220,12 +2217,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               "aria-label": `View info for ${d}`,
               children: [
                 /* @__PURE__ */ n("span", { className: "truncate", children: d }),
-                /* @__PURE__ */ n(je, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ n(Ve, { className: "size-4 shrink-0" })
               ]
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: d }),
           i && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ n(Be, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
             /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
           ] })
         ] })
@@ -2239,7 +2236,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Fe,
+              $e,
               {
                 className: y("size-5", {
                   "text-yellow-600": g,
@@ -2263,7 +2260,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, Wa = ({
+}, Xa = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2278,88 +2275,88 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   showFollowerStatus: c = !0,
-  composerDisabled: b = !1,
+  composerDisabled: p = !1,
   composerDisabledReason: N,
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
   renderChannelBanner: w,
-  customProfileContent: M,
-  customChannelActions: A,
+  customProfileContent: A,
+  customChannelActions: T,
   renderMessage: S,
-  dmAgentEnabled: L = !1,
+  dmAgentEnabled: R = !1,
   viewerLanguage: I
 }) => {
-  var Y, W, $, p, _, R;
-  const { channel: C } = de(), k = K(null), E = O.useMemo(() => {
-    var q, Z;
-    const T = (q = C._client) == null ? void 0 : q.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find(
-      (ae) => {
-        var ee;
-        return ((ee = ae.user) == null ? void 0 : ee.id) && ae.user.id !== T;
+  var H, Y, $, b, _, L;
+  const { channel: C } = de(), k = X(null), E = z.useMemo(() => {
+    var j, K;
+    const M = (j = C._client) == null ? void 0 : j.userID;
+    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find(
+      (ee) => {
+        var Q;
+        return ((Q = ee.user) == null ? void 0 : Q.id) && ee.user.id !== M;
       }
     ) : void 0;
-  }, [(Y = C._client) == null ? void 0 : Y.userID, (W = C.state) == null ? void 0 : W.members]), D = O.useMemo(() => {
-    var q, Z;
-    const T = (q = C._client) == null ? void 0 : q.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find((ae) => {
-      var ee;
-      return ((ee = ae.user) == null ? void 0 : ee.id) === T;
+  }, [(H = C._client) == null ? void 0 : H.userID, (Y = C.state) == null ? void 0 : Y.members]), D = z.useMemo(() => {
+    var j, K;
+    const M = (j = C._client) == null ? void 0 : j.userID;
+    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find((ee) => {
+      var Q;
+      return ((Q = ee.user) == null ? void 0 : Q.id) === M;
     }) : void 0;
-  }, [($ = C._client) == null ? void 0 : $.userID, (p = C.state) == null ? void 0 : p.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((R = E == null ? void 0 : E.user) == null ? void 0 : R.is_account) ?? (E == null ? void 0 : E.is_account), X = L && V === !1 && F === !0, U = O.useMemo(() => {
+  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && V === !1 && F === !0, U = z.useMemo(() => {
     if (!c) return;
-    const T = C.data ?? {};
-    if (T.followerStatus)
-      return String(T.followerStatus);
-    if (T.isFollower !== void 0)
-      return T.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [C.data, c]), G = H(() => {
-    var T;
-    (T = k.current) == null || T.showModal();
-  }, []), P = H(() => {
-    var T;
-    (T = k.current) == null || T.close();
-  }, []), B = H(
-    (T) => {
-      const { message: j } = be("ChannelView"), q = /* @__PURE__ */ n(
-        ya,
+    const M = C.data ?? {};
+    if (M.followerStatus)
+      return String(M.followerStatus);
+    if (M.isFollower !== void 0)
+      return M.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [C.data, c]), G = q(() => {
+    var M;
+    (M = k.current) == null || M.showModal();
+  }, []), P = q(() => {
+    var M;
+    (M = k.current) == null || M.close();
+  }, []), B = q(
+    (M) => {
+      const { message: W } = be("ChannelView"), j = /* @__PURE__ */ n(
+        Ca,
         {
-          ...T,
+          ...M,
           chatbotVotingEnabled: x,
           viewerLanguage: I
         }
       );
-      return !S || !j ? q : S(q, j);
+      return !S || !W ? j : S(j, W);
     },
     [x, S, I]
   );
-  return /* @__PURE__ */ h(re, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n(
-      rs,
+      is,
       {
         overrides: {
           Message: B,
-          MessageActions: Ea
+          MessageActions: Ia
         },
-        children: /* @__PURE__ */ h(is, { children: [
+        children: /* @__PURE__ */ h(os, { children: [
           /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
-            qa,
+            Wa,
             {
               onBack: e,
               showBackButton: t,
               onShowInfo: G,
               canShowInfo: !!E,
               showStarButton: v,
-              dmAgentEnabled: X
+              dmAgentEnabled: Z
             }
           ) }, "lt-channel-header"),
-          w ? /* @__PURE__ */ n(O.Fragment, { children: w() }, "lt-channel-banner") : null,
+          w ? /* @__PURE__ */ n(z.Fragment, { children: w() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
               className: "flex-1 overflow-hidden relative",
               children: /* @__PURE__ */ n(
-                os,
+                ls,
                 {
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -2368,13 +2365,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             },
             "lt-channel-message-list"
           ),
-          r ? /* @__PURE__ */ n(O.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+          r ? /* @__PURE__ */ n(z.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
-            Da,
+            Ra,
             {
               renderActions: () => s == null ? void 0 : s(C),
               renderFooter: () => a == null ? void 0 : a(C),
-              disabled: b,
+              disabled: p,
               disabledReason: N
             },
             "lt-channel-message-input"
@@ -2383,12 +2380,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ n(
-      Fs,
+      $s,
       {
         dialogRef: k,
         onClose: P,
         participant: E,
-        participantDisplayName: Se(E == null ? void 0 : E.user),
+        participantDisplayName: Te(E == null ? void 0 : E.user),
         channel: C,
         followerStatusLabel: U,
         onLeaveConversation: i,
@@ -2399,12 +2396,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onDeleteConversationClick: d,
         onBlockParticipantClick: m,
         onReportParticipantClick: g,
-        customProfileContent: M,
-        customChannelActions: A
+        customProfileContent: A,
+        customChannelActions: T
       }
     )
   ] });
-}, dn = O.memo(
+}, un = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -2415,20 +2412,20 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Ha,
+    CustomChannelEmptyState: m = Ya,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: p = !0,
     showReportParticipant: N = !0,
     showFollowerStatus: v = !0,
     composerDisabled: x = !1,
     composerDisabledReason: w,
-    dmAgentEnabled: M,
-    messageMetadata: A,
+    dmAgentEnabled: A,
+    messageMetadata: T,
     onMessageSent: S,
-    showStarButton: L = !1,
+    showStarButton: R = !1,
     chatbotVotingEnabled: I = !1,
     renderChannelBanner: C,
     customProfileContent: k,
@@ -2436,40 +2433,40 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     renderMessage: D,
     onMessageLinkClick: V,
     sendButton: F,
-    attachmentPreviewList: X,
+    attachmentPreviewList: Z,
     viewerLanguage: U
   }) => {
-    const G = H(
-      async (B, Y, W) => {
-        var j;
-        const $ = ((j = e.data) == null ? void 0 : j.chatbot_paused) === !0, p = M && !$, _ = {
-          ...Y,
-          ...p && { silent: !0 },
-          ...A && {
+    const G = q(
+      async (B, H, Y) => {
+        var W;
+        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = A && !$, _ = {
+          ...H,
+          ...b && { silent: !0 },
+          ...T && {
             metadata: {
-              ...Y.metadata ?? {},
-              ...A
+              ...H.metadata ?? {},
+              ...T
             }
           }
-        }, R = {
-          ...W,
-          ...p && { skip_push: !0 }
-        }, T = await e.sendMessage(_, R);
-        return S == null || S(T), T;
+        }, L = {
+          ...Y,
+          ...b && { skip_push: !0 }
+        }, M = await e.sendMessage(_, L);
+        return S == null || S(M), M;
       },
-      [e, M, A, S]
-    ), P = K(null);
+      [e, A, T, S]
+    ), P = X(null);
     return J(() => {
       if (!V) return;
       const B = P.current;
       if (!B) return;
-      const Y = (W) => {
-        const $ = W.target, p = $ == null ? void 0 : $.closest("a[href]"), _ = p == null ? void 0 : p.getAttribute("href");
+      const H = (Y) => {
+        const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), _ = b == null ? void 0 : b.getAttribute("href");
         if (!_) return;
-        const R = p == null ? void 0 : p.closest("[data-message-id]"), T = R == null ? void 0 : R.getAttribute("data-message-id"), j = T ? e.state.messages.find((q) => q.id === T) : void 0;
-        V(_, j);
+        const L = b == null ? void 0 : b.closest("[data-message-id]"), M = L == null ? void 0 : L.getAttribute("data-message-id"), W = M ? e.state.messages.find((j) => j.id === M) : void 0;
+        V(_, W);
       };
-      return B.addEventListener("click", Y), () => B.removeEventListener("click", Y);
+      return B.addEventListener("click", H), () => B.removeEventListener("click", H);
     }, [V, e]), /* @__PURE__ */ n(
       "div",
       {
@@ -2478,20 +2475,20 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: M ?? !1, children: /* @__PURE__ */ n(
-          as,
+        children: /* @__PURE__ */ n(dn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
+          rs,
           {
             channel: e,
-            MessageSystem: ja,
+            MessageSystem: Va,
             EmptyStateIndicator: m,
             LoadingIndicator: ke,
-            DateSeparator: $s,
-            TypingIndicator: Ua,
+            DateSeparator: Bs,
+            TypingIndicator: Ga,
             doSendMessageRequest: G,
             ...F ? { SendButton: F } : {},
-            ...X ? { AttachmentPreviewList: X } : {},
+            ...Z ? { AttachmentPreviewList: Z } : {},
             children: /* @__PURE__ */ n(
-              Wa,
+              Xa,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2505,13 +2502,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: p,
                 showReportParticipant: N,
                 showFollowerStatus: v,
                 composerDisabled: x,
                 composerDisabledReason: w,
-                showStarButton: L,
-                dmAgentEnabled: M,
+                showStarButton: R,
+                dmAgentEnabled: A,
                 chatbotVotingEnabled: I,
                 renderChannelBanner: C,
                 customProfileContent: k,
@@ -2526,8 +2523,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-dn.displayName = "ChannelView";
-const he = O.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: [
+un.displayName = "ChannelView";
+const he = z.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 }),
@@ -2542,7 +2539,7 @@ const he = O.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 he.displayName = "ErrorState";
-const Ni = ({
+const _i = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2557,101 +2554,111 @@ const Ni = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: b,
+  renderChannelBanner: p,
   customChannelActions: N,
   renderMessage: v,
   onMessageLinkClick: x
 }) => {
   const {
     client: w,
-    isConnected: M,
-    isLoading: A,
+    isConnected: A,
+    isLoading: T,
     error: S,
-    refreshConnection: L,
+    refreshConnection: R,
     service: I,
     debug: C
-  } = Ms(), [k, E] = z(null), [D, V] = z(null), [F, X] = z(!1), { showDeleteConversation: U = !0 } = e, G = K(o);
+  } = Ds(), [k, E] = O(null), [D, V] = O(null), [F, Z] = O(!1), { showDeleteConversation: U = !0 } = e, G = X(o);
   G.current = o;
-  const P = K(a);
-  P.current = a, J(() => {
-    if (!w || !M) return;
+  const P = X(a);
+  P.current = a;
+  const B = X(null), H = X(null);
+  J(() => {
+    H.current = k;
+  }, [k]), J(() => {
+    if (!w || !A) return;
+    const b = w.userID;
+    if (!b) return;
+    const _ = `${b}::${i}`;
+    if (B.current === _) return;
+    B.current = _;
+    const L = () => {
+      B.current === _ && (B.current = null);
+    };
     (async () => {
-      var p, _;
-      const $ = w.userID;
-      if ($)
-        try {
-          C && console.log(
-            "[MessagingShell] Loading initial conversation with:",
+      var W, j;
+      try {
+        C && console.log(
+          "[MessagingShell] Loading initial conversation with:",
+          i
+        );
+        const K = await w.queryChannels(
+          {
+            type: "messaging",
+            members: { $eq: [b, i] }
+          },
+          {},
+          { limit: 1 }
+        );
+        if (K.length > 0) {
+          E(K[0]), V(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
+            "[MessagingShell] Initial conversation loaded:",
+            K[0].id
+          );
+          return;
+        }
+        const ee = G.current;
+        if (!ee || !I) {
+          L(), V("No conversation found with this account"), C && console.log(
+            "[MessagingShell] No conversation found for:",
             i
           );
-          const R = await w.queryChannels(
-            {
-              type: "messaging",
-              members: { $eq: [$, i] }
-            },
-            {},
-            { limit: 1 }
+          return;
+        }
+        try {
+          const Q = await I.startChannelWithParticipant({
+            id: ee.id,
+            name: ee.name,
+            phone: ee.phone
+          });
+          E(Q), V(null), (j = P.current) == null || j.call(P, Q), C && console.log(
+            "[MessagingShell] Channel created and loaded:",
+            Q.id
           );
-          if (R.length > 0) {
-            E(R[0]), V(null), (p = P.current) == null || p.call(P, R[0]), C && console.log(
-              "[MessagingShell] Initial conversation loaded:",
-              R[0].id
-            );
-            return;
-          }
-          const T = G.current;
-          if (!T || !I) {
-            V("No conversation found with this account"), C && console.log(
-              "[MessagingShell] No conversation found for:",
-              i
-            );
-            return;
-          }
-          try {
-            const j = await I.startChannelWithParticipant({
-              id: T.id,
-              name: T.name,
-              phone: T.phone
-            });
-            E(j), V(null), (_ = P.current) == null || _.call(P, j), C && console.log(
-              "[MessagingShell] Channel created and loaded:",
-              j.id
-            );
-          } catch (j) {
-            console.error(
-              "[MessagingShell] Failed to create conversation:",
-              j
-            ), V("Failed to create conversation");
-          }
-        } catch (R) {
+        } catch (Q) {
           console.error(
-            "[MessagingShell] Failed to load initial conversation:",
-            R
-          ), V("Failed to load conversation");
+            "[MessagingShell] Failed to create conversation:",
+            Q
+          ), L(), V("Failed to create conversation");
         }
+      } catch (K) {
+        console.error(
+          "[MessagingShell] Failed to load initial conversation:",
+          K
+        ), L(), H.current || V("Failed to load conversation");
+      }
     })();
-  }, [i, w, M, I, C]);
-  const B = K(r);
-  B.current = r;
-  const Y = H(() => {
-    var W;
-    E(null), X(!0), (W = B.current) == null || W.call(B);
+  }, [i, w, A, I, C]);
+  const Y = X(r);
+  Y.current = r;
+  const $ = q(() => {
+    var b;
+    E(null), Z(!0), (b = Y.current) == null || b.call(Y);
   }, []);
-  return A ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: L }) : !M || !w ? /* @__PURE__ */ n(
+  return T ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: R }) : !A || !w ? /* @__PURE__ */ n(
     he,
     {
       message: "Not connected to messaging service",
-      onBack: L
+      onBack: R
     }
   ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    dn,
+    un,
     {
       channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
-      onLeaveConversation: Y,
-      onBlockParticipant: Y,
+      renderChannelBanner: p,
+      onLeaveConversation: $,
+      onBlockParticipant: $,
       CustomChannelEmptyState: l,
       showDeleteConversation: U,
       onBlockParticipantClick: d,
@@ -2667,31 +2674,31 @@ const Ni = ({
     k.id
   ) }) }) : /* @__PURE__ */ n(ke, {});
 };
-function Xa(e) {
+function Ka(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = O.createContext({
+const mn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ka = un.Provider, Ja = () => O.useContext(un), Za = (e, t) => {
+}), Ja = mn.Provider, Za = () => z.useContext(mn), Qa = (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));
-}, Qa = (e) => {
+}, er = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Za(e, t);
+  const a = Qa(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2701,26 +2708,26 @@ const un = O.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = O.memo(
+}, hn = z.memo(
   ({ channel: e, unread: t }) => {
-    var L, I, C;
+    var R, I, C;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = Ja(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = Za(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (k) => {
       const E = k.key === "Enter" || k.key === " ", D = k.repeat;
       !E || D || (k.preventDefault(), d());
-    }, u = Object.values(((L = e == null ? void 0 : e.state) == null ? void 0 : L.members) || {}).find(
+    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
       (k) => {
         var E, D;
         return ((E = k.user) == null ? void 0 : E.id) && k.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
       }
-    ), f = Se(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, b = (() => {
+    ), f = Te(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, p = (() => {
       var E;
       const k = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
       if (k != null && k.length) {
@@ -2728,18 +2735,18 @@ const un = O.createContext({
           if (k[D].type !== "system") return k[D];
       }
     })(), v = (() => {
-      var X, U, G, P;
+      var Z, U, G, P;
       const k = Kt({
-        message: b,
+        message: p,
         viewerLanguage: o
       });
-      if (((X = b == null ? void 0 : b.metadata) == null ? void 0 : X.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
-      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (((Z = p == null ? void 0 : p.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((G = p == null ? void 0 : p.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
-      const F = (P = b == null ? void 0 : b.attachments) == null ? void 0 : P[0];
+      const F = (P = p == null ? void 0 : p.attachments) == null ? void 0 : P[0];
       return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = b != null && b.created_at ? Qa(new Date(b.created_at)) : "", w = b ? Ce(b) : !1, M = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, A = Xt(e), S = t ?? 0;
+    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Xt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2762,13 +2769,13 @@ const un = O.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ n(
-            ne,
+            ae,
             {
               id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 44,
-              starred: A,
+              starred: T,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -2782,7 +2789,7 @@ const un = O.createContext({
                     l ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    A && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
@@ -2790,7 +2797,7 @@ const un = O.createContext({
               x && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: x })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: M }),
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: A }),
               S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
             ] })
           ] })
@@ -2799,27 +2806,27 @@ const un = O.createContext({
     );
   }
 );
-mn.displayName = "CustomChannelPreview";
-const er = { last_message_at: -1 }, tr = O.memo(
+hn.displayName = "CustomChannelPreview";
+const tr = { last_message_at: -1 }, nr = z.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = er,
+    sort: i = tr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const g = O.useRef(0);
+    const g = z.useRef(0);
     g.current++;
-    const { debug: u = !1 } = We(), f = O.useCallback(
-      (b) => {
-        for (const N of b)
-          Xa(N);
-        return r ? r(b) : b;
+    const { debug: u = !1 } = We(), f = z.useCallback(
+      (p) => {
+        for (const N of p)
+          Ka(N);
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2828,7 +2835,7 @@ const er = { last_message_at: -1 }, tr = O.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = O.useMemo(
+    const c = z.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2851,15 +2858,15 @@ const er = { last_message_at: -1 }, tr = O.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(Ka, { value: c, children: /* @__PURE__ */ n(
-          ls,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Ja, { value: c, children: /* @__PURE__ */ n(
+          cs,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: f,
-            Preview: mn,
+            Preview: hn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -2868,26 +2875,26 @@ const er = { last_message_at: -1 }, tr = O.memo(
     );
   }
 );
-tr.displayName = "ChannelList";
-const nr = /^([a-z][a-z0-9+.-]*):/i, sr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+nr.displayName = "ChannelList";
+const sr = /^([a-z][a-z0-9+.-]*):/i, ar = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function et(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = nr.exec(t);
+  const s = sr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return sr.has(a) ? t : void 0;
+    return ar.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const ar = {
+const rr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, rr = ({ variant: e, cta: t }) => {
+}, ir = ({ 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",
-    ar[e]
+    rr[e]
   ), a = et(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2914,10 +2921,10 @@ const ar = {
       children: t.label
     }
   );
-}, ir = {
+}, or = {
   dark: "text-white",
   light: "text-black/90"
-}, or = "text-white/30", lr = {
+}, lr = "text-white/30", cr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, tt = ({
@@ -2930,14 +2937,14 @@ const ar = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
-  if (!g && !u && !c && !b) return null;
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = o != null;
+  if (!g && !u && !c && !p) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? or : ir[e]
+    d && !t ? lr : or[e]
   ), x = y(
     "truncate text-xs leading-4",
-    lr[e]
+    cr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2949,13 +2956,13 @@ const ar = {
           ] }),
           u && /* @__PURE__ */ n("p", { className: x, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: x, children: f })
+        !p && c && /* @__PURE__ */ n("p", { className: x, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(rr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(ir, { variant: e, cta: o })
   ] });
-}, cr = y(
+}, dr = 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"
@@ -2974,7 +2981,7 @@ const ar = {
   "data-testid": d
 }) => {
   const m = s != null || a != null, g = y(
-    cr,
+    dr,
     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
@@ -3022,15 +3029,15 @@ const ar = {
       ]
     }
   );
-}, dr = {
+}, ur = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ur = {
+}, mr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Te = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && re(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
-  const s = se(e);
+  const s = re(e);
   return s === "video" || s === "audio";
 }, nt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
@@ -3041,8 +3048,8 @@ const ar = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = se(r), d = !!s && l === "video";
-  return Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const l = re(r), d = !!s && l === "video";
+  return Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3083,10 +3090,10 @@ const ar = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              dr[e]
+              ur[e]
             ),
             children: ce(r, {
-              className: ur[e],
+              className: mr[e],
               weight: "regular"
             })
           }
@@ -3096,7 +3103,7 @@ const ar = {
       ]
     }
   );
-}, mr = ({
+}, hr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3110,7 +3117,7 @@ const ar = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Te(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Ae(r, o), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3126,7 +3133,7 @@ const ar = {
       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(Ss, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ts, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: nt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3139,12 +3146,12 @@ const ar = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
     Ee,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Ie,
@@ -3154,7 +3161,7 @@ const ar = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
@@ -3173,7 +3180,7 @@ const ar = {
       ]
     }
   );
-}, hr = ({
+}, fr = ({
   title: e,
   description: t,
   url: s,
@@ -3185,7 +3192,7 @@ const ar = {
   cta: d,
   onClick: m
 }) => {
-  const g = hn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Te(a, i) ? nt : void 0, N = d && m ? {
+  const g = fn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? nt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3199,7 +3206,7 @@ const ar = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3226,7 +3233,7 @@ const ar = {
       ]
     }
   );
-}, fr = ({
+}, gr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3239,14 +3246,14 @@ const ar = {
   cta: m,
   onClick: g
 }) => {
-  const u = hn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = fn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Ee,
     {
       variant: "dark",
       href: c,
-      onClick: b,
-      bgClassName: Te(r, o) ? nt : void 0,
+      onClick: p,
+      bgClassName: Ae(r, o) ? nt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
           Ie,
@@ -3273,20 +3280,20 @@ const ar = {
       ]
     }
   );
-}, _i = {
-  Composer: mr,
-  Sent: fr,
-  Received: hr
-}, gr = {
+}, yi = {
+  Composer: hr,
+  Sent: gr,
+  Received: fr
+}, br = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, br = {
+}, pr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, pr = {
+}, vr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, vr = (e) => e === "dark" ? "sender" : "receiver", xr = {
+}, xr = (e) => e === "dark" ? "sender" : "receiver", wr = {
   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]",
@@ -3308,7 +3315,7 @@ const ar = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = xr[vr(e)][a];
+  const l = t != null && t !== "", d = wr[xr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3323,10 +3330,10 @@ const ar = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        gr[e],
         br[e],
+        pr[e],
         s && "border",
-        s && pr[e],
+        s && vr[e],
         r
       ),
       children: [
@@ -3369,16 +3376,16 @@ const ar = {
     ),
     children: /* @__PURE__ */ n(pe, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", yi = ({
+), we = (e) => e === "received" ? "light" : "dark", Ci = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", wr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Nr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Nr = ({ 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 }] : [], _r = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3401,7 +3408,7 @@ const ar = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), g = e === "composer" && !!d, u = wr({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), g = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3412,30 +3419,30 @@ const ar = {
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        Nr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
+        _r,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
+            g && p === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${p}`
       )) })
     }
   );
-}, _r = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), kr = {
-  Composer: _r,
-  Sent: yr,
-  Received: Cr
+}, yr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Er = {
+  Composer: yr,
+  Sent: Cr,
+  Received: kr
 };
-function Er(e) {
+function Ir(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 Ir = {
+const Sr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3445,7 +3452,7 @@ const Ir = {
   text: "TXT",
   markdown: "MD"
 };
-function Sr(e, t) {
+function Tr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3454,8 +3461,8 @@ function Sr(e, t) {
     }
   }
   if (!e) return;
-  if (se(e) === "document") {
-    const r = Qt(e), i = Ir[r];
+  if (re(e) === "document") {
+    const r = Qt(e), i = Sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3463,11 +3470,11 @@ function Sr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Tr(e, t, s) {
-  const a = Sr(e, t), r = typeof s == "number" && s > 0 ? Er(s) : void 0;
+function Ar(e, t, s) {
+  const a = Tr(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Q(e) {
+function te(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3475,16 +3482,16 @@ function Q(e) {
     return "download";
   }
 }
-const Ar = {
+const Mr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Mr = {
+}, Dr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Dr = {
+}, Rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, fn = ({
+}, gn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3494,16 +3501,16 @@ const Ar = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Tr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Ar(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Mr[e]
+        Dr[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: y("size-6", Dr[e]),
+        className: y("size-6", Rr[e]),
         weight: "regular"
       })
     }
@@ -3514,7 +3521,7 @@ const Ar = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Ar[e]
+          Mr[e]
         ),
         children: m
       }
@@ -3534,7 +3541,7 @@ const Ar = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(re, { children: [
+  ) : /* @__PURE__ */ h(se, { children: [
     g,
     u
   ] });
@@ -3543,8 +3550,8 @@ const Ar = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function gn(e, t) {
-  const s = t ?? Q(e);
+async function bn(e, t) {
+  const s = t ?? te(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3557,23 +3564,23 @@ async function gn(e, t) {
     }
   }
 }
-const Rr = ({
+const Lr = ({
   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 }] : [], Lr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Pr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -3598,19 +3605,19 @@ const Rr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = we(e), f = e === "composer" && !!g, c = Rr({
+  const u = we(e), f = e === "composer" && !!g, c = Lr({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: o
-  }), b = (v) => {
+  }), p = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
     const x = c[v];
     if (!x) return;
-    const w = x.filename ?? Q(x.src);
-    gn(x.src, w);
+    const w = x.filename ?? te(x.src);
+    bn(x.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3633,28 +3640,28 @@ const Rr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        Lr,
+        Pr,
         {
           variant: u,
           item: v,
           index: x,
-          onActivate: b,
+          onActivate: p,
           trailingAction: f && x === 0 ? /* @__PURE__ */ n(xe, { onClick: g, variant: "inline" }) : N
         },
         `${v.src}-${x}`
       )) })
     }
   );
-}, Pr = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Or = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), Fr = {
-  Composer: Pr,
+}, Or = (e) => /* @__PURE__ */ n(at, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(at, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(at, { ...e, state: "received" }), $r = {
+  Composer: Or,
   Sent: zr,
-  Received: Or
+  Received: Fr
 }, rt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(re, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3662,7 +3669,7 @@ const Rr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ts, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3672,10 +3679,10 @@ const Rr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(je, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), bn = ({
+] }), pn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3684,9 +3691,9 @@ const Rr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = z(!1), m = H(
+  const [l, d] = O(!1), m = q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -3760,20 +3767,20 @@ const Rr = ({
       ]
     }
   );
-}, Oe = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
+}, Fe = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Oe(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
+  const a = Fe(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
   J(() => {
-    s && i(Oe(t, 0, Math.max(e - 1, 0)));
+    s && i(Fe(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), J(() => {
-    i((d) => Oe(d, 0, Math.max(e - 1, 0)));
+    i((d) => Fe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = H(() => {
+  const o = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = H(() => {
+  }, [e]), l = q(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return J(() => {
@@ -3794,7 +3801,7 @@ const Rr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = K(null), d = K(null);
+  const l = X(null), d = X(null);
   return J(() => {
     var f;
     const u = l.current;
@@ -3875,7 +3882,7 @@ const Rr = ({
       ]
     }
   );
-}, pn = ({
+}, vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3885,8 +3892,8 @@ const Rr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3897,7 +3904,7 @@ const Rr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        bn,
+        pn,
         {
           url: l.src,
           filename: d,
@@ -3931,7 +3938,7 @@ const Rr = ({
       ]
     }
   ) : null;
-}, $r = "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 = ({
+}, Br = "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", xn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3940,7 +3947,7 @@ const Rr = ({
   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, g) => {
-    const u = y($r, "h-full w-full");
+    const u = y(Br, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -4002,14 +4009,14 @@ const Rr = ({
     }
   );
 }, Ne = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = H(
+  const [t, s] = O(!1), [a, r] = O(0), i = q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = H(() => s(!1), []);
+  ), o = q(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Br = (e, t, s, a) => ({
+}, jr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4024,15 +4031,15 @@ const Rr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), jr = ({
+}), Vr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], xn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], wn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Vr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Ur = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
     r
   );
@@ -4059,16 +4066,16 @@ const Rr = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      pn,
+      vn,
       {
         open: o,
-        items: xn([{ src: e, alt: t }], s),
+        items: wn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, wn = ({
+}, Nn = ({
   state: e,
   src: t,
   alt: s,
@@ -4079,13 +4086,13 @@ const Rr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = jr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ne(
+  const m = Vr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ne(
     d
   );
   if (m.length === 0)
     return null;
   const N = m.map(
-    (v, x) => Br(v, x, m.length, l)
+    (v, x) => jr(v, x, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4095,24 +4102,24 @@ const Rr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          pn,
+          vn,
           {
             open: u,
-            items: xn(m, a),
+            items: wn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
     }
   );
-}, Ur = (e) => /* @__PURE__ */ n(Vr, { ...e }), Gr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Hr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Yr = {
-  Composer: Ur,
-  Sent: Gr,
-  Received: Hr
-}, qr = ({
+}, Gr = (e) => /* @__PURE__ */ n(Ur, { ...e }), Hr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), qr = {
+  Composer: Gr,
+  Sent: Hr,
+  Received: Yr
+}, Wr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4122,11 +4129,11 @@ const Rr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "document"),
     [l]
-  ), m = te(
-    () => l ? Wr(l.src) : void 0,
+  ), m = ne(
+    () => l ? Xr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4160,25 +4167,25 @@ const Rr = ({
       ]
     }
   );
-}, Wr = (e) => {
+}, Xr = (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()}`;
-}, Xr = ({
+}, Kr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Kr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Jr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       variant: e,
       filename: i,
@@ -4202,14 +4209,14 @@ const Rr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = we(e), u = Xr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
+  const g = we(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
   const x = u.map((w) => ({
     src: w.src,
-    filename: w.filename ?? Q(w.src)
+    filename: w.filename ?? te(w.src)
   }));
   return /* @__PURE__ */ h(
     ve,
@@ -4219,31 +4226,31 @@ const Rr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, M) => {
-          const A = w.filename ?? Q(w.src), S = v && M === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            bn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
+          const T = w.filename ?? te(w.src), S = v && A === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            pn,
             {
               url: w.src,
-              filename: A,
+              filename: T,
               variant: "inline",
-              label: `Download ${A}`,
+              label: `Download ${T}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            Kr,
+            Jr,
             {
               variant: g,
               item: w,
-              index: M,
-              onActivate: b,
+              index: A,
+              onActivate: p,
               trailingAction: S
             },
-            `${w.src}-${M}`
+            `${w.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
-          qr,
+          Wr,
           {
             open: f,
             items: x,
@@ -4254,11 +4261,11 @@ const Rr = ({
       ]
     }
   );
-}, Jr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Zr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ei = {
-  Composer: Jr,
-  Sent: Zr,
-  Received: Qr
-}, Nn = ({
+}, Zr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), ti = {
+  Composer: Zr,
+  Sent: Qr,
+  Received: ei
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4268,8 +4275,8 @@ const Rr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4308,7 +4315,7 @@ const Rr = ({
       ]
     }
   ) : null;
-}, ti = () => /* @__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($e, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ni = () => /* @__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 }) }) }), yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4330,23 +4337,23 @@ const Rr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ti, {})
-] }), ni = (e, t, s) => ({
+  /* @__PURE__ */ n(ni, {})
+] }), si = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), si = ({
+  content: /* @__PURE__ */ n(yn, { item: e, index: t })
+}), ai = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], yn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Cn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), ai = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), ri = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: g } = Ne(
     i
   );
@@ -4358,15 +4365,15 @@ const Rr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Nn,
+      _n,
       {
         open: l,
-        items: yn(
+        items: Cn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4375,7 +4382,7 @@ const Rr = ({
       }
     )
   ] });
-}, Cn = ({
+}, kn = ({
   state: e,
   src: t,
   poster: s,
@@ -4387,13 +4394,13 @@ const Rr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = si({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
+  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     m
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (x, w) => ni(x, w, g.length)
+    (x, w) => si(x, w, g.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4404,18 +4411,18 @@ const Rr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          vn,
+          xn,
           {
             tiles: v,
-            onTileActivate: b,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             open: f,
-            items: yn(g, r),
+            items: Cn(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4423,17 +4430,17 @@ const Rr = ({
       ]
     }
   );
-}, ri = (e) => /* @__PURE__ */ n(ai, { ...e }), ii = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), li = {
-  Composer: ri,
-  Sent: ii,
-  Received: oi
-}, Ci = {
-  Image: Yr,
-  Video: li,
-  Audio: kr,
-  Pdf: ei,
-  File: Fr
-}, ci = ({
+}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), ci = {
+  Composer: ii,
+  Sent: oi,
+  Received: li
+}, ki = {
+  Image: qr,
+  Video: ci,
+  Audio: Er,
+  Pdf: ti,
+  File: $r
+}, di = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4455,7 +4462,7 @@ const Rr = ({
     ),
     children: e
   }
-), ki = ({
+), Ei = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4467,7 +4474,7 @@ const Rr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ne,
+      ae,
       {
         id: o || "account",
         name: o || "Account",
@@ -4484,7 +4491,7 @@ const Rr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            ci,
+            di,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4499,37 +4506,37 @@ const Rr = ({
 };
 export {
   en as A,
-  js as B,
-  Ha as C,
-  Ms as D,
-  ki as F,
-  _i as L,
-  xi as M,
+  Vs as B,
+  Ya as C,
+  Ds as D,
+  Ei as F,
+  yi as L,
+  wi as M,
   ye as a,
-  ne as b,
-  tr as c,
-  dn as d,
-  wi as e,
-  ci as f,
-  se as g,
+  ae as b,
+  nr as c,
+  un as d,
+  Ni as e,
+  di as f,
+  re as g,
   Ft as h,
-  Ci as i,
-  wa as j,
-  vi as k,
-  Ni as l,
-  Tr as m,
-  Er as n,
-  Qa as o,
-  Sr as p,
+  ki as i,
+  Na as j,
+  xi as k,
+  _i as l,
+  Ar as m,
+  Ir as n,
+  er as o,
+  Tr as p,
   Kt as q,
   ce as r,
   sn as s,
-  Rs as t,
-  yi as u,
-  Vs as v,
+  Ls as t,
+  Ci as u,
+  Us as v,
   Ze as w,
   Qe as x,
-  Se as y,
-  fa as z
+  Te as y,
+  ga as z
 };
-//# sourceMappingURL=index-BmCc1-F3.js.map
+//# sourceMappingURL=index-Cj6b1oEe.js.map