@linktr.ee/messaging-react 3.1.0 → 3.1.2-rc-1780563075

package/dist/{index-CJEl_fID.js → index-UtNoTrrb.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import z, { createContext as He, useContext as Se, useCallback as q, useState as O, useRef as K, useEffect as J, useMemo as te, 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 { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
+import z, { createContext as Ge, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as He } from "react";
+import { StreamChatService as En } from "@linktr.ee/messaging-core";
+import { Chat as In, DateSeparator as Sn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Tn, useMessageReminder as An, useComponentContext as Vt, Attachment as Mn, EditMessageModal as Dn, MessageBlocked as Rn, MessageBouncePrompt as Ln, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as On, MessageRepliesCountButton as zn, 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 At, 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 De, AIStates as Re, 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 $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as cs, ProhibitInsetIcon as Mt, FlagIcon as Ut, FileIcon as Gt, ImageIcon as ds, SpeakerHighIcon as us, VideoCameraIcon as Ht, 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 Be, 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 je, ProhibitIcon as Is, ArrowLeftIcon as Dt, DotsThreeIcon as Rt, PencilSimpleIcon as Ss, CaretLeftIcon as Ts, CaretRightIcon as As } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as Ms, DefaultDropdownActionButton as qt } from "stream-chat-react/experimental";
-import { LinkPreviewsManager as Pt } from "stream-chat";
-const Wt = He({
+import { MessageActions as Ms, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
+import { LinkPreviewsManager as Lt } from "stream-chat";
+const qt = Ge({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Wt = He({
   refreshConnection: async () => {
   },
   debug: !1
-}), We = () => Se(Wt), xi = ({
+}), qe = () => Se(qt), xi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -36,14 +36,14 @@ const Wt = He({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, b] = O(!1), [N, v] = O(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 = He({
     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 = He({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const C = new In({
+    const C = new En({
       ...s,
       apiKey: a,
       debug: i
@@ -95,7 +95,7 @@ const Wt = He({
       }), 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 = He({
       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 = He({
       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 = He({
           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,7 +149,7 @@ const Wt = He({
     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
     });
@@ -162,7 +162,7 @@ const Wt = He({
       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 = He({
         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 = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), R = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,20 +204,20 @@ const Wt = He({
     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(
-    Sn,
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
+    In,
     {
       client: m,
       customClasses: {
-        channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
+        channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A] p-4"
       },
       children: e
     }
   ) : e });
-}, Ds = () => We(), Xt = (e) => {
+}, Ds = () => qe(), Wt = (e) => {
   var a, r;
   const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -243,14 +243,14 @@ const Wt = He({
 function Ls(e) {
   return Rs.test(e.trim());
 }
-function Ot(e, t) {
+function Pt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !Ls(s);
 }
 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";
+  return Pt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Pt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const zt = [
+const Ot = [
   "🍎",
   // Apple
   "🍌",
@@ -287,10 +287,10 @@ function Ps(e) {
   return Math.abs(t);
 }
 function Os(e) {
-  const s = Ps(e) % zt.length;
-  return zt[s];
+  const s = Ps(e) % Ot.length;
+  return Ot[s];
 }
-const se = ({
+const ae = ({
   id: e,
   image: t,
   size: s = 40,
@@ -299,10 +299,7 @@ const se = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  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(
+  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: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -421,21 +418,21 @@ const $s = ({
   onDeleteConversationClick: u,
   onBlockParticipantClick: f,
   onReportParticipantClick: c,
-  customProfileContent: b,
+  customProfileContent: p,
   customChannelActions: N
 }) => {
-  var B, H, W, $;
-  const { service: v, debug: x } = We(), [w, M] = O(!1), [A, S] = O(!1), [L, I] = O(!1), C = q(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 } = qe(), [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 +444,11 @@ const $s = ({
     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 +457,25 @@ const $s = ({
       }
     }
   }, 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 +488,7 @@ const $s = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Te(s.user), X = (H = s.user) == null ? void 0 : H.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,8 +497,8 @@ const $s = ({
         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: [
@@ -517,11 +514,11 @@ const $s = ({
                 children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ n(
-                      se,
+                      ae,
                       {
                         id: P,
                         name: F,
-                        image: X,
+                        image: Z,
                         size: 88,
                         shape: "circle"
                       }
@@ -529,7 +526,7 @@ const $s = ({
                     /* @__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 +542,7 @@ const $s = ({
                       )
                     ] })
                   ] }),
-                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
+                  p && /* @__PURE__ */ n("div", { className: "w-full", children: p })
                 ]
               }
             ),
@@ -554,10 +551,10 @@ const $s = ({
                 ye,
                 {
                   onClick: k,
-                  disabled: A,
-                  "aria-busy": A,
+                  disabled: T,
+                  "aria-busy": T,
                   children: [
-                    A ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
+                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(cs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -566,10 +563,10 @@ const $s = ({
                 ye,
                 {
                   onClick: D,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Le, { 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(Mt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
@@ -577,16 +574,16 @@ const $s = ({
                 ye,
                 {
                   onClick: E,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Le, { 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(Mt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
               g && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ye, { variant: "danger", onClick: V, children: [
-                /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               N
@@ -596,20 +593,20 @@ const $s = ({
       }
     )
   );
-}, Bs = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), Ue = "vote_up", Ge = "vote_down";
+}, Bs = (e) => /* @__PURE__ */ n(Sn, { ...e, position: "center" }), Ve = "vote_up", Ue = "vote_down";
 function js(e) {
-  return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Ue) ? "down" : e.some((t) => t.type === Ve) ? "up" : null : null;
 }
 function Vs(e) {
-  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = te(
+  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ne(
     () => js(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
           e.id,
-          { type: Ue },
+          { type: Ve },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -617,9 +614,9 @@ function Vs(e) {
   }, [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, Ge) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, Ue) : await t.sendReaction(
           e.id,
-          { type: Ge },
+          { type: Ue },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -630,7 +627,7 @@ function Vs(e) {
 function Us(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Kt({
+function Xt({
   message: e,
   viewerLanguage: t
 }) {
@@ -638,13 +635,13 @@ function Kt({
   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 Gs = z.lazy(() => import("./Card-BGOWR4lW.js")), Hs = z.lazy(() => import("./Card-BhO5jeP9.js")), Ys = z.lazy(() => import("./Card-BfvsO78k.js")), Xe = () => /* @__PURE__ */ n(
+const Gs = z.lazy(() => import("./Card-DOcs__XO.js")), Hs = z.lazy(() => import("./Card-CserQom-.js")), Ys = z.lazy(() => import("./Card-MDGTBRIk.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), 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 = [
+), qs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Gs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Hs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Ws = Kt, Xs = Jt, zt = { Composer: qs, Sent: Kt, Received: Jt, Creator: Ws, Visitor: Xs }, Ks = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -654,36 +651,36 @@ const Gs = z.lazy(() => import("./Card-BGOWR4lW.js")), Hs = z.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ae(e) {
+function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Qt(e) {
+function Zt(e) {
   const t = Ks.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const Js = {
-  video: Yt,
-  audio: ms,
-  image: us,
-  document: Ht
+  video: Ht,
+  audio: us,
+  image: ds,
+  document: Gt
 }, Zs = {
-  pdf: ws,
-  doc: xs,
-  xls: vs,
-  csv: ps,
-  ppt: bs,
-  zip: gs,
-  text: fs,
-  markdown: hs,
-  generic: Ht
+  pdf: xs,
+  doc: vs,
+  xls: ps,
+  csv: bs,
+  ppt: gs,
+  zip: fs,
+  text: hs,
+  markdown: ms,
+  generic: Gt
 };
 function Qs(e) {
-  const t = ae(e);
-  return t !== "document" ? Js[t] : Zs[Qt(e)];
+  const t = re(e);
+  return t !== "document" ? Js[t] : Zs[Zt(e)];
 }
-function ce(e, t) {
+function le(e, t) {
   return z.createElement(Qs(e), t);
 }
 const ea = (e) => {
@@ -701,71 +698,71 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ae(t), u = K(null), f = K(null), c = K(null), b = K(r), [N, v] = O(a), [x, w] = O(0), [M, A] = O(!1), [S, L] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, V] = O(!0), [F, X] = O(null), U = q(() => {
+  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 = q((p) => {
+  }, []), G = q((b) => {
     const _ = f.current;
     if (!_) return 0;
-    const R = _.getBoundingClientRect();
+    const L = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ea(p) - R.left) / R.width)
+      Math.min(1, (ea(b) - L.left) / L.width)
     );
-  }, []), P = q((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 H = 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}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
       style: H,
-      onClick: (p) => {
+      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((_) => !_);
@@ -780,7 +777,7 @@ const ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -819,8 +816,8 @@ const ea = (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,11 +839,11 @@ const ea = (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(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -864,9 +861,9 @@ const ea = (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 +879,12 @@ const ea = (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(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: N ? /* @__PURE__ */ n(ws, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -903,17 +900,17 @@ const ea = (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 +923,7 @@ const ea = (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 +934,7 @@ const ea = (e) => {
       ]
     }
   );
-}, $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 = ({
+}, Ft = (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", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -946,7 +943,7 @@ const ea = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ae(e), [d, m] = O(!1);
+  const l = re(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     ta,
     {
@@ -994,8 +991,8 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
-        className: $t(r),
+      children: le(e, {
+        className: Ft(r),
         weight: "regular"
       })
     }
@@ -1011,13 +1008,13 @@ const ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ce(e, {
-        className: $t(r),
+      children: le(e, {
+        className: Ft(r),
         weight: "regular"
       })
     }
   );
-}, tn = ({
+}, en = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1031,7 +1028,7 @@ const ea = (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,14 +1048,14 @@ const ea = (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
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ce(r, {
+            le(r, {
               className: y(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1083,10 +1080,10 @@ const ea = (e) => {
     }
   );
 };
-function nn(e) {
+function tn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Ke(e) {
+function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function sa(e) {
@@ -1104,7 +1101,7 @@ function ia(e) {
 function oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Je = ({ attachment: e, isMyMessage: t }) => {
+const Ke = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
@@ -1117,7 +1114,7 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${sa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(_s, { className: `size-12 ${oa(t)}` })
+        children: /* @__PURE__ */ n(Ns, { className: `size-12 ${oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
@@ -1128,12 +1125,12 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
   ] });
   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 });
 };
-function sn(e) {
+function nn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Ze(e) {
+function Je(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(sn);
+  return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
 async function la(e, t) {
   let s;
@@ -1174,15 +1171,15 @@ const ca = ({
     }
   );
 };
-function Qe(e) {
-  var u, f, c, b;
+function Ze(e) {
+  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;
@@ -1195,16 +1192,16 @@ function Qe(e) {
     thumbnailUrl: g
   };
 }
-const an = ({
+const sn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? nn(a) : void 0;
+  const i = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
-    tn,
+    en,
     {
       variant: "dark",
       title: s,
@@ -1212,7 +1209,7 @@ const an = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        en,
+        Qt,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1223,23 +1220,23 @@ const an = ({
       )
     }
   );
-}, rn = ({
+}, an = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ae(t), o = a !== void 0 ? nn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
-    tn,
+    en,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        en,
+        Qt,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1256,10 +1253,10 @@ const an = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Ze(e), a = Qe(e);
+  const s = Je(e), a = Ze(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(
-      se,
+      ae,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1277,7 +1274,7 @@ const an = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Ke(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(an, { ...a }) : /* @__PURE__ */ n(rn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
           }
         ) })
       }
@@ -1286,19 +1283,19 @@ const an = ({
 }, ua = ({
   message: e
 }) => {
-  const t = Ze(e);
+  const t = Je(e);
   if (t)
-    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;
+    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
+  const s = Ze(e);
+  return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
 }, ma = ({
   message: e
 }) => {
-  const t = Ze(e);
+  const t = Je(e);
   if (t)
-    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;
+    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
+  const s = Ze(e);
+  return s ? /* @__PURE__ */ n(an, { ...s }) : null;
 }, wi = Object.assign(da, {
   Creator: ua,
   Visitor: ma
@@ -1306,9 +1303,9 @@ const an = ({
   isUnlocking: () => !1
 }, fa = {
   LockedAttachment: ha
-}, on = He({}), Ni = on.Provider;
+}, rn = Ge({}), Ni = rn.Provider;
 function ga(e) {
-  return Se(on)[e] ?? fa[e];
+  return Se(rn)[e] ?? fa[e];
 }
 const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1339,9 +1336,9 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, xa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, ln = (e) => pa(e) || va(e), wa = (e) => {
+}, on = (e) => pa(e) || va(e), wa = (e) => {
   var t;
-  return ln(e) && !((t = e.text) != null && t.trim());
+  return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
   message: e,
   standalone: t = !1,
@@ -1349,16 +1346,16 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = ln(e), i = Ce(e);
+  const r = on(e), i = Ce(e);
   if (!r && !i)
     return null;
   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(ys, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n(_s, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
@@ -1366,10 +1363,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     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(ba, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(ne, { children: [
+  ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
@@ -1389,7 +1386,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(ys, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1403,11 +1400,11 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(ks, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Cs, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), _a = (e) => {
-  var gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St;
+  var ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1422,69 +1419,69 @@ const ba = ({ 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 } = ga("LockedAttachment"), [I, C] = O(!1), k = Mn(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
-    Attachment: F = Dn,
-    EditMessageModal: X = Rn,
+  } = e, { client: x } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = An(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
+    Attachment: F = Mn,
+    EditMessageModal: Z = Dn,
     MessageActions: U,
-    MessageBlocked: G = Ln,
-    MessageBouncePrompt: P = Pn,
-    MessageDeleted: B = On,
-    MessageIsThreadReplyInChannelButtonIndicator: H = zn,
-    MessageRepliesCountButton: W = Fn,
-    ReminderNotification: $ = $n,
-    StreamedMessageText: p = Bn,
+    MessageBlocked: G = Rn,
+    MessageBouncePrompt: P = Ln,
+    MessageDeleted: B = Pn,
+    MessageIsThreadReplyInChannelButtonIndicator: H = On,
+    MessageRepliesCountButton: Y = zn,
+    ReminderNotification: $ = Fn,
+    StreamedMessageText: b = $n,
     PinIndicator: _
-  } = Ut("CustomMessage"), R = jn(c), T = Vn(c), j = te(
+  } = Vt("CustomMessage"), L = Bn(c), M = jn(c), W = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), Y = 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(() => {
-    const me = Kt({ message: c, viewerLanguage: v });
+    const St = _e.filter((Tt) => !("type" in Tt) || !nn(Tt));
+    return St.length === _e.length ? _e : St;
+  }, [c]), K = ne(() => {
+    const me = Xt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
-  if (Un(c))
+  if (Vn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
-  if (Gn(c))
+  if (Un(c))
     return /* @__PURE__ */ n(G, {});
-  const re = !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 = Hn(c);
+  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, lt = c.status === "failed" && ((ft = c.error) == null ? void 0 : ft.status) !== 403, ct = Gn(c);
   let ie;
-  ct ? ie = () => m(c) : dt && (ie = () => C(!0));
-  const ue = f(), En = y(
+  lt ? ie = () => m(c) : ct && (ie = () => C(!0));
+  const de = f(), kn = 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",
+    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": 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-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": re || ee,
+      "str-chat__message--with-reactions": M,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((gt = c == null ? void 0 : c.error) == null ? void 0 : gt.status) !== 403,
+      "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 = wa(c), oe = Ce(c), ht = xa(c), Me = !!(Y != null && Y.length && !c.quoted_message), ft = oe && ue && Me;
-  return /* @__PURE__ */ h(ne, { children: [
+  ), dt = c.poll_id && x.polls.fromState(c.poll_id), ut = wa(c), ue = Ce(c), mt = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ht = ue && de && Me;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      X,
+      Z,
       {
         additionalMessageInputProps: t
       }
     ),
     I && /* @__PURE__ */ n(
-      Yn,
+      Hn,
       {
         MessageBouncePrompt: P,
         onClose: () => C(!1),
@@ -1494,28 +1491,28 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ h(
       "div",
       {
-        className: En,
+        className: kn,
         "data-message-id": c.id,
         children: [
           _ && /* @__PURE__ */ n(_, {}),
           !!k && /* @__PURE__ */ n($, { reminder: k }),
           c.user && /* @__PURE__ */ n(
-            se,
+            ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
               image: c.user.image,
               name: c.user.name || c.user.id,
-              size: oe ? 24 : 28,
+              size: 24,
               shape: "circle",
-              dmAgentEnabled: oe
+              dmAgentEnabled: ue
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ct || dt
+                "str-chat__simple-message--error-failed": lt || ct
               }),
               "data-testid": "message-inner",
               onClick: ie,
@@ -1528,94 +1525,94 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: ht ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              children: mt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   U && /* @__PURE__ */ n(U, {}),
                   /* @__PURE__ */ n(
-                    Ft.Sent,
+                    zt.Sent,
                     {
-                      title: (pt = c.metadata) == null ? void 0 : pt.attachment_title,
-                      mimeType: (vt = c.metadata) == null ? void 0 : vt.attachment_mime_type,
-                      thumbnailUrl: (xt = c.metadata) == null ? void 0 : xt.attachment_thumbnail,
-                      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),
+                      title: (bt = c.metadata) == null ? void 0 : bt.attachment_title,
+                      mimeType: (pt = c.metadata) == null ? void 0 : pt.attachment_mime_type,
+                      thumbnailUrl: (vt = c.metadata) == null ? void 0 : vt.attachment_thumbnail,
+                      amountText: (xt = c.metadata) == null ? void 0 : xt.amount_text,
+                      detail: (wt = c.metadata) == null ? void 0 : wt.attachment_detail,
+                      paymentStatus: (Nt = c.metadata) == null ? void 0 : Nt.payment_status,
+                      onPreviewClick: () => T == null ? void 0 : T(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    Ft.Received,
+                    zt.Received,
                     {
-                      title: (yt = c.metadata) == null ? void 0 : yt.attachment_title,
-                      mimeType: (Ct = c.metadata) == null ? void 0 : Ct.attachment_mime_type,
-                      thumbnailUrl: (kt = c.metadata) == null ? void 0 : kt.attachment_thumbnail,
-                      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),
+                      title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
+                      mimeType: (yt = c.metadata) == null ? void 0 : yt.attachment_mime_type,
+                      thumbnailUrl: (Ct = c.metadata) == null ? void 0 : Ct.attachment_thumbnail,
+                      amountText: (kt = c.metadata) == null ? void 0 : kt.amount_text,
+                      detail: (Et = c.metadata) == null ? void 0 : Et.attachment_detail,
+                      paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
+                      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, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Mt,
+                  At,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) })
-              ] }) : mt ? (
+              ] }) : ut ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__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(
+                ue && !ht && /* @__PURE__ */ n(
                   Pe,
                   {
                     message: c,
                     hasAttachment: Me,
-                    isMyMessage: ue
+                    isMyMessage: de
                   }
                 ),
-                ut && /* @__PURE__ */ n(qn, { poll: ut }),
-                Y != null && Y.length && !c.quoted_message ? /* @__PURE__ */ n(
+                dt && /* @__PURE__ */ n(Yn, { poll: dt }),
+                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   F,
                   {
                     actionHandler: l,
-                    attachments: Y
+                    attachments: j
                   }
                 ) : null,
-                j ? /* @__PURE__ */ n(
-                  p,
+                W ? /* @__PURE__ */ n(
+                  b,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
-                  Mt,
+                  At,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ),
-                /* @__PURE__ */ n(Wn, {})
+                /* @__PURE__ */ n(qn, {})
               ] }) })
             }
           ),
-          !ht && !mt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!oe || ft) && /* @__PURE__ */ n(
+          !mt && !ut && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!ue || ht) && /* @__PURE__ */ n(
               Pe,
               {
                 message: c,
                 hasAttachment: Me,
-                isMyMessage: ue
+                isMyMessage: de
               }
             ),
-            s && oe && /* @__PURE__ */ n(
+            s && ue && /* @__PURE__ */ n(
               Na,
               {
                 selected: E,
@@ -1624,14 +1621,14 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             )
           ] }),
-          re && /* @__PURE__ */ n(
-            W,
+          ee && /* @__PURE__ */ n(
+            Y,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ee && /* @__PURE__ */ n(H, {})
+          Q && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
@@ -1639,7 +1636,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   ] });
 }, ya = z.memo(
   _a,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Tn(e, t)
 ), Ca = (e) => {
   const t = be("CustomMessage");
   return /* @__PURE__ */ n(ya, { ...t, ...e });
@@ -1647,25 +1644,25 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   var s;
   const { handleDelete: e, message: t } = be("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    qt,
+    Yt,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Es, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ks, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ea = () => {
   const { handleFlag: e } = be("CustomMessageActions");
   return /* @__PURE__ */ n(
-    qt,
+    Yt,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Gt, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ut, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ia = () => {
@@ -1682,7 +1679,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Sa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Pt.previewIsLoaded(t) || Pt.previewIsLoading(t)
+    (t) => Lt.previewIsLoaded(t) || Lt.previewIsLoading(t)
   )
 }), Ta = ({
   link: e,
@@ -1725,7 +1722,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Aa = () => {
-  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
+  const { linkPreviewsManager: e } = Wn(), { linkPreviews: t } = Xn(
     e.state,
     Sa
   ), s = (r) => {
@@ -1739,7 +1736,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, cn = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = z.createContext(!1), Ma = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1747,23 +1744,23 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Is, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Es, { weight: "bold", className: "size-4" })
   }
 ), Da = () => {
-  const e = Se(cn), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
+  const e = Se(ln), { handleSubmit: t } = Jn(), s = Zn(), a = e || !s, {
     SendButton: r = Ma,
-    AttachmentPreviewList: i = es
-  } = Ut("CustomMessageInput");
+    AttachmentPreviewList: i = Qn
+  } = Vt("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(es, {}),
     /* @__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(
-        ns,
+        ts,
         {
           "aria-disabled": e || void 0,
-          className: "w-full resize-none outline-none leading-6",
+          className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
           autoFocus: !e,
           maxRows: 4,
           readOnly: e,
@@ -1790,8 +1787,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   disabledReason: a
 }) => {
   var o;
-  const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ne, { children: [
+  const { channel: r } = ce(), 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: [
@@ -1803,7 +1800,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
         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(cn.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
+          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Kn, { Input: Da }) })
         ]
       }
     ),
@@ -1819,10 +1816,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "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."
-}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", Bt = (e) => La.includes(e), $a = (e) => Oa.includes(e), Ba = (e) => {
+}, Oe = "age safety guidelines.", Fa = "https://linktr.ee/s/about/contact", $t = (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))
+  if ($t(t))
     return {
       kind: "dm-agent",
       type: t
@@ -1833,7 +1830,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Bt(s))
+  if ($t(s))
     return {
       kind: "dm-agent",
       type: s
@@ -1843,7 +1840,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1899,7 +1896,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ss,
+              Is,
               {
                 size: 24,
                 weight: "duotone",
@@ -1923,7 +1920,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] }),
     !t && /* @__PURE__ */ n(De, { message: e.message })
   ] });
-}, dn = He(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1938,12 +1935,12 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Re.Generating,
   Re.ExternalSources
 ]), Ga = ({ threadList: e }) => {
-  var b, N;
-  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Se(dn);
+  var p, N;
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ns(), { aiState: o } = ss(t), l = Se(cn);
   if (!e && l && Ua.has(o)) {
-    const v = Ha(t, (b = r.user) == null ? void 0 : b.id);
+    const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
-      jt,
+      Bt,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -1969,7 +1966,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return null;
   const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    jt,
+    Bt,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -1977,7 +1974,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
       testId: "typing-indicator"
     }
   );
-}, jt = ({
+}, Bt = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -1990,7 +1987,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        se,
+        ae,
         {
           id: e,
           name: t,
@@ -2075,7 +2072,7 @@ const Ya = () => null, qa = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__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", Wa = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", jt = "Replies instantly with AI assistant", Wa = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2083,17 +2080,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 = z.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 } = ce(), 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 = Te(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 = Wt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
     } catch (x) {
@@ -2104,56 +2101,53 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     }
   };
   return /* @__PURE__ */ h("div", { className: "@container", children: [
-    /* @__PURE__ */ h("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
+    /* @__PURE__ */ h("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3", children: [
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
           className: y(
-            le,
-            "messaging-channel-view-back-button-mobile"
+            oe,
+            "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          se,
+          ae,
           {
             id: ((N = l == null ? void 0 : l.user) == null ? void 0 : N.id) || o.id || "unknown",
             name: d,
             image: m,
             starred: r && g,
             dmAgentEnabled: i,
-            size: 40
+            size: 48
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             onClick: s,
-            className: "flex items-center gap-0.5 rounded-full bg-black/[0.05] px-3 py-1 text-xs font-medium text-black/90 hover:bg-black/[0.08] transition-colors",
+            className: "flex items-center gap-0.5 rounded-full px-3 py-1 text-xs font-medium text-black/90 hover:bg-black/[0.08] transition-colors",
             "aria-label": `View info for ${d}`,
-            children: [
-              d,
-              /* @__PURE__ */ n(Ve, { className: "size-3 shrink-0" })
-            ]
+            children: d
           }
         ),
         i && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(je, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Vt })
+          /* @__PURE__ */ n("span", { children: jt })
         ] })
       ] }),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: oe,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
@@ -2172,58 +2166,55 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: y(oe, "bg-[#F1F0EE]"),
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ h("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
+    /* @__PURE__ */ h("div", { className: "px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]", children: [
       /* @__PURE__ */ h("div", { className: "flex items-center gap-4 min-w-0", children: [
         t && e && /* @__PURE__ */ n(
           "button",
           {
             className: y(
-              le,
+              oe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Dt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ n(
-          se,
+          ae,
           {
             id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
             name: d,
             image: m,
             starred: r && g,
             dmAgentEnabled: i,
-            size: 40
+            size: 48
           }
         ),
         /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-          a ? /* @__PURE__ */ h(
+          a ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
               onClick: s,
               className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
               "aria-label": `View info for ${d}`,
-              children: [
-                /* @__PURE__ */ n("span", { className: "truncate", children: d }),
-                /* @__PURE__ */ n(Ve, { className: "size-4 shrink-0" })
-              ]
+              children: /* @__PURE__ */ n("span", { className: "truncate", children: d })
             }
           ) : /* @__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(je, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
+            /* @__PURE__ */ n("span", { className: "truncate", children: jt })
           ] })
         ] })
       ] }),
@@ -2231,14 +2222,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         r && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: oe,
             onClick: u,
             type: "button",
             "aria-label": g ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               $e,
               {
-                className: y("size-5", {
+                className: y("size-6", {
                   "text-yellow-600": g,
                   "text-black/90": !g
                 }),
@@ -2250,11 +2241,11 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         a && s && /* @__PURE__ */ n(
           "button",
           {
-            className: le,
+            className: oe,
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Rt, { className: "size-6 text-black/90" })
           }
         )
       ] })
@@ -2275,71 +2266,71 @@ 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 H, W, $, p, _, R;
-  const { channel: C } = de(), k = K(null), E = z.useMemo(() => {
-    var Y, Z;
-    const T = (Y = C._client) == null ? void 0 : Y.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find(
-      (re) => {
-        var ee;
-        return ((ee = re.user) == null ? void 0 : ee.id) && re.user.id !== T;
+  var H, Y, $, b, _, L;
+  const { channel: C } = ce(), 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;
-  }, [(H = C._client) == null ? void 0 : H.userID, (W = C.state) == null ? void 0 : W.members]), D = z.useMemo(() => {
-    var Y, Z;
-    const T = (Y = C._client) == null ? void 0 : Y.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find((re) => {
-      var ee;
-      return ((ee = re.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 = z.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";
+    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 T;
-    (T = k.current) == null || T.showModal();
+    var M;
+    (M = k.current) == null || M.showModal();
   }, []), P = q(() => {
-    var T;
-    (T = k.current) == null || T.close();
+    var M;
+    (M = k.current) == null || M.close();
   }, []), B = q(
-    (T) => {
-      const { message: j } = be("ChannelView"), Y = /* @__PURE__ */ n(
+    (M) => {
+      const { message: W } = be("ChannelView"), j = /* @__PURE__ */ n(
         Ca,
         {
-          ...T,
+          ...M,
           chatbotVotingEnabled: x,
           viewerLanguage: I
         }
       );
-      return !S || !j ? Y : S(Y, j);
+      return !S || !W ? j : S(j, W);
     },
     [x, S, I]
   );
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n(
-      is,
+      rs,
       {
         overrides: {
           Message: B,
           MessageActions: Ia
         },
-        children: /* @__PURE__ */ h(os, { children: [
-          /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ h(is, { children: [
+          /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
             Wa,
             {
               onBack: e,
@@ -2347,7 +2338,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               onShowInfo: G,
               canShowInfo: !!E,
               showStarButton: v,
-              dmAgentEnabled: X
+              dmAgentEnabled: Z
             }
           ) }, "lt-channel-header"),
           w ? /* @__PURE__ */ n(z.Fragment, { children: w() }, "lt-channel-banner") : null,
@@ -2356,7 +2347,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             {
               className: "flex-1 overflow-hidden relative",
               children: /* @__PURE__ */ n(
-                ls,
+                os,
                 {
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -2369,9 +2360,11 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           /* @__PURE__ */ n(
             Ra,
             {
-              renderActions: () => s == null ? void 0 : s(C),
+              ...s && {
+                renderActions: () => s == null ? void 0 : s(C)
+              },
               renderFooter: () => a == null ? void 0 : a(C),
-              disabled: b,
+              disabled: p,
               disabledReason: N
             },
             "lt-channel-message-input"
@@ -2396,12 +2389,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
       }
     )
   ] });
-}, un = z.memo(
+}, dn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -2417,15 +2410,15 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     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,
@@ -2433,38 +2426,38 @@ 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 = q(
-      async (B, H, W) => {
-        var j;
-        const $ = ((j = e.data) == null ? void 0 : j.chatbot_paused) === !0, p = M && !$, _ = {
+      async (B, H, Y) => {
+        var W;
+        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = A && !$, _ = {
           ...H,
-          ...p && { silent: !0 },
-          ...A && {
+          ...b && { silent: !0 },
+          ...T && {
             metadata: {
               ...H.metadata ?? {},
-              ...A
+              ...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 H = (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((Y) => Y.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", H), () => B.removeEventListener("click", H);
     }, [V, e]), /* @__PURE__ */ n(
@@ -2475,8 +2468,8 @@ 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(dn.Provider, { value: M ?? !1, children: /* @__PURE__ */ n(
-          rs,
+        children: /* @__PURE__ */ n(cn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
+          as,
           {
             channel: e,
             MessageSystem: Va,
@@ -2486,7 +2479,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             TypingIndicator: Ga,
             doSendMessageRequest: G,
             ...F ? { SendButton: F } : {},
-            ...X ? { AttachmentPreviewList: X } : {},
+            ...Z ? { AttachmentPreviewList: Z } : {},
             children: /* @__PURE__ */ n(
               Xa,
               {
@@ -2502,13 +2495,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,
@@ -2523,7 +2516,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-un.displayName = "ChannelView";
+dn.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!" }),
@@ -2554,101 +2547,111 @@ const _i = ({
   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
-  } = Ds(), [k, E] = O(null), [D, V] = O(null), [F, X] = O(!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 H = q(() => {
-    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(
-    un,
+    dn,
     {
       channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
-      onLeaveConversation: H,
-      onBlockParticipant: H,
+      renderChannelBanner: p,
+      onLeaveConversation: $,
+      onBlockParticipant: $,
       CustomChannelEmptyState: l,
       showDeleteConversation: U,
       onBlockParticipantClick: d,
@@ -2670,14 +2673,14 @@ function Ka(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const mn = z.createContext({
+const un = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Ja = mn.Provider, Za = () => z.useContext(mn), Qa = (e, t) => {
+}), Ja = un.Provider, Za = () => z.useContext(un), Qa = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2698,9 +2701,9 @@ const mn = z.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, hn = z.memo(
+}, mn = z.memo(
   ({ channel: e, unread: t }) => {
-    var L, I, C;
+    var R, I, C;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2712,12 +2715,12 @@ const mn = z.createContext({
     }, 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 = Te(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) {
@@ -2725,18 +2728,18 @@ const mn = z.createContext({
           if (k[D].type !== "system") return k[D];
       }
     })(), v = (() => {
-      var X, U, G, P;
-      const k = Kt({
-        message: b,
+      var Z, U, G, P;
+      const k = Xt({
+        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 ? er(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 = Wt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2751,22 +2754,21 @@ const mn = z.createContext({
         onClick: d,
         onKeyDown: m,
         className: y(
-          "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
+          "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
-            "bg-primary-alt/10 border-l-4 border-l-primary": l,
-            "hover:bg-sand": !l
+            "bg-black/[0.04]": l,
+            "hover:bg-black/[0.02]": !l
           }
         ),
-        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-3", children: [
+        children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            se,
+            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,
-              className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
+              size: 48,
+              starred: T
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2775,20 +2777,19 @@ const mn = z.createContext({
                 "h3",
                 {
                   className: y(
-                    "text-sm font-medium truncate",
-                    l ? "text-primary" : "text-charcoal"
+                    "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    A && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              x && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: x })
+              x && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] 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 }),
-              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 })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: A }),
+              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: S > 99 ? "99+" : S })
             ] })
           ] })
         ] })
@@ -2796,7 +2797,7 @@ const mn = z.createContext({
     );
   }
 );
-hn.displayName = "CustomChannelPreview";
+mn.displayName = "CustomChannelPreview";
 const tr = { last_message_at: -1 }, nr = z.memo(
   ({
     onChannelSelect: e,
@@ -2812,11 +2813,11 @@ const tr = { last_message_at: -1 }, nr = z.memo(
   }) => {
     const g = z.useRef(0);
     g.current++;
-    const { debug: u = !1 } = We(), f = z.useCallback(
-      (b) => {
-        for (const N of b)
+    const { debug: u = !1 } = qe(), f = z.useCallback(
+      (p) => {
+        for (const N of p)
           Ka(N);
-        return r ? r(b) : b;
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2849,14 +2850,14 @@ const tr = { last_message_at: -1 }, nr = z.memo(
           o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Ja, { value: c, children: /* @__PURE__ */ n(
-          cs,
+          ls,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: f,
-            Preview: hn,
+            Preview: mn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -2867,7 +2868,7 @@ const tr = { last_message_at: -1 }, nr = z.memo(
 );
 nr.displayName = "ChannelList";
 const sr = /^([a-z][a-z0-9+.-]*):/i, ar = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function et(e) {
+function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2885,7 +2886,7 @@ const rr = {
   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",
     rr[e]
-  ), a = et(t.href);
+  ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -2917,7 +2918,7 @@ const rr = {
 }, lr = "text-white/30", cr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, tt = ({
+}, et = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -2927,8 +2928,8 @@ const rr = {
   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 ? lr : or[e]
@@ -2946,7 +2947,7 @@ const rr = {
           ] }),
           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 })
     ] }),
@@ -3025,11 +3026,11 @@ const rr = {
 }, mr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && ae(e) === "audio", fn = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && re(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ae(e);
+  const s = re(e);
   return s === "video" || s === "audio";
-}, nt = "bg-[#F2F3F4]", Ie = ({
+}, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3038,7 +3039,7 @@ const rr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ae(r), d = !!s && l === "video";
+  const l = re(r), d = !!s && l === "video";
   return Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3082,7 +3083,7 @@ const rr = {
               "flex h-full w-full items-center justify-center",
               ur[e]
             ),
-            children: ce(r, {
+            children: le(r, {
               className: mr[e],
               weight: "regular"
             })
@@ -3107,7 +3108,7 @@ const rr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Ae(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Ae(r, o), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3123,10 +3124,10 @@ const rr = {
       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(Ts, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ss, { 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: [
+  return c ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Ie,
       {
@@ -3136,12 +3137,12 @@ const rr = {
         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,
@@ -3151,11 +3152,11 @@ const rr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "dark",
             title: e,
@@ -3182,7 +3183,7 @@ const rr = {
   cta: d,
   onClick: 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, b = Ae(a, i) ? nt : void 0, N = d && m ? {
+  const g = hn(a, i), u = Qe(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? tt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3196,7 +3197,7 @@ const rr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3210,7 +3211,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "light",
             title: e,
@@ -3236,14 +3237,14 @@ const rr = {
   cta: m,
   onClick: g
 }) => {
-  const u = fn(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 = hn(r, o), f = Qe(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: Ae(r, o) ? nt : void 0,
+      onClick: p,
+      bgClassName: Ae(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
           Ie,
@@ -3256,7 +3257,7 @@ const rr = {
           }
         ),
         /* @__PURE__ */ n(
-          tt,
+          et,
           {
             variant: "dark",
             title: e,
@@ -3387,7 +3388,7 @@ const rr = {
     }
   ),
   s ?? null
-] }), st = ({
+] }), nt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3409,7 +3410,7 @@ const rr = {
       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(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
         _r,
         {
           item: c,
@@ -3417,14 +3418,14 @@ const rr = {
           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}`
       )) })
     }
   );
-}, 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 = {
+}, yr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Er = {
   Composer: yr,
   Sent: Cr,
   Received: kr
@@ -3451,8 +3452,8 @@ function Tr(e, t) {
     }
   }
   if (!e) return;
-  if (ae(e) === "document") {
-    const r = Qt(e), i = Sr[r];
+  if (re(e) === "document") {
+    const r = Zt(e), i = Sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3464,7 +3465,7 @@ 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";
@@ -3481,7 +3482,7 @@ const Mr = {
 }, Rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, gn = ({
+}, fn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3499,7 +3500,7 @@ const Mr = {
         Dr[e]
       ),
       "aria-hidden": !0,
-      children: ce(a, {
+      children: le(a, {
         className: y("size-6", Rr[e]),
         weight: "regular"
       })
@@ -3531,7 +3532,7 @@ const Mr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ne, { children: [
+  ) : /* @__PURE__ */ h(se, { children: [
     g,
     u
   ] });
@@ -3540,8 +3541,8 @@ const Mr = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function bn(e, t) {
-  const s = t ?? Q(e);
+async function gn(e, t) {
+  const s = t ?? te(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3568,9 +3569,9 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    gn,
+    fn,
     {
       variant: e,
       filename: i,
@@ -3582,7 +3583,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, at = ({
+}, st = ({
   state: e,
   src: t,
   filename: s,
@@ -3602,12 +3603,12 @@ const Lr = ({
     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);
-    bn(x.src, w);
+    const w = x.filename ?? te(x.src);
+    gn(x.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3635,23 +3636,23 @@ const Lr = ({
           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}`
       )) })
     }
   );
-}, 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 = {
+}, Or = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), zr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), $r = {
   Composer: Or,
   Sent: zr,
   Received: Fr
-}, rt = ({
+}, at = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ne, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3659,7 +3660,7 @@ const Lr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ts, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3669,10 +3670,10 @@ const Lr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ve, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), pn = ({
+] }), bn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3683,7 +3684,7 @@ const Lr = ({
 }) => {
   const [l, d] = O(!1), m = q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), bn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -3757,7 +3758,7 @@ const Lr = ({
       ]
     }
   );
-}, Fe = (e, t, s) => Math.min(Math.max(e, t), s), it = ({
+}, Fe = (e, t, s) => Math.min(Math.max(e, t), s), rt = ({
   length: e,
   initialIndex: t,
   open: s
@@ -3782,7 +3783,7 @@ const Lr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, ot = ({
+}, it = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3791,7 +3792,7 @@ const Lr = ({
   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;
@@ -3872,29 +3873,29 @@ const Lr = ({
       ]
     }
   );
-}, vn = ({
+}, pn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     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(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        pn,
+        bn,
         {
           url: l.src,
           filename: d,
@@ -3917,7 +3918,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -3928,7 +3929,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, 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 = ({
+}, 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", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4025,7 +4026,7 @@ const Lr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], wn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], xn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -4056,16 +4057,16 @@ const Lr = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      vn,
+      pn,
       {
         open: o,
-        items: wn([{ src: e, alt: t }], s),
+        items: xn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, Nn = ({
+}, wn = ({
   state: e,
   src: t,
   alt: s,
@@ -4076,7 +4077,7 @@ const Lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Vr({ 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)
@@ -4092,20 +4093,20 @@ const Lr = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: N, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(vn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          vn,
+          pn,
           {
             open: u,
-            items: wn(m, a),
+            items: xn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
     }
   );
-}, Gr = (e) => /* @__PURE__ */ n(Ur, { ...e }), Hr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), qr = {
+}, Gr = (e) => /* @__PURE__ */ n(Ur, { ...e }), Hr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), qr = {
   Composer: Gr,
   Sent: Hr,
   Received: Yr
@@ -4115,19 +4116,19 @@ const Lr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     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(
+  ), m = ne(
     () => l ? Xr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
@@ -4146,7 +4147,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -4173,9 +4174,9 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
-    gn,
+    fn,
     {
       variant: e,
       filename: i,
@@ -4187,7 +4188,7 @@ const Lr = ({
       trailingAction: r
     }
   );
-}, lt = ({
+}, ot = ({
   state: e,
   src: t,
   filename: s,
@@ -4199,14 +4200,14 @@ const Lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = we(e), u = Kr({ 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,
@@ -4216,14 +4217,14 @@ const Lr = ({
       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(
-            pn,
+        /* @__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(
+            bn,
             {
               url: w.src,
-              filename: A,
+              filename: T,
               variant: "inline",
-              label: `Download ${A}`,
+              label: `Download ${T}`,
               tone: g
             }
           );
@@ -4232,11 +4233,11 @@ const Lr = ({
             {
               variant: g,
               item: w,
-              index: M,
-              onActivate: b,
+              index: A,
+              onActivate: p,
               trailingAction: S
             },
-            `${w.src}-${M}`
+            `${w.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
@@ -4251,26 +4252,26 @@ const Lr = ({
       ]
     }
   );
-}, 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 = {
+}, Zr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Qr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ti = {
   Composer: Zr,
   Sent: Qr,
   Received: ei
-}, _n = ({
+}, Nn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = it({
+  const { index: r, prev: i, next: o } = rt({
     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(
-    ot,
+    it,
     {
       open: e,
       onClose: a,
@@ -4294,7 +4295,7 @@ const Lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          rt,
+          at,
           {
             onPrev: i,
             onNext: o,
@@ -4305,7 +4306,7 @@ const Lr = ({
       ]
     }
   ) : null;
-}, 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 = ({
+}, 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 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4320,7 +4321,7 @@ const Lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    Yt,
+    Ht,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
@@ -4330,14 +4331,14 @@ const Lr = ({
   /* @__PURE__ */ n(ni, {})
 ] }), si = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(yn, { item: e, index: t })
+  content: /* @__PURE__ */ n(_n, { 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 }] : [], Cn = (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 }] : [], yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -4355,15 +4356,15 @@ const Lr = ({
         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(yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(_n, { 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(
-      _n,
+      Nn,
       {
         open: l,
-        items: Cn(
+        items: yn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4372,7 +4373,7 @@ const Lr = ({
       }
     )
   ] });
-}, kn = ({
+}, Cn = ({
   state: e,
   src: t,
   poster: s,
@@ -4384,7 +4385,7 @@ const Lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ai({ 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)
@@ -4401,18 +4402,18 @@ const Lr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          xn,
+          vn,
           {
             tiles: v,
-            onTileActivate: b,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
         /* @__PURE__ */ n(
-          _n,
+          Nn,
           {
             open: f,
-            items: Cn(g, r),
+            items: yn(g, r),
             initialIndex: c,
             onClose: N
           }
@@ -4420,7 +4421,7 @@ const Lr = ({
       ]
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), ci = {
+}, ii = (e) => /* @__PURE__ */ n(ri, { ...e }), oi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ci = {
   Composer: ii,
   Sent: oi,
   Received: li
@@ -4464,7 +4465,7 @@ const Lr = ({
   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(
-      se,
+      ae,
       {
         id: o || "account",
         name: o || "Account",
@@ -4495,7 +4496,7 @@ const Lr = ({
   ] }) });
 };
 export {
-  en as A,
+  Qt as A,
   Vs as B,
   Ya as C,
   Ds as D,
@@ -4503,13 +4504,13 @@ export {
   yi as L,
   wi as M,
   ye as a,
-  se as b,
+  ae as b,
   nr as c,
-  un as d,
+  dn as d,
   Ni as e,
   di as f,
-  ae as g,
-  Ft as h,
+  re as g,
+  zt as h,
   ki as i,
   Na as j,
   xi as k,
@@ -4518,15 +4519,15 @@ export {
   Ir as n,
   er as o,
   Tr as p,
-  Kt as q,
-  ce as r,
-  sn as s,
+  Xt as q,
+  le as r,
+  nn as s,
   Ls as t,
   Ci as u,
   Us as v,
-  Ze as w,
-  Qe as x,
+  Je as w,
+  Ze as x,
   Te as y,
   ga as z
 };
-//# sourceMappingURL=index-CJEl_fID.js.map
+//# sourceMappingURL=index-UtNoTrrb.js.map