@linktr.ee/messaging-react 1.33.1 → 1.33.2-rc-1777444067

package/dist/{index-BePLvyvi.js → index-CahzrNJz.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as l, Fragment as re } from "react/jsx-runtime";
-import U from "classnames";
-import z, { createContext as nt, useContext as at, useCallback as A, useState as S, useRef as K, useEffect as X, useMemo as Ue, Suspense as rt } from "react";
-import { StreamChatService as _t } from "@linktr.ee/messaging-core";
-import { Chat as Et, ChannelList as St, DateSeparator as It, useChannelStateContext as fe, useChatContext as ot, areMessageUIPropsEqual as kt, useMessageReminder as Mt, useComponentContext as it, Attachment as Tt, EditMessageModal as Dt, MessageBlocked as Rt, MessageBouncePrompt as Lt, MessageDeleted as Pt, MessageIsThreadReplyInChannelButtonIndicator as Ft, MessageRepliesCountButton as At, ReminderNotification as Ot, StreamedMessageText as Ut, messageHasAttachments as Bt, messageHasReactions as zt, isDateSeparatorMessage as $t, isMessageBlocked as jt, isMessageBounced as Gt, MessageBounceModal as Ht, MessageText as Ye, Poll as Vt, MessageErrorIcon as Yt, useMessageContext as lt, useMessageComposer as Wt, useStateStore as qt, MessageInput as Zt, useMessageInputContext as Xt, useMessageComposerHasSendableData as Kt, SimpleAttachmentSelector as Jt, QuotedMessagePreview as Qt, AttachmentPreviewList as es, TextareaComposer as ts, MessageTimestamp as Fe, Channel as ss, WithComponents as ns, Window as as, MessageList as rs } from "stream-chat-react";
-import { StarIcon as Be, GiftIcon as os, XIcon as je, SpinnerGapIcon as Ie, SignOutIcon as is, ProhibitInsetIcon as We, FlagIcon as ls, ArrowUpIcon as cs, SparkleIcon as ds, ProhibitIcon as us, ArrowLeftIcon as qe, DotsThreeIcon as Ze, MagnifyingGlassIcon as ms, ChatCircleDotsIcon as Xe, FileIcon as ct, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as gs, FileMdIcon as bs, FileTextIcon as xs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as ys, FileXlsIcon as Ns, FileDocIcon as ws, FilePdfIcon as Cs, CircleNotchIcon as _s, PlayIcon as Ke, PauseIcon as Es } from "@phosphor-icons/react";
-import { LinkPreviewsManager as Je } from "stream-chat";
-const dt = nt({
+import { jsx as e, jsxs as i, Fragment as se } from "react/jsx-runtime";
+import O from "classnames";
+import z, { createContext as rt, useContext as ot, useCallback as A, useState as k, useRef as X, useEffect as q, useMemo as ze, Suspense as lt } from "react";
+import { StreamChatService as Tt } from "@linktr.ee/messaging-core";
+import { Chat as Mt, ChannelList as Dt, DateSeparator as Rt, useChannelStateContext as fe, useChatContext as it, areMessageUIPropsEqual as Lt, useMessageReminder as Pt, useComponentContext as ct, Attachment as Ft, EditMessageModal as At, MessageBlocked as Ut, MessageBouncePrompt as Ot, MessageDeleted as $t, MessageIsThreadReplyInChannelButtonIndicator as zt, MessageRepliesCountButton as Bt, ReminderNotification as jt, StreamedMessageText as Gt, messageHasAttachments as Vt, messageHasReactions as Ht, isDateSeparatorMessage as Yt, isMessageBlocked as Wt, isMessageBounced as qt, MessageBounceModal as Zt, MessageText as Ze, Poll as Xt, MessageErrorIcon as Kt, useMessageContext as dt, useMessageComposer as Jt, useStateStore as Qt, MessageInput as es, useMessageInputContext as ts, useMessageComposerHasSendableData as ss, SimpleAttachmentSelector as ns, QuotedMessagePreview as as, AttachmentPreviewList as rs, TextareaComposer as os, MessageTimestamp as Ue, Channel as ls, WithComponents as is, Window as cs, MessageList as ds } from "stream-chat-react";
+import { StarIcon as Be, GiftIcon as us, XIcon as Re, SpinnerGapIcon as ke, SignOutIcon as ms, ProhibitInsetIcon as Xe, FlagIcon as hs, ArrowUpIcon as fs, SparkleIcon as gs, ProhibitIcon as bs, ArrowLeftIcon as Ke, DotsThreeIcon as Je, MagnifyingGlassIcon as ps, ChatCircleDotsIcon as Qe, FileIcon as ut, ImageIcon as xs, SpeakerHighIcon as ws, VideoCameraIcon as vs, FileMdIcon as Ns, FileTextIcon as ys, FileZipIcon as Cs, FilePptIcon as _s, FileCsvIcon as Es, FileXlsIcon as Ss, FileDocIcon as Is, FilePdfIcon as ks, CircleNotchIcon as mt, PlayIcon as et, PauseIcon as Ts, LinkIcon as Ms, DownloadSimpleIcon as Ds } from "@phosphor-icons/react";
+import { LinkPreviewsManager as tt } from "stream-chat";
+const ht = rt({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,94 +15,94 @@ const dt = nt({
   refreshConnection: async () => {
   },
   debug: !1
-}), De = () => at(dt), Gn = ({
+}), Le = () => ot(ht), ta = ({
   children: t,
   user: s,
   serviceConfig: n,
   apiKey: o,
-  capabilities: i = {},
-  debug: u = !1
+  capabilities: l = {},
+  debug: d = !1
 }) => {
   const r = A(
-    (d, ...C) => {
-      u && console.log(`🔥 [MessagingProvider] ${d}`, ...C);
+    (m, ...f) => {
+      d && console.log(`🔥 [MessagingProvider] ${m}`, ...f);
     },
-    [u]
+    [d]
   );
   r("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
     apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
     serviceConfig: !!n,
-    capabilities: Object.keys(i)
+    capabilities: Object.keys(l)
   });
-  const [c, f] = S(null), [m, g] = S(null), [b, N] = S(!1), [a, w] = S(!1), [y, x] = S(null), E = K(!1), v = K({
+  const [c, x] = k(null), [u, g] = k(null), [h, N] = k(!1), [a, _] = k(!1), [v, p] = k(null), E = X(!1), S = X({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
-    capabilities: i
-  }), I = K(0);
-  I.current++, r("📊 RENDER INFO", {
-    renderCount: I.current,
+    capabilities: l
+  }), C = X(0);
+  C.current++, r("📊 RENDER INFO", {
+    renderCount: C.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: v.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: v.current.apiKey !== o,
-      serviceConfigChanged: v.current.serviceConfig !== n,
-      capabilitiesChanged: v.current.capabilities !== i
+      userChanged: S.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: S.current.apiKey !== o,
+      serviceConfigChanged: S.current.serviceConfig !== n,
+      capabilitiesChanged: S.current.capabilities !== l
     }
-  }), v.current = {
+  }), S.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
-    capabilities: i
-  }, X(() => {
-    const d = I.current;
+    capabilities: l
+  }, q(() => {
+    const m = C.current;
     if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: d,
+      renderCount: m,
       apiKey: !!o,
       serviceConfig: !!n,
       dependencies: {
         apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: v.current.serviceConfig === n,
-        apiKeyStable: v.current.apiKey === o
+        serviceConfigStable: S.current.serviceConfig === n,
+        apiKeyStable: S.current.apiKey === o
       }
     }), !o || !n) {
       r("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: d,
+        renderCount: m,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     r("🚀 CREATING NEW SERVICE", {
-      renderCount: d,
+      renderCount: m,
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
-      serviceConfigChanged: v.current.serviceConfig !== n
+      serviceConfigChanged: S.current.serviceConfig !== n
     });
-    const C = new _t({
+    const f = new Tt({
       ...n,
       apiKey: o,
-      debug: u
+      debug: d
     });
-    return f(C), r("✅ SERVICE SET", {
-      renderCount: d,
-      serviceInstance: !!C
+    return x(f), r("✅ SERVICE SET", {
+      renderCount: m,
+      serviceInstance: !!f
     }), () => {
       r("🧹 SERVICE CLEANUP", {
-        renderCount: d,
+        renderCount: m,
         reason: "Effect cleanup"
-      }), C.disconnectUser().catch(console.error);
+      }), f.disconnectUser().catch(console.error);
     };
-  }, [o, n, u, r]);
-  const k = K(null);
-  X(() => {
-    var C, _;
+  }, [o, n, d, r]);
+  const I = X(null);
+  q(() => {
+    var f, T;
     if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
       isConnecting: E.current,
-      isConnected: b,
+      isConnected: h,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       r("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
@@ -112,7 +112,7 @@ const dt = nt({
       r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = k.current) == null ? void 0 : C.serviceId) === c && ((_ = k.current) == null ? void 0 : _.userId) === s.id) {
+    if (((f = I.current) == null ? void 0 : f.serviceId) === c && ((T = I.current) == null ? void 0 : T.userId) === s.id) {
       r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,39 +120,39 @@ const dt = nt({
       return;
     }
     (async () => {
-      r("🚀 STARTING USER CONNECTION", { userId: s.id }), E.current = !0, w(!0), x(null);
+      r("🚀 STARTING USER CONNECTION", { userId: s.id }), E.current = !0, _(!0), p(null);
       try {
         r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const T = await c.connectUser(s);
-        g(T), N(!0), k.current = { serviceId: c, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
+        const M = await c.connectUser(s);
+        g(M), N(!0), I.current = { serviceId: c, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: T.userID
+          clientId: M.userID
         });
-      } catch (T) {
-        const L = T instanceof Error ? T.message : "Connection failed";
-        x(L), r("❌ USER CONNECTION ERROR", {
+      } catch (M) {
+        const L = M instanceof Error ? M.message : "Connection failed";
+        p(L), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: L
         });
       } finally {
-        w(!1), E.current = !1, r("🔄 USER CONNECTION FINISHED", {
+        _(!1), E.current = !1, r("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: b
+          isConnected: h
         });
       }
     })();
-  }, [c, s, r, b]), X(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, r, h]), q(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: b
+    isConnected: h
   }), () => {
-    c && b ? (r(
+    c && h ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), k.current = null, c.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
+    ), I.current = null, c.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: b
+      isConnected: h
     });
-  }), [c, b, r]);
+  }), [c, h, r]);
   const P = A(async () => {
     if (r("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
@@ -161,108 +161,108 @@ const dt = nt({
       r("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), w(!0);
+    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), _(!0);
     try {
       r("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), r("📞 RECONNECTING FOR REFRESH");
-      const d = await c.connectUser(s);
-      g(d), N(!0), x(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (d) {
-      const C = d instanceof Error ? d.message : "Refresh failed";
-      x(C), r("❌ CONNECTION REFRESH ERROR", {
+      const m = await c.connectUser(s);
+      g(m), N(!0), p(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (m) {
+      const f = m instanceof Error ? m.message : "Refresh failed";
+      p(f), r("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: C
+        error: f
       });
     } finally {
-      w(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      _(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, r]), p = z.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, r]), w = z.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
-    hasClient: !!m,
-    isConnected: b,
+    hasClient: !!u,
+    isConnected: h,
     isLoading: a,
-    hasError: !!y,
-    capabilitiesKeys: Object.keys(i)
+    hasError: !!v,
+    capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
-    client: m,
-    isConnected: b,
+    client: u,
+    isConnected: h,
     isLoading: a,
-    error: y,
-    capabilities: i,
+    error: v,
+    capabilities: l,
     refreshConnection: P,
-    debug: u
+    debug: d
   }), [
     c,
-    m,
-    b,
+    u,
+    h,
     a,
-    y,
-    i,
+    v,
+    l,
     P,
-    u,
+    d,
     r
   ]);
   return r("🔄 RENDER END", {
-    renderCount: I.current,
-    willRenderChat: !!(m && b),
-    contextValueReady: !!p
-  }), /* @__PURE__ */ e(dt.Provider, { value: p, children: m && b ? /* @__PURE__ */ e(
-    Et,
+    renderCount: C.current,
+    willRenderChat: !!(u && h),
+    contextValueReady: !!w
+  }), /* @__PURE__ */ e(ht.Provider, { value: w, children: u && h ? /* @__PURE__ */ e(
+    Mt,
     {
-      client: m,
+      client: u,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: t
     }
   ) : t });
-}, Ss = () => De();
-function Is(t) {
+}, Rs = () => Le();
+function Ls(t) {
   const s = t.state.pending_messages;
   if (s != null && s.length)
     for (const n of s)
       t.state.addMessageSorted(n.message);
 }
-const ut = z.createContext({
+const ft = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), ks = ut.Provider, Ms = () => z.useContext(ut), mt = (t) => {
-  var o, i;
-  const [s, n] = S(
-    !!((i = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && i.pinned_at)
+}), Ps = ft.Provider, Fs = () => z.useContext(ft), gt = (t) => {
+  var o, l;
+  const [s, n] = k(
+    !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
-  return X(() => {
+  return q(() => {
     var r;
     if (!t) {
       n(!1);
       return;
     }
     n(!!((r = t.state.membership) != null && r.pinned_at));
-    const u = (c) => {
-      var f;
+    const d = (c) => {
+      var x;
       n(
-        c != null && c.member ? !!c.member.pinned_at : !!((f = t.state.membership) != null && f.pinned_at)
+        c != null && c.member ? !!c.member.pinned_at : !!((x = t.state.membership) != null && x.pinned_at)
       );
     };
-    return t.on("member.updated", u), () => {
-      t.off("member.updated", u);
+    return t.on("member.updated", d), () => {
+      t.off("member.updated", d);
     };
   }, [t]), s;
-}, Ts = (t, s) => {
+}, As = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
-  ), i = new Date(
+  ), l = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
-  return Math.floor(i / (1e3 * 60 * 60 * 24));
-}, Ds = (t) => {
+  return Math.floor(l / (1e3 * 60 * 60 * 24));
+}, Us = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const o = Ts(t, s);
+  const o = As(t, s);
   return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -272,7 +272,7 @@ const ut = z.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Qe = [
+}, st = [
   "🍎",
   // Apple
   "🍌",
@@ -300,7 +300,7 @@ const ut = z.createContext({
   "🍈"
   // Melon
 ];
-function Rs(t) {
+function Os(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const o = t.charCodeAt(n);
@@ -308,32 +308,32 @@ function Rs(t) {
   }
   return Math.abs(s);
 }
-function Ls(t) {
-  const n = Rs(t) % Qe.length;
-  return Qe[n];
+function $s(t) {
+  const n = Os(t) % st.length;
+  return st[n];
 }
 const oe = ({
   id: t,
   image: s,
   size: n = 40,
   className: o,
-  starred: i = !1,
-  shape: u = "squircle"
+  starred: l = !1,
+  shape: d = "squircle"
 }) => {
-  const r = Ls(t), f = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", m = u === "circle" ? { borderRadius: "50%" } : {
+  const r = $s(t), x = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", u = d === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: U("relative flex-shrink-0", o),
+      className: O("relative flex-shrink-0", o),
       style: {
         width: `${n}px`,
         height: `${n}px`
       },
       children: [
-        i && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e(
           "div",
           {
             "aria-hidden": "true",
@@ -341,7 +341,7 @@ const oe = ({
             children: /* @__PURE__ */ e(Be, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
-        /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: m, children: s ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: u, children: s ? /* @__PURE__ */ e(
           "img",
           {
             src: s,
@@ -352,9 +352,9 @@ const oe = ({
           "div",
           {
             "aria-hidden": "true",
-            className: U(
+            className: O(
               "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-              f
+              x
             ),
             children: r
           }
@@ -362,7 +362,7 @@ const oe = ({
       ]
     }
   );
-}, Ps = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, zs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -379,131 +379,131 @@ const oe = ({
       }
     )
   }
-), Fs = (t) => {
+), Bs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, As = (t) => {
+}, js = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, Ge = (t) => {
+}, He = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, Os = (t) => {
+}, Gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, ht = (t) => Fs(t) || As(t), Us = (t) => {
+}, bt = (t) => Bs(t) || js(t), Vs = (t) => {
   var s;
-  return ht(t) && !((s = t.text) != null && s.trim());
-}, Ae = ({
+  return bt(t) && !((s = t.text) != null && s.trim());
+}, Oe = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
-  var b;
-  const i = ht(t), u = Ge(t);
-  if (!i && !u)
+  var h;
+  const l = bt(t), d = He(t);
+  if (!l && !d)
     return null;
-  if (i) {
-    const N = (b = t.metadata) == null ? void 0 : b.amount_text;
+  if (l) {
+    const N = (h = t.metadata) == null ? void 0 : h.amount_text;
     if (!N) return null;
-    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", w = s ? `${N} tip` : `Delivered with ${N} tip`;
-    return /* @__PURE__ */ l("div", { className: a, children: [
-      /* @__PURE__ */ e(os, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: w })
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", _ = s ? `${N} tip` : `Delivered with ${N} tip`;
+    return /* @__PURE__ */ i("div", { className: a, children: [
+      /* @__PURE__ */ e(us, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: _ })
     ] });
   }
-  const r = n && o, c = r ? "Sent with AI" : "Sent with DM Agent", f = [
+  const r = n && o, c = r ? "Sent with AI" : "Sent with DM Agent", x = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     r ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), g = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(Ps, { size: r ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: f, "data-testid": "message-chatbot-indicator", children: n && !r ? /* @__PURE__ */ l(re, { children: [
-    m,
+  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), g = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(zs, { size: r ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: x, "data-testid": "message-chatbot-indicator", children: n && !r ? /* @__PURE__ */ i(se, { children: [
+    u,
     g
-  ] }) : /* @__PURE__ */ l(re, { children: [
+  ] }) : /* @__PURE__ */ i(se, { children: [
     g,
-    m
+    u
   ] }) });
-}, ft = z.memo(
+}, pt = z.memo(
   ({ channel: t, unread: s }) => {
-    var P, p, d, C;
-    const { selectedChannel: n, onChannelSelect: o, debug: i, renderMessagePreview: u } = Ms(), r = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var P, w, m, f;
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = Fs(), r = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
-    }, f = (_) => {
-      const T = _.key === "Enter" || _.key === " ", L = _.repeat;
-      !T || L || (_.preventDefault(), c());
+    }, x = (T) => {
+      const M = T.key === "Enter" || T.key === " ", L = T.repeat;
+      !M || L || (T.preventDefault(), c());
     }, g = Object.values(((P = t == null ? void 0 : t.state) == null ? void 0 : P.members) || {}).find(
-      (_) => {
-        var T, L;
-        return ((T = _.user) == null ? void 0 : T.id) && _.user.id !== ((L = t == null ? void 0 : t._client) == null ? void 0 : L.userID);
+      (T) => {
+        var M, L;
+        return ((M = T.user) == null ? void 0 : M.id) && T.user.id !== ((L = t == null ? void 0 : t._client) == null ? void 0 : L.userID);
       }
-    ), b = ((p = g == null ? void 0 : g.user) == null ? void 0 : p.name) || "Conversation", N = (d = g == null ? void 0 : g.user) == null ? void 0 : d.image, a = (() => {
-      var T;
-      const _ = (T = t == null ? void 0 : t.state) == null ? void 0 : T.messages;
-      if (_ != null && _.length) {
-        for (let L = _.length - 1; L >= 0; L--)
-          if (_[L].type !== "system") return _[L];
+    ), h = ((w = g == null ? void 0 : g.user) == null ? void 0 : w.name) || "Conversation", N = (m = g == null ? void 0 : g.user) == null ? void 0 : m.image, a = (() => {
+      var M;
+      const T = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
+      if (T != null && T.length) {
+        for (let L = T.length - 1; L >= 0; L--)
+          if (T[L].type !== "system") return T[L];
       }
-    })(), y = (() => {
-      var L, D;
+    })(), v = (() => {
+      var L, R;
       if (a != null && a.text) return a.text;
       if (((L = a == null ? void 0 : a.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const T = (D = a == null ? void 0 : a.attachments) == null ? void 0 : D[0];
-      return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = a != null && a.created_at ? Ds(new Date(a.created_at)) : "", E = a ? Ge(a) : !1, v = u ? u(a, y) : `${E ? "✨ " : ""}${y}`, I = mt(t), k = s ?? 0;
-    return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
+      const M = (R = a == null ? void 0 : a.attachments) == null ? void 0 : R[0];
+      return M ? M.og_scrape_url ? M.og_scrape_url : M.type === "image" ? "📷 Sent an image" : M.type === "video" ? "🎥 Sent a video" : M.type === "audio" ? "🎵 Sent audio" : M.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), p = a != null && a.created_at ? Us(new Date(a.created_at)) : "", E = a ? He(a) : !1, S = d ? d(a, v) : `${E ? "✨ " : ""}${v}`, C = gt(t), I = s ?? 0;
+    return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: r,
-      participantName: b,
-      unreadCount: k,
-      hasTimestamp: !!x
+      participantName: h,
+      unreadCount: I,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: f,
-        className: U(
+        onKeyDown: x,
+        className: O(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
             "bg-primary-alt/10 border-l-4 border-l-primary": r,
             "hover:bg-sand": !r
           }
         ),
-        children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
+        children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
             oe,
             {
-              id: ((C = g == null ? void 0 : g.user) == null ? void 0 : C.id) || t.id || "unknown",
-              name: b,
+              id: ((f = g == null ? void 0 : g.user) == null ? void 0 : f.id) || t.id || "unknown",
+              name: h,
               image: N,
               size: 44,
-              starred: I,
+              starred: C,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
-          /* @__PURE__ */ l("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ l(
+          /* @__PURE__ */ i("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ i(
                 "h3",
                 {
-                  className: U(
+                  className: O(
                     "text-sm font-medium truncate",
                     r ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    I && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
-                    b
+                    C && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    h
                   ]
                 }
               ),
-              x && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: x })
+              p && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: p })
             ] }),
-            /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: v }),
-              k > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: k > 99 ? "99+" : k })
+            /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: S }),
+              I > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: I > 99 ? "99+" : I })
             ] })
           ] })
         ] })
@@ -511,37 +511,37 @@ const oe = ({
     );
   }
 );
-ft.displayName = "CustomChannelPreview";
-const Bs = { last_message_at: -1 }, gt = z.memo(
+pt.displayName = "CustomChannelPreview";
+const Hs = { last_message_at: -1 }, xt = z.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: o = !1,
-    onMessageNew: i,
-    onAddedToChannel: u,
+    onMessageNew: l,
+    onAddedToChannel: d,
     channelRenderFilterFn: r,
-    sort: c = Bs,
-    className: f,
-    customEmptyStateIndicator: m,
+    sort: c = Hs,
+    className: x,
+    customEmptyStateIndicator: u,
     renderMessagePreview: g
   }) => {
-    const b = z.useRef(0);
-    b.current++;
-    const { debug: N = !1 } = De(), a = z.useCallback(
-      (y) => {
-        for (const x of y)
-          Is(x);
-        return r ? r(y) : y;
+    const h = z.useRef(0);
+    h.current++;
+    const { debug: N = !1 } = Le(), a = z.useCallback(
+      (v) => {
+        for (const p of v)
+          Ls(p);
+        return r ? r(v) : v;
       },
       [r]
     );
     N && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: b.current,
+      renderCount: h.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const w = z.useMemo(
+    const _ = z.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
@@ -553,22 +553,22 @@ const Bs = { last_message_at: -1 }, gt = z.memo(
     return /* @__PURE__ */ e(
       "div",
       {
-        className: U(
+        className: O(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          f
+          x
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(ks, { value: w, children: /* @__PURE__ */ e(
-          St,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Ps, { value: _, children: /* @__PURE__ */ e(
+          Dt,
           {
             filters: n,
             sort: c,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: o,
-            onMessageNew: i,
-            onAddedToChannel: u,
+            onMessageNew: l,
+            onAddedToChannel: d,
             channelRenderFilterFn: a,
-            Preview: ft,
-            EmptyStateIndicator: m
+            Preview: pt,
+            EmptyStateIndicator: u
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
         ) }) })
@@ -576,8 +576,8 @@ const Bs = { last_message_at: -1 }, gt = z.memo(
     );
   }
 );
-gt.displayName = "ChannelList";
-const Se = ({
+xt.displayName = "ChannelList";
+const Ie = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -586,7 +586,7 @@ const Se = ({
   "button",
   {
     type: "button",
-    className: U(
+    className: O(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
@@ -595,12 +595,12 @@ const Se = ({
     children: n
   }
 );
-function bt({ label: t, className: s, children: n, ...o }) {
-  return /* @__PURE__ */ l(
+function wt({ label: t, className: s, children: n, ...o }) {
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      className: U(
+      className: O(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": o.disabled,
@@ -616,84 +616,84 @@ function bt({ label: t, className: s, children: n, ...o }) {
     }
   );
 }
-function xt({ onClick: t }) {
-  return /* @__PURE__ */ e(bt, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(je, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function vt({ onClick: t }) {
+  return /* @__PURE__ */ e(wt, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Re, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const zs = ({
+const Ys = ({
   dialogRef: t,
   onClose: s,
   participant: n,
   channel: o,
-  followerStatusLabel: i,
-  onLeaveConversation: u,
+  followerStatusLabel: l,
+  onLeaveConversation: d,
   onBlockParticipant: r,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: f,
-  onBlockParticipantClick: m,
+  onDeleteConversationClick: x,
+  onBlockParticipantClick: u,
   onReportParticipantClick: g,
-  customProfileContent: b,
+  customProfileContent: h,
   customChannelActions: N
 }) => {
-  var $, F, J, Z, Q, h, R;
-  const { service: a, debug: w } = De(), [y, x] = S(!1), [E, v] = S(!1), [I, k] = S(!1), P = A(async () => {
-    var O;
-    if (!(!a || !((O = n == null ? void 0 : n.user) != null && O.id)))
+  var V, F, H, Z, ae, K, b;
+  const { service: a, debug: _ } = Le(), [v, p] = k(!1), [E, S] = k(!1), [C, I] = k(!1), P = A(async () => {
+    var y;
+    if (!(!a || !((y = n == null ? void 0 : n.user) != null && y.id)))
       try {
         const j = (await a.getBlockedUsers()).some(
-          (se) => {
-            var ie;
-            return se.blocked_user_id === ((ie = n == null ? void 0 : n.user) == null ? void 0 : ie.id);
+          (te) => {
+            var le;
+            return te.blocked_user_id === ((le = n == null ? void 0 : n.user) == null ? void 0 : le.id);
           }
         );
-        x(j);
-      } catch (V) {
+        p(j);
+      } catch (U) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          V
+          U
         );
       }
-  }, [a, ($ = n == null ? void 0 : n.user) == null ? void 0 : $.id]);
-  X(() => {
+  }, [a, (V = n == null ? void 0 : n.user) == null ? void 0 : V.id]);
+  q(() => {
     P();
   }, [P]);
-  const p = async () => {
-    var O;
+  const w = async () => {
+    var y;
     if (!E) {
-      f == null || f(), w && console.log("[ChannelInfoDialog] Leave conversation", o.cid), v(!0);
+      x == null || x(), _ && console.log("[ChannelInfoDialog] Leave conversation", o.cid), S(!0);
       try {
-        const V = ((O = o._client) == null ? void 0 : O.userID) ?? null;
-        await o.hide(V, !1), u && await u(o), s();
-      } catch (V) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", V);
+        const U = ((y = o._client) == null ? void 0 : y.userID) ?? null;
+        await o.hide(U, !1), d && await d(o), s();
+      } catch (U) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", U);
       } finally {
-        v(!1);
+        S(!1);
       }
     }
-  }, d = async () => {
-    var O, V, j;
-    if (!(I || !a)) {
-      m == null || m(), w && console.log("[ChannelInfoDialog] Block member", (O = n == null ? void 0 : n.user) == null ? void 0 : O.id), k(!0);
+  }, m = async () => {
+    var y, U, j;
+    if (!(C || !a)) {
+      u == null || u(), _ && console.log("[ChannelInfoDialog] Block member", (y = n == null ? void 0 : n.user) == null ? void 0 : y.id), I(!0);
       try {
-        await a.blockUser((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), r && await r((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
-      } catch (se) {
-        console.error("[ChannelInfoDialog] Failed to block member", se);
+        await a.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
+      } catch (te) {
+        console.error("[ChannelInfoDialog] Failed to block member", te);
       } finally {
-        k(!1);
+        I(!1);
       }
     }
-  }, C = async () => {
-    var O, V, j;
-    if (!(I || !a)) {
-      m == null || m(), w && console.log("[ChannelInfoDialog] Unblock member", (O = n == null ? void 0 : n.user) == null ? void 0 : O.id), k(!0);
+  }, f = async () => {
+    var y, U, j;
+    if (!(C || !a)) {
+      u == null || u(), _ && console.log("[ChannelInfoDialog] Unblock member", (y = n == null ? void 0 : n.user) == null ? void 0 : y.id), I(!0);
       try {
-        await a.unBlockUser((V = n == null ? void 0 : n.user) == null ? void 0 : V.id), r && await r((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
-      } catch (se) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", se);
+        await a.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), r && await r((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
+      } catch (te) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", te);
       } finally {
-        k(!1);
+        I(!1);
       }
     }
-  }, _ = () => {
+  }, T = () => {
     g == null || g(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -701,7 +701,7 @@ const zs = ({
     );
   };
   if (!n) return null;
-  const T = ((F = n.user) == null ? void 0 : F.name) || ((J = n.user) == null ? void 0 : J.id) || "Unknown member", L = (Z = n.user) == null ? void 0 : Z.image, D = (Q = n.user) == null ? void 0 : Q.email, G = (h = n.user) == null ? void 0 : h.username, ee = D || (G ? `linktr.ee/${G}` : void 0), q = ((R = n.user) == null ? void 0 : R.id) || "unknown";
+  const M = ((F = n.user) == null ? void 0 : F.name) || ((H = n.user) == null ? void 0 : H.id) || "Unknown member", L = (Z = n.user) == null ? void 0 : Z.image, R = (ae = n.user) == null ? void 0 : ae.email, B = (K = n.user) == null ? void 0 : K.username, ee = R || (B ? `linktr.ee/${B}` : void 0), J = ((b = n.user) == null ? void 0 : b.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -710,91 +710,91 @@ const zs = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (O) => {
-          O.target === t.current && s();
+        onClick: (y) => {
+          y.target === t.current && s();
         },
-        children: /* @__PURE__ */ l("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__ */ l("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
+        children: /* @__PURE__ */ i("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__ */ i("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ e(xt, { onClick: s })
+            /* @__PURE__ */ e(vt, { onClick: s })
           ] }),
-          /* @__PURE__ */ l("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
+          /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "flex flex-col items-center gap-3 self-stretch px-4 py-2 mt-6 rounded-lg border border-black/[0.04]",
                 style: { backgroundColor: "#FBFAF9" },
-                children: /* @__PURE__ */ l("div", { className: "flex items-center gap-3 w-full", children: [
+                children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
                     oe,
                     {
-                      id: q,
-                      name: T,
+                      id: J,
+                      name: M,
                       image: L,
                       size: 88,
                       shape: "circle"
                     }
                   ),
-                  /* @__PURE__ */ l("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: T }),
+                  /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: M }),
                     ee && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: ee }),
-                    i && !b && /* @__PURE__ */ e(
+                    l && !h && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "mt-1 rounded-full text-xs font-normal w-fit",
                         style: {
                           padding: "4px 8px",
-                          backgroundColor: i === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
-                          color: i === "Subscribed to you" ? "#008236" : "#78716C",
+                          backgroundColor: l === "Subscribed to you" ? "#DCFCE7" : "#F5F5F4",
+                          color: l === "Subscribed to you" ? "#008236" : "#78716C",
                           lineHeight: "133.333%",
                           letterSpacing: "0.21px"
                         },
-                        children: i
+                        children: l
                       }
                     ),
-                    b
+                    h
                   ] })
                 ] })
               }
             ),
-            /* @__PURE__ */ l("ul", { className: "flex flex-col gap-2 mt-2", children: [
-              c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(
-                Se,
+            /* @__PURE__ */ i("ul", { className: "flex flex-col gap-2 mt-2", children: [
+              c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+                Ie,
                 {
-                  onClick: p,
+                  onClick: w,
                   disabled: E,
                   "aria-busy": E,
                   children: [
-                    E ? /* @__PURE__ */ e(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(is, { className: "h-5 w-5" }),
+                    E ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ms, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: y ? /* @__PURE__ */ l(
-                Se,
+              /* @__PURE__ */ e("li", { children: v ? /* @__PURE__ */ i(
+                Ie,
                 {
-                  onClick: C,
-                  disabled: I,
-                  "aria-busy": I,
+                  onClick: f,
+                  disabled: C,
+                  "aria-busy": C,
                   children: [
-                    I ? /* @__PURE__ */ e(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5" }),
+                    C ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Xe, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
-              ) : /* @__PURE__ */ l(
-                Se,
+              ) : /* @__PURE__ */ i(
+                Ie,
                 {
-                  onClick: d,
-                  disabled: I,
-                  "aria-busy": I,
+                  onClick: m,
+                  disabled: C,
+                  "aria-busy": C,
                   children: [
-                    I ? /* @__PURE__ */ e(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5" }),
+                    C ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Xe, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(Se, { variant: "danger", onClick: _, children: [
-                /* @__PURE__ */ e(ls, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(Ie, { variant: "danger", onClick: T, children: [
+                /* @__PURE__ */ e(hs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
               N
@@ -804,52 +804,52 @@ const zs = ({
       }
     )
   );
-}, $s = (t) => /* @__PURE__ */ e(It, { ...t, position: "center" }), ze = "vote_up", $e = "vote_down";
-function js(t) {
-  return t != null && t.length ? t.some((s) => s.type === $e) ? "down" : t.some((s) => s.type === ze) ? "up" : null : null;
+}, Ws = (t) => /* @__PURE__ */ e(Rt, { ...t, position: "center" }), je = "vote_up", Ge = "vote_down";
+function qs(t) {
+  return t != null && t.length ? t.some((s) => s.type === Ge) ? "down" : t.some((s) => s.type === je) ? "up" : null : null;
 }
-function Gs(t) {
-  const { channel: s } = fe(), { client: n } = ot("useMessageVote"), o = Ue(
-    () => js(t.own_reactions),
+function Zs(t) {
+  const { channel: s } = fe(), { client: n } = it("useMessageVote"), o = ze(
+    () => qs(t.own_reactions),
     [t.own_reactions]
-  ), i = A(async () => {
+  ), l = A(async () => {
     if (n != null && n.userID)
       try {
-        o === "up" ? await s.deleteReaction(t.id, ze) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, je) : await s.sendReaction(
           t.id,
-          { type: ze },
+          { type: je },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, o]), u = A(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, o]), d = A(async () => {
     if (n != null && n.userID)
       try {
-        o === "down" ? await s.deleteReaction(t.id, $e) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, Ge) : await s.sendReaction(
           t.id,
-          { type: $e },
+          { type: Ge },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
   }, [s, n == null ? void 0 : n.userID, t.id, o]);
-  return { selected: o, voteUp: i, voteDown: u };
+  return { selected: o, voteUp: l, voteDown: d };
 }
-const Hs = z.lazy(() => import("./Card-DEe10CiS.js")), Vs = z.lazy(() => import("./Card-Ddi8bg90.js")), pt = () => /* @__PURE__ */ e(
+const Xs = z.lazy(() => import("./Card-V-Et3tc4.js")), Ks = z.lazy(() => import("./Card-CQYlmwhm.js")), Nt = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
     "aria-hidden": !0
   }
-), Ys = (t) => /* @__PURE__ */ e(rt, { fallback: /* @__PURE__ */ e(pt, {}), children: /* @__PURE__ */ e(Hs, { ...t }) }), Ws = (t) => /* @__PURE__ */ e(rt, { fallback: /* @__PURE__ */ e(pt, {}), children: /* @__PURE__ */ e(Vs, { ...t }) }), et = { Creator: Ys, Visitor: Ws }, qs = {
+), Js = (t) => /* @__PURE__ */ e(lt, { fallback: /* @__PURE__ */ e(Nt, {}), children: /* @__PURE__ */ e(Xs, { ...t }) }), Qs = (t) => /* @__PURE__ */ e(lt, { fallback: /* @__PURE__ */ e(Nt, {}), children: /* @__PURE__ */ e(Ks, { ...t }) }), nt = { Creator: Js, Visitor: Qs }, en = {
   isUnlocking: () => !1
-}, Zs = {
-  LockedAttachment: qs
-}, vt = nt({}), Hn = vt.Provider;
-function Xs(t) {
-  return at(vt)[t] ?? Zs[t];
+}, tn = {
+  LockedAttachment: en
+}, yt = rt({}), sa = yt.Provider;
+function sn(t) {
+  return ot(yt)[t] ?? tn[t];
 }
-const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const nn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M4.667 7.333l2.666-6A1.333 1.333 0 018.667 2v2.667a.667.667 0 00.666.666h3.764a1.334 1.334 0 011.192 1.93l-2.333 4.666a1.333 1.333 0 01-1.193.738H4.667m0-5.334v5.334m0-5.334H2.667a1.333 1.333 0 00-1.334 1.334v2.666a1.333 1.333 0 001.334 1.334h2",
@@ -859,7 +859,7 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Js = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), an = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -869,11 +869,11 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Qs = ({
+) }), rn = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
-}) => /* @__PURE__ */ l("div", { className: "message-vote-buttons", children: [
+}) => /* @__PURE__ */ i("div", { className: "message-vote-buttons", children: [
   /* @__PURE__ */ e(
     "button",
     {
@@ -882,7 +882,7 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(Ks, { filled: t === "up" })
+      children: /* @__PURE__ */ e(nn, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -893,90 +893,90 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(Js, { filled: t === "down" })
+      children: /* @__PURE__ */ e(an, { filled: t === "down" })
     }
   )
-] }), en = (t) => {
-  var ce, ne, ye, Ne, we, de, Ce, _e, Ee, ue, M, W, B, H;
+] }), on = (t) => {
+  var ce, ne, Ne, ye, Ce, de, _e, Ee, Se, ue, D, W, $, G;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
     editing: o,
-    endOfGroup: i,
-    firstOfGroup: u,
+    endOfGroup: l,
+    firstOfGroup: d,
     groupedByUser: r,
     handleAction: c,
-    handleOpenThread: f,
-    handleRetry: m,
+    handleOpenThread: x,
+    handleRetry: u,
     highlighted: g,
-    isMessageAIGenerated: b,
+    isMessageAIGenerated: h,
     isMyMessage: N,
     message: a,
-    renderText: w,
-    threadList: y
-  } = t, { client: x } = ot("CustomMessage"), { channel: E } = fe("CustomMessage"), { isUnlocking: v, onUnlockClick: I, onFetchSource: k, onDownloadClick: P } = Xs("LockedAttachment"), [p, d] = S(!1), C = Mt(a.id), { selected: _, voteUp: T, voteDown: L } = Gs(a), {
-    Attachment: D = Tt,
-    EditMessageModal: G = Dt,
-    MessageBlocked: ee = Rt,
-    MessageBouncePrompt: q = Lt,
-    MessageDeleted: $ = Pt,
-    MessageIsThreadReplyInChannelButtonIndicator: F = Ft,
-    MessageRepliesCountButton: J = At,
-    ReminderNotification: Z = Ot,
-    StreamedMessageText: Q = Ut,
-    PinIndicator: h
-  } = it("CustomMessage"), R = Bt(a), O = zt(a), V = Ue(
-    () => b == null ? void 0 : b(a),
-    [b, a]
-  ), j = Ue(
+    renderText: _,
+    threadList: v
+  } = t, { client: p } = it("CustomMessage"), { channel: E } = fe("CustomMessage"), { isUnlocking: S, onUnlockClick: C, onFetchSource: I, onDownloadClick: P } = sn("LockedAttachment"), [w, m] = k(!1), f = Pt(a.id), { selected: T, voteUp: M, voteDown: L } = Zs(a), {
+    Attachment: R = Ft,
+    EditMessageModal: B = At,
+    MessageBlocked: ee = Ut,
+    MessageBouncePrompt: J = Ot,
+    MessageDeleted: V = $t,
+    MessageIsThreadReplyInChannelButtonIndicator: F = zt,
+    MessageRepliesCountButton: H = Bt,
+    ReminderNotification: Z = jt,
+    StreamedMessageText: ae = Gt,
+    PinIndicator: K
+  } = ct("CustomMessage"), b = Vt(a), y = Ht(a), U = ze(
+    () => h == null ? void 0 : h(a),
+    [h, a]
+  ), j = ze(
     () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
     [a]
   );
-  if ($t(a))
+  if (Yt(a))
     return null;
   if (a.deleted_at || a.type === "deleted")
-    return /* @__PURE__ */ e($, { message: a });
-  if (jt(a))
+    return /* @__PURE__ */ e(V, { message: a });
+  if (Wt(a))
     return /* @__PURE__ */ e(ee, {});
-  const se = !y && !!a.reply_count, ie = !y && a.show_in_channel && a.parent_id, be = a.status === "failed" && ((ce = a.error) == null ? void 0 : ce.status) !== 403, Re = Gt(a);
+  const te = !v && !!a.reply_count, le = !v && a.show_in_channel && a.parent_id, pe = a.status === "failed" && ((ce = a.error) == null ? void 0 : ce.status) !== 403, Pe = qt(a);
   let Y;
-  be ? Y = () => m(a) : Re && (Y = () => d(!0));
-  const te = N(), xe = U(
+  pe ? Y = () => u(a) : Pe && (Y = () => m(!0));
+  const Q = N(), xe = O(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${a.type}`,
     `str-chat__message--${a.status}`,
-    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    Q ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     a.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": R,
+      "str-chat__message--has-attachment": b,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": a.pinned,
-      "str-chat__message--with-reactions": O,
+      "str-chat__message--with-reactions": y,
       "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((ne = a == null ? void 0 : a.error) == null ? void 0 : ne.status) !== 403,
-      "str-chat__message-with-thread-link": se || ie,
-      "str-chat__virtual-message__wrapper--end": i,
-      "str-chat__virtual-message__wrapper--first": u,
+      "str-chat__message-with-thread-link": te || le,
+      "str-chat__virtual-message__wrapper--end": l,
+      "str-chat__virtual-message__wrapper--first": d,
       "str-chat__virtual-message__wrapper--group": r
     }
-  ), ae = a.poll_id && x.polls.fromState(a.poll_id), me = Us(a), le = Ge(a), pe = Os(a), ge = !!(j != null && j.length && !a.quoted_message), ve = le && te && ge;
-  return /* @__PURE__ */ l(re, { children: [
+  ), re = a.poll_id && p.polls.fromState(a.poll_id), me = Vs(a), ie = He(a), we = Gs(a), ge = !!(j != null && j.length && !a.quoted_message), ve = ie && Q && ge;
+  return /* @__PURE__ */ i(se, { children: [
     o && /* @__PURE__ */ e(
-      G,
+      B,
       {
         additionalMessageInputProps: s
       }
     ),
-    p && /* @__PURE__ */ e(
-      Ht,
+    w && /* @__PURE__ */ e(
+      Zt,
       {
-        MessageBouncePrompt: q,
-        onClose: () => d(!1),
-        open: p
+        MessageBouncePrompt: J,
+        onClose: () => m(!1),
+        open: w
       }
     ),
-    /* @__PURE__ */ l("div", { className: xe, children: [
-      h && /* @__PURE__ */ e(h, {}),
-      !!C && /* @__PURE__ */ e(Z, { reminder: C }),
+    /* @__PURE__ */ i("div", { className: xe, children: [
+      K && /* @__PURE__ */ e(K, {}),
+      !!f && /* @__PURE__ */ e(Z, { reminder: f }),
       a.user && /* @__PURE__ */ e(
         oe,
         {
@@ -989,8 +989,8 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e(
         "div",
         {
-          className: U("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": be || Re
+          className: O("str-chat__message-inner", {
+            "str-chat__simple-message--error-failed": pe || Pe
           }),
           "data-testid": "message-inner",
           onClick: Y,
@@ -1003,108 +1003,108 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: pe ? /* @__PURE__ */ l("div", { className: `flex flex-col gap-1 ${te ? "items-end" : "items-start"}`, children: [
-            te ? /* @__PURE__ */ e(
-              et.Creator,
+          children: we ? /* @__PURE__ */ i("div", { className: `flex flex-col gap-1 ${Q ? "items-end" : "items-start"}`, children: [
+            Q ? /* @__PURE__ */ e(
+              nt.Creator,
               {
-                title: (ye = a.metadata) == null ? void 0 : ye.attachment_title,
-                mimeType: (Ne = a.metadata) == null ? void 0 : Ne.attachment_mime_type,
-                thumbnailUrl: (we = a.metadata) == null ? void 0 : we.attachment_thumbnail,
+                title: (Ne = a.metadata) == null ? void 0 : Ne.attachment_title,
+                mimeType: (ye = a.metadata) == null ? void 0 : ye.attachment_mime_type,
+                thumbnailUrl: (Ce = a.metadata) == null ? void 0 : Ce.attachment_thumbnail,
                 amountText: (de = a.metadata) == null ? void 0 : de.amount_text,
-                detail: (Ce = a.metadata) == null ? void 0 : Ce.attachment_detail,
-                paymentStatus: (_e = a.metadata) == null ? void 0 : _e.payment_status
+                detail: (_e = a.metadata) == null ? void 0 : _e.attachment_detail,
+                paymentStatus: (Ee = a.metadata) == null ? void 0 : Ee.payment_status
               }
             ) : /* @__PURE__ */ e(
-              et.Visitor,
+              nt.Visitor,
               {
-                title: (Ee = a.metadata) == null ? void 0 : Ee.attachment_title,
+                title: (Se = a.metadata) == null ? void 0 : Se.attachment_title,
                 mimeType: (ue = a.metadata) == null ? void 0 : ue.attachment_mime_type,
-                thumbnailUrl: (M = a.metadata) == null ? void 0 : M.attachment_thumbnail,
+                thumbnailUrl: (D = a.metadata) == null ? void 0 : D.attachment_thumbnail,
                 amountText: (W = a.metadata) == null ? void 0 : W.amount_text,
-                detail: (B = a.metadata) == null ? void 0 : B.attachment_detail,
-                paymentStatus: (H = a.metadata) == null ? void 0 : H.payment_status,
-                isUnlocking: v(a.id),
-                onUnlockClick: () => I == null ? void 0 : I(a, E),
-                onFetchSource: async () => await (k == null ? void 0 : k(a, E)),
+                detail: ($ = a.metadata) == null ? void 0 : $.attachment_detail,
+                paymentStatus: (G = a.metadata) == null ? void 0 : G.payment_status,
+                isUnlocking: S(a.id),
+                onUnlockClick: () => C == null ? void 0 : C(a, E),
+                onFetchSource: async () => await (I == null ? void 0 : I(a, E)),
                 onDownloadClick: () => P == null ? void 0 : P(a, E)
               }
             ),
-            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Ye, { message: a, renderText: w }) }) })
+            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Ze, { message: a, renderText: _ }) }) })
           ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Ae, { message: a, standalone: !0 })
-          ) : /* @__PURE__ */ l("div", { className: "str-chat__message-bubble-wrapper", children: [
-            /* @__PURE__ */ l("div", { className: "str-chat__message-bubble", children: [
-              le && !ve && /* @__PURE__ */ e(
-                Ae,
+            /* @__PURE__ */ e(Oe, { message: a, standalone: !0 })
+          ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
+            /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
+              ie && !ve && /* @__PURE__ */ e(
+                Oe,
                 {
                   message: a,
                   hasAttachment: ge,
-                  isMyMessage: te
+                  isMyMessage: Q
                 }
               ),
-              ae && /* @__PURE__ */ e(Vt, { poll: ae }),
+              re && /* @__PURE__ */ e(Xt, { poll: re }),
               j != null && j.length && !a.quoted_message ? /* @__PURE__ */ e(
-                D,
+                R,
                 {
                   actionHandler: c,
                   attachments: j
                 }
               ) : null,
-              V ? /* @__PURE__ */ e(
-                Q,
+              U ? /* @__PURE__ */ e(
+                ae,
                 {
                   message: a,
-                  renderText: w
+                  renderText: _
                 }
-              ) : /* @__PURE__ */ e(Ye, { message: a, renderText: w }),
-              /* @__PURE__ */ e(Yt, {})
+              ) : /* @__PURE__ */ e(Ze, { message: a, renderText: _ }),
+              /* @__PURE__ */ e(Kt, {})
             ] }),
-            (!le || ve) && /* @__PURE__ */ e(
-              Ae,
+            (!ie || ve) && /* @__PURE__ */ e(
+              Oe,
               {
                 message: a,
                 hasAttachment: ge,
-                isMyMessage: te
+                isMyMessage: Q
               }
             ),
-            n && le && /* @__PURE__ */ e(
-              Qs,
+            n && ie && /* @__PURE__ */ e(
+              rn,
               {
-                selected: _,
-                onVoteUp: T,
+                selected: T,
+                onVoteUp: M,
                 onVoteDown: L
               }
             )
           ] })
         }
       ),
-      se && /* @__PURE__ */ e(
-        J,
+      te && /* @__PURE__ */ e(
+        H,
         {
-          onClick: f,
+          onClick: x,
           reply_count: a.reply_count
         }
       ),
-      ie && /* @__PURE__ */ e(F, {})
+      le && /* @__PURE__ */ e(F, {})
     ] }, a.id)
   ] });
-}, tn = z.memo(
-  en,
-  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : kt(t, s)
-), sn = (t) => {
-  const s = lt("CustomMessage");
-  return /* @__PURE__ */ e(tn, { ...s, ...t });
-}, nn = (t) => ({
+}, ln = z.memo(
+  on,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : Lt(t, s)
+), cn = (t) => {
+  const s = dt("CustomMessage");
+  return /* @__PURE__ */ e(ln, { ...s, ...t });
+}, dn = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => Je.previewIsLoaded(s) || Je.previewIsLoading(s)
+    (s) => tt.previewIsLoaded(s) || tt.previewIsLoading(s)
   )
-}), an = ({
+}), un = ({
   link: t,
   onDismiss: s
 }) => {
-  const { og_scrape_url: n, title: o, image_url: i } = t;
-  return /* @__PURE__ */ l(
+  const { og_scrape_url: n, title: o, image_url: l } = t;
+  return /* @__PURE__ */ i(
     "a",
     {
       href: n,
@@ -1112,10 +1112,10 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       rel: "noopener noreferrer",
       className: "relative w-full block rounded-[24px] bg-[#121110] p-2 no-underline transition-opacity hover:opacity-90",
       children: [
-        i && /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e(
           "img",
           {
-            src: i,
+            src: l,
             alt: o || "",
             className: "h-[148px] w-full rounded-[20px] object-cover"
           }
@@ -1129,32 +1129,32 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ e(je, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(Re, { className: "size-4 text-black/90" })
           }
         ),
-        /* @__PURE__ */ l("div", { className: "p-2", children: [
+        /* @__PURE__ */ i("div", { className: "p-2", children: [
           o && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: o }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
     }
   );
-}, rn = () => {
-  const { linkPreviewsManager: t } = Wt(), { linkPreviews: s } = qt(
+}, mn = () => {
+  const { linkPreviewsManager: t } = Jt(), { linkPreviews: s } = Qt(
     t.state,
-    nn
-  ), n = (i) => {
-    t.dismissPreview(i);
+    dn
+  ), n = (l) => {
+    t.dismissPreview(l);
   };
-  return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((i) => /* @__PURE__ */ e(
-    an,
+  return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
+    un,
     {
-      link: i,
+      link: l,
       onDismiss: n
     },
-    i.og_scrape_url
+    l.og_scrape_url
   )) }) : null;
-}, on = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
+}, hn = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
   "button",
   {
     ...n,
@@ -1162,22 +1162,22 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     "aria-label": "Send",
     disabled: s,
     onClick: t,
-    children: /* @__PURE__ */ e(cs, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ e(fs, { weight: "bold", className: "size-4" })
   }
-), ln = () => {
+), fn = () => {
   var c;
-  const { channel: t } = fe(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = Xt(), { SendButton: o } = it(
+  const { channel: t } = fe(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = ts(), { SendButton: o } = ct(
     "CustomMessageInput"
-  ), i = o ?? on, u = Kt();
-  return /* @__PURE__ */ l(re, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Jt, {}) }),
-    /* @__PURE__ */ l("div", { className: "central-container 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__ */ e(Qt, {}),
-      /* @__PURE__ */ e(rn, {}),
-      /* @__PURE__ */ e(es, {}),
-      /* @__PURE__ */ l("div", { className: "flex", children: [
+  ), l = o ?? hn, d = ss();
+  return /* @__PURE__ */ i(se, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(ns, {}) }),
+    /* @__PURE__ */ i("div", { className: "central-container 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__ */ e(as, {}),
+      /* @__PURE__ */ e(mn, {}),
+      /* @__PURE__ */ e(rs, {}),
+      /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          ts,
+          os,
           {
             "aria-disabled": s || void 0,
             className: "w-full resize-none outline-none leading-6",
@@ -1188,25 +1188,25 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           }
         ) }),
         /* @__PURE__ */ e(
-          i,
+          l,
           {
             sendMessage: n,
             "aria-label": "Send",
             className: "str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring",
             "data-testid": "send-button",
-            disabled: s || !u,
+            disabled: s || !d,
             type: "button"
           }
         )
       ] })
     ] })
   ] });
-}, cn = ({
+}, gn = ({
   renderActions: t
 }) => {
   var o;
   const { channel: s } = fe(), n = ((o = s == null ? void 0 : s.data) == null ? void 0 : o.frozen) === !0;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       inert: n ? "" : void 0,
@@ -1214,67 +1214,67 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
       children: [
         t == null ? void 0 : t(),
-        /* @__PURE__ */ e(Zt, { Input: ln })
+        /* @__PURE__ */ e(es, { Input: fn })
       ]
     }
   );
-}, dn = [
+}, bn = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], un = {
+], pn = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, mn = [
+}, xn = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], hn = {
+], wn = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", fn = "https://linktr.ee/s/about/contact", tt = (t) => dn.includes(t), gn = (t) => mn.includes(t), bn = (t) => {
+}, $e = "age safety guidelines.", vn = "https://linktr.ee/s/about/contact", at = (t) => bn.includes(t), Nn = (t) => xn.includes(t), yn = (t) => {
   var o;
   const s = (o = t.metadata) == null ? void 0 : o.custom_type;
-  if (tt(s))
+  if (at(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (gn(s))
+  if (Nn(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (tt(n))
+  if (at(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, xn = (t) => {
-  const s = t.indexOf(Oe);
+}, Cn = (t) => {
+  const s = t.indexOf($e);
   if (s === -1)
     return t;
-  const n = s + Oe.length;
-  return /* @__PURE__ */ l(re, { children: [
+  const n = s + $e.length;
+  return /* @__PURE__ */ i(se, { children: [
     t.slice(0, s),
     /* @__PURE__ */ e(
       "a",
       {
-        href: fn,
+        href: vn,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Oe
+        children: $e
       }
     ),
     t.slice(n)
   ] });
-}, pn = (t) => {
-  var o, i;
-  const s = t.message.hide_date === !0, n = bn(
+}, _n = (t) => {
+  var o, l;
+  const s = t.message.hide_date === !0, n = yn(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const u = ((o = t.message.text) == null ? void 0 : o.trim()) || un[n.type];
-    return /* @__PURE__ */ l("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ l(
+    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || pn[n.type];
+    return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ i(
         "div",
         {
           className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
@@ -1282,7 +1282,7 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              ds,
+              gs,
               {
                 size: 16,
                 weight: "regular",
@@ -1290,17 +1290,17 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 className: "mes-dm-agent-system-message__sparkle shrink-0"
               }
             ),
-            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: u })
+            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: d })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Fe, { message: t.message })
+      !s && /* @__PURE__ */ e(Ue, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const u = ((i = t.message.text) == null ? void 0 : i.trim()) || hn[n.type];
-    return /* @__PURE__ */ l("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ l(
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || wn[n.type];
+    return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ i(
         "div",
         {
           className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
@@ -1308,7 +1308,7 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              us,
+              bs,
               {
                 size: 24,
                 weight: "duotone",
@@ -1317,27 +1317,27 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: xn(u) }) })
+            /* @__PURE__ */ e("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ e("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Cn(d) }) })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Fe, { message: t.message })
+      !s && /* @__PURE__ */ e(Ue, { message: t.message })
     ] });
   }
-  return /* @__PURE__ */ l("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ l("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ i("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Fe, { message: t.message })
+    !s && /* @__PURE__ */ e(Ue, { message: t.message })
   ] });
-}, vn = () => null, yn = ({ className: t, message: s }) => /* @__PURE__ */ l(
+}, En = () => null, Sn = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
-    className: U("flex items-center justify-center h-full", t),
+    className: O("flex items-center justify-center h-full", t),
     children: [
-      /* @__PURE__ */ l("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ i("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
           "animateTransform",
           {
@@ -1375,36 +1375,36 @@ const Ks = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), Me = z.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(yn, { className: "w-6 h-6" }),
+), De = z.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(Sn, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Me.displayName = "LoadingState";
-const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Nn = ({
+De.displayName = "LoadingState";
+const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", In = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: o,
-  showStarButton: i = !1
+  showStarButton: l = !1
 }) => {
-  var b, N, a, w, y;
-  const { channel: u } = fe(), r = z.useMemo(() => Object.values(u.state.members || {}).find(
+  var h, N, a, _, v;
+  const { channel: d } = fe(), r = z.useMemo(() => Object.values(d.state.members || {}).find(
     (E) => {
-      var v;
-      return ((v = E.user) == null ? void 0 : v.id) && E.user.id !== u._client.userID;
+      var S;
+      return ((S = E.user) == null ? void 0 : S.id) && E.user.id !== d._client.userID;
     }
-  ), [u._client.userID, u.state.members]), c = ((b = r == null ? void 0 : r.user) == null ? void 0 : b.name) || ((N = r == null ? void 0 : r.user) == null ? void 0 : N.id) || "Unknown member", f = (a = r == null ? void 0 : r.user) == null ? void 0 : a.image, m = mt(u), g = async () => {
+  ), [d._client.userID, d.state.members]), c = ((h = r == null ? void 0 : r.user) == null ? void 0 : h.name) || ((N = r == null ? void 0 : r.user) == null ? void 0 : N.id) || "Unknown member", x = (a = r == null ? void 0 : r.user) == null ? void 0 : a.image, u = gt(d), g = async () => {
     try {
-      m ? await u.unpin() : await u.pin();
-    } catch (x) {
+      u ? await d.unpin() : await d.pin();
+    } catch (p) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        x
+        p
       );
     }
   };
-  return /* @__PURE__ */ l("div", { className: "@container", children: [
-    /* @__PURE__ */ l("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
+  return /* @__PURE__ */ i("div", { className: "@container", children: [
+    /* @__PURE__ */ i("div", { className: "grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s && /* @__PURE__ */ e(
         "button",
         {
@@ -1413,38 +1413,38 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(qe, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(Ke, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 items-center", children: [
+      /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
           oe,
           {
-            id: ((w = r == null ? void 0 : r.user) == null ? void 0 : w.id) || u.id || "unknown",
+            id: ((_ = r == null ? void 0 : r.user) == null ? void 0 : _.id) || d.id || "unknown",
             name: c,
-            image: f,
-            starred: i && m,
+            image: x,
+            starred: l && u,
             size: 40
           }
         ),
         /* @__PURE__ */ e("h1", { className: "text-xs font-medium text-black/90", children: c })
       ] }),
-      /* @__PURE__ */ l("div", { className: "flex justify-end items-center gap-2", children: [
-        i && /* @__PURE__ */ e(
+      /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-2", children: [
+        l && /* @__PURE__ */ e(
           "button",
           {
             className: he,
             onClick: g,
             type: "button",
-            "aria-label": m ? "Unstar conversation" : "Star conversation",
+            "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Be,
               {
-                className: U("size-5", {
-                  "text-yellow-600": m,
-                  "text-black/90": !m
+                className: O("size-5", {
+                  "text-yellow-600": u,
+                  "text-black/90": !u
                 }),
-                weight: m ? "duotone" : "regular"
+                weight: u ? "duotone" : "regular"
               }
             )
           }
@@ -1456,13 +1456,13 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ze, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Je, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-4 min-w-0", children: [
+    /* @__PURE__ */ i("div", { className: "hidden @lg:flex items-center justify-between gap-3 min-h-12", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-4 min-w-0", children: [
         s && t && /* @__PURE__ */ e(
           "button",
           {
@@ -1470,37 +1470,37 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: t,
             className: he,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(qe, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ke, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
           oe,
           {
-            id: ((y = r == null ? void 0 : r.user) == null ? void 0 : y.id) || u.id || "unknown",
+            id: ((v = r == null ? void 0 : r.user) == null ? void 0 : v.id) || d.id || "unknown",
             name: c,
-            image: f,
-            starred: i && m,
+            image: x,
+            starred: l && u,
             size: 40
           }
         ),
         /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e("h1", { className: "font-medium text-black/90 truncate", children: c }) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        i && /* @__PURE__ */ e(
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+        l && /* @__PURE__ */ e(
           "button",
           {
             className: he,
             onClick: g,
             type: "button",
-            "aria-label": m ? "Unstar conversation" : "Star conversation",
+            "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Be,
               {
-                className: U("size-5", {
-                  "text-yellow-600": m,
-                  "text-black/90": !m
+                className: O("size-5", {
+                  "text-yellow-600": u,
+                  "text-black/90": !u
                 }),
-                weight: m ? "duotone" : "regular"
+                weight: u ? "duotone" : "regular"
               }
             )
           }
@@ -1512,190 +1512,190 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ze, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Je, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, wn = ({
+}, kn = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
-  onLeaveConversation: i,
-  onBlockParticipant: u,
+  onLeaveConversation: l,
+  onBlockParticipant: d,
   showDeleteConversation: r = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: f,
-  onReportParticipantClick: m,
+  onBlockParticipantClick: x,
+  onReportParticipantClick: u,
   showStarButton: g = !1,
-  chatbotVotingEnabled: b = !1,
+  chatbotVotingEnabled: h = !1,
   renderChannelBanner: N,
   customProfileContent: a,
-  customChannelActions: w,
-  renderMessage: y
+  customChannelActions: _,
+  renderMessage: v
 }) => {
-  const { channel: x } = fe(), E = K(null), v = z.useMemo(() => Object.values(x.state.members || {}).find(
-    (C) => {
-      var _;
-      return ((_ = C.user) == null ? void 0 : _.id) && C.user.id !== x._client.userID;
+  const { channel: p } = fe(), E = X(null), S = z.useMemo(() => Object.values(p.state.members || {}).find(
+    (f) => {
+      var T;
+      return ((T = f.user) == null ? void 0 : T.id) && f.user.id !== p._client.userID;
     }
-  ), [x._client.userID, x.state.members]), I = z.useMemo(() => {
-    const d = x.data ?? {};
-    if (d.followerStatus)
-      return String(d.followerStatus);
-    if (d.isFollower !== void 0)
-      return d.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [x.data]), k = A(() => {
-    var d;
-    (d = E.current) == null || d.showModal();
+  ), [p._client.userID, p.state.members]), C = z.useMemo(() => {
+    const m = p.data ?? {};
+    if (m.followerStatus)
+      return String(m.followerStatus);
+    if (m.isFollower !== void 0)
+      return m.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [p.data]), I = A(() => {
+    var m;
+    (m = E.current) == null || m.showModal();
   }, []), P = A(() => {
-    var d;
-    (d = E.current) == null || d.close();
-  }, []), p = A(
-    (d) => {
-      const { message: C } = lt("ChannelView"), _ = /* @__PURE__ */ e(
-        sn,
+    var m;
+    (m = E.current) == null || m.close();
+  }, []), w = A(
+    (m) => {
+      const { message: f } = dt("ChannelView"), T = /* @__PURE__ */ e(
+        cn,
         {
-          ...d,
-          chatbotVotingEnabled: b
+          ...m,
+          chatbotVotingEnabled: h
         }
       );
-      return !y || !C ? _ : y(_, C);
+      return !v || !f ? T : v(T, f);
     },
-    [b, y]
+    [h, v]
   );
-  return /* @__PURE__ */ l(re, { children: [
-    /* @__PURE__ */ e(ns, { overrides: { Message: p }, children: /* @__PURE__ */ l(as, { children: [
+  return /* @__PURE__ */ i(se, { children: [
+    /* @__PURE__ */ e(is, { overrides: { Message: w }, children: /* @__PURE__ */ i(cs, { children: [
       /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-        Nn,
+        In,
         {
           onBack: t,
           showBackButton: s,
-          onShowInfo: k,
-          canShowInfo: !!v,
+          onShowInfo: I,
+          canShowInfo: !!S,
           showStarButton: g
         }
       ) }),
       N == null ? void 0 : N(),
       /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-        rs,
+        ds,
         {
           hideDeletedMessages: !0,
           hideNewMessageSeparator: !1,
           messageActions: void 0
         }
       ) }),
-      o == null ? void 0 : o(x),
+      o == null ? void 0 : o(p),
       /* @__PURE__ */ e(
-        cn,
+        gn,
         {
-          renderActions: () => n == null ? void 0 : n(x)
+          renderActions: () => n == null ? void 0 : n(p)
         }
       )
     ] }) }),
     /* @__PURE__ */ e(
-      zs,
+      Ys,
       {
         dialogRef: E,
         onClose: P,
-        participant: v,
-        channel: x,
-        followerStatusLabel: I,
-        onLeaveConversation: i,
-        onBlockParticipant: u,
+        participant: S,
+        channel: p,
+        followerStatusLabel: C,
+        onLeaveConversation: l,
+        onBlockParticipant: d,
         showDeleteConversation: r,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: f,
-        onReportParticipantClick: m,
+        onBlockParticipantClick: x,
+        onReportParticipantClick: u,
         customProfileContent: a,
-        customChannelActions: w
+        customChannelActions: _
       }
     )
   ] });
-}, yt = z.memo(
+}, Ct = z.memo(
   ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
     renderMessageInputActions: o,
-    renderConversationFooter: i,
-    onLeaveConversation: u,
+    renderConversationFooter: l,
+    onLeaveConversation: d,
     onBlockParticipant: r,
     className: c,
-    CustomChannelEmptyState: f = vn,
-    showDeleteConversation: m = !0,
+    CustomChannelEmptyState: x = En,
+    showDeleteConversation: u = !0,
     onDeleteConversationClick: g,
-    onBlockParticipantClick: b,
+    onBlockParticipantClick: h,
     onReportParticipantClick: N,
     dmAgentEnabled: a,
-    messageMetadata: w,
-    onMessageSent: y,
-    showStarButton: x = !1,
+    messageMetadata: _,
+    onMessageSent: v,
+    showStarButton: p = !1,
     chatbotVotingEnabled: E = !1,
-    renderChannelBanner: v,
-    customProfileContent: I,
-    customChannelActions: k,
+    renderChannelBanner: S,
+    customProfileContent: C,
+    customChannelActions: I,
     renderMessage: P,
-    sendButton: p
+    sendButton: w
   }) => {
-    const d = A(
-      async (C, _, T) => {
-        var $;
-        const L = (($ = t.data) == null ? void 0 : $.chatbot_paused) === !0, D = a && !L, G = {
-          ..._,
-          ...D && { silent: !0 },
-          ...w && {
+    const m = A(
+      async (f, T, M) => {
+        var V;
+        const L = ((V = t.data) == null ? void 0 : V.chatbot_paused) === !0, R = a && !L, B = {
+          ...T,
+          ...R && { silent: !0 },
+          ..._ && {
             metadata: {
-              ..._.metadata ?? {},
-              ...w
+              ...T.metadata ?? {},
+              ..._
             }
           }
         }, ee = {
-          ...T,
-          ...D && { skip_push: !0 }
-        }, q = await t.sendMessage(G, ee);
-        return y == null || y(q), q;
+          ...M,
+          ...R && { skip_push: !0 }
+        }, J = await t.sendMessage(B, ee);
+        return v == null || v(J), J;
       },
-      [t, a, w, y]
+      [t, a, _, v]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: U(
+        className: O(
           "messaging-channel-view h-full flex flex-col",
           c
         ),
         children: /* @__PURE__ */ e(
-          ss,
+          ls,
           {
             channel: t,
-            MessageSystem: pn,
-            EmptyStateIndicator: f,
-            LoadingIndicator: Me,
-            DateSeparator: $s,
-            doSendMessageRequest: d,
-            ...p ? { SendButton: p } : {},
+            MessageSystem: _n,
+            EmptyStateIndicator: x,
+            LoadingIndicator: De,
+            DateSeparator: Ws,
+            doSendMessageRequest: m,
+            ...w ? { SendButton: w } : {},
             children: /* @__PURE__ */ e(
-              wn,
+              kn,
               {
                 onBack: s,
                 showBackButton: n,
                 renderMessageInputActions: o,
-                renderConversationFooter: i,
-                onLeaveConversation: u,
+                renderConversationFooter: l,
+                onLeaveConversation: d,
                 onBlockParticipant: r,
-                CustomChannelEmptyState: f,
-                showDeleteConversation: m,
+                CustomChannelEmptyState: x,
+                showDeleteConversation: u,
                 onDeleteConversationClick: g,
-                onBlockParticipantClick: b,
+                onBlockParticipantClick: h,
                 onReportParticipantClick: N,
-                showStarButton: x,
+                showStarButton: p,
                 chatbotVotingEnabled: E,
-                renderChannelBanner: v,
-                customProfileContent: I,
-                customChannelActions: k,
+                renderChannelBanner: S,
+                customProfileContent: C,
+                customChannelActions: I,
                 renderMessage: P
               }
             )
@@ -1705,16 +1705,16 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-yt.displayName = "ChannelView";
-function Cn({
+Ct.displayName = "ChannelView";
+function Tn({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const o = K(null);
-  return /* @__PURE__ */ l("div", { className: "relative", children: [
+  const o = X(null);
+  return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      ms,
+      ps,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1727,164 +1727,164 @@ function Cn({
         type: "text",
         placeholder: n,
         value: t,
-        onChange: (i) => s(i.target.value),
+        onChange: (l) => s(l.target.value),
         className: "w-full pl-10 pr-10 py-3 text-sm border border-sand rounded-xl focus:outline-none focus:ring-2 focus:ring-black focus:border-transparent"
       }
     ),
     t && /* @__PURE__ */ e(
-      bt,
+      wt,
       {
         label: "Clear search",
         onClick: () => {
-          var i;
-          s(""), (i = o.current) == null || i.focus();
+          var l;
+          s(""), (l = o.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(je, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(Re, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const _n = ({
+const Mn = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
   existingParticipantIds: o = /* @__PURE__ */ new Set(),
-  participantLabel: i = "participants",
-  searchPlaceholder: u = "Search participants...",
+  participantLabel: l = "participants",
+  searchPlaceholder: d = "Search participants...",
   className: r
 }) => {
-  const { debug: c } = De(), [f, m] = S(""), [g, b] = S([]), [N, a] = S(!1), [w, y] = S(null), [x, E] = S(
+  const { debug: c } = Le(), [x, u] = k(""), [g, h] = k([]), [N, a] = k(!1), [_, v] = k(null), [p, E] = k(
     null
-  ), v = K(!1);
-  X(() => {
-    v.current = !1;
-  }, [t]), X(() => {
+  ), S = X(!1);
+  q(() => {
+    S.current = !1;
+  }, [t]), q(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
       );
       return;
     }
-    if (v.current) return;
+    if (S.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), y(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), v(null);
       try {
-        const d = await t.loadParticipants({
+        const m = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        b(d.participants), v.current = !0, c && console.log(
+        h(m.participants), S.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          d.participants.length
+          m.participants.length
         );
-      } catch (d) {
-        const C = d instanceof Error ? d.message : "Failed to load participants";
-        y(C), console.error("[ParticipantPicker] Failed to load participants:", d);
+      } catch (m) {
+        const f = m instanceof Error ? m.message : "Failed to load participants";
+        v(f), console.error("[ParticipantPicker] Failed to load participants:", m);
       } finally {
         a(!1);
       }
     })();
   }, [t, c]);
-  const I = g.filter((p) => !o.has(p.id)).filter((p) => {
-    var C;
-    if (!f) return !0;
-    const d = f.toLowerCase();
-    return p.name.toLowerCase().includes(d) || ((C = p.email) == null ? void 0 : C.toLowerCase().includes(d)) || !1;
-  }), k = A(
-    async (p) => {
-      if (!x) {
-        E(p.id);
+  const C = g.filter((w) => !o.has(w.id)).filter((w) => {
+    var f;
+    if (!x) return !0;
+    const m = x.toLowerCase();
+    return w.name.toLowerCase().includes(m) || ((f = w.email) == null ? void 0 : f.toLowerCase().includes(m)) || !1;
+  }), I = A(
+    async (w) => {
+      if (!p) {
+        E(w.id);
         try {
-          await s(p);
-        } catch (d) {
-          console.error("[ParticipantPicker] Failed to start chat:", d), E(null);
+          await s(w);
+        } catch (m) {
+          console.error("[ParticipantPicker] Failed to start chat:", m), E(null);
         }
       }
     },
-    [s, x]
-  ), P = (p, d) => {
-    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), k(d));
+    [s, p]
+  ), P = (w, m) => {
+    (w.key === "Enter" || w.key === " ") && (w.preventDefault(), I(m));
   };
-  return /* @__PURE__ */ l("div", { className: U("flex flex-col h-full", r), children: [
-    /* @__PURE__ */ l("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
-      /* @__PURE__ */ l("div", { className: "flex items-center justify-between mb-3", children: [
+  return /* @__PURE__ */ i("div", { className: O("flex flex-col h-full", r), children: [
+    /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
-        /* @__PURE__ */ e(xt, { onClick: n })
+        /* @__PURE__ */ e(vt, { onClick: n })
       ] }),
-      /* @__PURE__ */ l("p", { className: "text-xs text-stone mb-3", children: [
+      /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
-        i.slice(0, -1),
+        l.slice(0, -1),
         " to start messaging (",
-        I.length,
+        C.length,
         " available)",
-        t.totalCount !== void 0 && ` • ${t.totalCount} ${i} total`
+        t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Cn,
+        Tn,
         {
-          searchQuery: f,
-          setSearchQuery: m,
-          placeholder: u
+          searchQuery: x,
+          setSearchQuery: u,
+          placeholder: d
         }
       )
     ] }),
-    w && /* @__PURE__ */ l("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    _ && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
-      i,
+      l,
       ": ",
-      w
+      _
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: N && I.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: N && C.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-      /* @__PURE__ */ l("span", { className: "text-sm text-stone", children: [
+      /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
-        i,
+        l,
         "..."
       ] })
-    ] }) }) : I.length === 0 ? /* @__PURE__ */ l("div", { className: "p-6 text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(Xe, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${i} found` : g.length > 0 ? `Already chatting with all ${i}` : `No ${i} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : g.length > 0 ? `You have existing conversations with all your ${i}` : `${i.charAt(0).toUpperCase() + i.slice(1)} will appear here` })
-    ] }) : /* @__PURE__ */ l("ul", { className: "space-y-0", children: [
-      I.map((p) => {
-        const d = p.name || p.email || p.id, C = p.email && p.name ? p.email : p.phone;
+    ] }) }) : C.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(Qe, { className: "h-8 w-8 text-charcoal" }) }),
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: x ? `No ${l} found` : g.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: x ? "Try a different search term" : g.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
+    ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
+      C.map((w) => {
+        const m = w.name || w.email || w.id, f = w.email && w.name ? w.email : w.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => k(p),
-            onKeyDown: (_) => P(_, p),
+            onClick: () => I(w),
+            onKeyDown: (T) => P(T, w),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
-            children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
+            children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ i("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
                   oe,
                   {
-                    id: p.id,
-                    name: d,
-                    image: p.image,
+                    id: w.id,
+                    name: m,
+                    image: w.image,
                     size: 40
                   }
                 ),
-                /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: d }),
-                  C && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: C })
+                /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: m }),
+                  f && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: f })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: x === p.id ? /* @__PURE__ */ e(Ie, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Xe, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === w.id ? /* @__PURE__ */ e(ke, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Qe, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, p.id);
+        ) }, w.id);
       }),
-      N && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+      N && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, En = ({ className: t }) => /* @__PURE__ */ l(
+}, Dn = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1894,7 +1894,7 @@ const _n = ({
     xmlns: "http://www.w3.org/2000/svg",
     className: t,
     children: [
-      /* @__PURE__ */ l("g", { clipPath: "url(#clip0_empty_state)", children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_empty_state)", children: [
         /* @__PURE__ */ e(
           "path",
           {
@@ -1923,7 +1923,7 @@ const _n = ({
             fill: "white"
           }
         ),
-        /* @__PURE__ */ l("g", { filter: "url(#filter0_empty_state)", children: [
+        /* @__PURE__ */ i("g", { filter: "url(#filter0_empty_state)", children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -1963,8 +1963,8 @@ const _n = ({
           }
         )
       ] }),
-      /* @__PURE__ */ l("defs", { children: [
-        /* @__PURE__ */ l(
+      /* @__PURE__ */ i("defs", { children: [
+        /* @__PURE__ */ i(
           "filter",
           {
             id: "filter0_empty_state",
@@ -2018,17 +2018,17 @@ const _n = ({
       ] })
     ]
   }
-), Nt = z.memo(
-  ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(En, {}),
-    s && !t && /* @__PURE__ */ l("div", { className: "mt-8", children: [
+), _t = z.memo(
+  ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
+    /* @__PURE__ */ e(Dn, {}),
+    s && !t && /* @__PURE__ */ i("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-Nt.displayName = "EmptyState";
-const ke = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ l("div", { className: "text-center max-w-sm", children: [
+_t.displayName = "EmptyState";
+const Te = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -2042,105 +2042,105 @@ const ke = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-ke.displayName = "ErrorState";
-const Vn = ({
+Te.displayName = "ErrorState";
+const na = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
-  onChannelSelect: i,
-  onParticipantSelect: u,
+  onChannelSelect: l,
+  onParticipantSelect: d,
   initialParticipantFilter: r,
   initialParticipantData: c,
-  CustomChannelEmptyState: f,
-  showChannelList: m = !0,
+  CustomChannelEmptyState: x,
+  showChannelList: u = !0,
   filters: g,
-  channelRenderFilterFn: b,
+  channelRenderFilterFn: h,
   channelListCustomEmptyStateIndicator: N,
   onDeleteConversationClick: a,
-  onBlockParticipantClick: w,
-  onReportParticipantClick: y,
-  dmAgentEnabled: x,
+  onBlockParticipantClick: _,
+  onReportParticipantClick: v,
+  dmAgentEnabled: p,
   messageMetadata: E,
-  onMessageSent: v,
-  showStarButton: I = !1,
-  chatbotVotingEnabled: k = !1,
+  onMessageSent: S,
+  showStarButton: C = !1,
+  chatbotVotingEnabled: I = !1,
   renderMessagePreview: P,
-  renderChannelBanner: p,
-  customProfileContent: d,
-  customChannelActions: C,
-  renderMessage: _,
-  sendButton: T
+  renderChannelBanner: w,
+  customProfileContent: m,
+  customChannelActions: f,
+  renderMessage: T,
+  sendButton: M
 }) => {
   const {
     service: L,
-    client: D,
-    isConnected: G,
+    client: R,
+    isConnected: B,
     isLoading: ee,
-    error: q,
-    refreshConnection: $,
+    error: J,
+    refreshConnection: V,
     debug: F
-  } = Ss(), [J, Z] = S(null), [Q, h] = S(!1), [R, O] = S(!1), [V, j] = S(!1), [se, ie] = S(/* @__PURE__ */ new Set()), [be, Re] = S(0), [Y, te] = S(!1), [xe, ae] = S(null), me = K(null), {
-    participantSource: le,
-    participantLabel: pe = "participants",
+  } = Rs(), [H, Z] = k(null), [ae, K] = k(!1), [b, y] = k(!1), [U, j] = k(!1), [te, le] = k(/* @__PURE__ */ new Set()), [pe, Pe] = k(0), [Y, Q] = k(!1), [xe, re] = k(null), me = X(null), {
+    participantSource: ie,
+    participantLabel: we = "participants",
     showDeleteConversation: ge = !0
   } = t, ve = z.useMemo(() => {
-    const M = D == null ? void 0 : D.userID;
+    const D = R == null ? void 0 : R.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...M && {
-          members: { $in: [M] },
+        ...D && {
+          members: { $in: [D] },
           hidden: !1
         }
       },
       ...g
     };
-  }, [g, D == null ? void 0 : D.userID]), ce = K(null), ne = A(async () => {
-    if (!D || !G) return;
-    const M = D.userID;
-    if (M)
+  }, [g, R == null ? void 0 : R.userID]), ce = X(null), ne = A(async () => {
+    if (!R || !B) return;
+    const D = R.userID;
+    if (D)
       try {
-        F && console.log("[MessagingShell] Syncing channels for user:", M);
-        const W = await D.queryChannels(
+        F && console.log("[MessagingShell] Syncing channels for user:", D);
+        const W = await R.queryChannels(
           {
             type: "messaging",
-            members: { $in: [M] }
+            members: { $in: [D] }
           },
           {},
           { limit: 100 }
-        ), B = /* @__PURE__ */ new Set();
-        W.forEach((H) => {
-          const Le = H.state.members;
-          Object.values(Le).forEach((Ct) => {
-            var Ve;
-            const Pe = (Ve = Ct.user) == null ? void 0 : Ve.id;
-            Pe && Pe !== M && B.add(Pe);
+        ), $ = /* @__PURE__ */ new Set();
+        W.forEach((G) => {
+          const Fe = G.state.members;
+          Object.values(Fe).forEach((kt) => {
+            var qe;
+            const Ae = (qe = kt.user) == null ? void 0 : qe.id;
+            Ae && Ae !== D && $.add(Ae);
           });
-        }), ie((H) => H.size === B.size && [...H].every((Le) => B.has(Le)) ? H : B), h(W.length > 0), O(!0), ce.current = M, F && console.log("[MessagingShell] Channels synced successfully:", {
+        }), le((G) => G.size === $.size && [...G].every((Fe) => $.has(Fe)) ? G : $), K(W.length > 0), y(!0), ce.current = D, F && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: W.length,
-          memberCount: B.size
+          memberCount: $.size
         });
       } catch (W) {
         console.error("[MessagingShell] Failed to sync channels:", W);
       }
-  }, [D, G, F]);
-  X(() => {
-    if (!D || !G) return;
-    const M = D.userID;
-    M && ce.current !== M && ne();
-  }, [D, G, ne]), X(() => {
-    if (!r || !D || !G) return;
+  }, [R, B, F]);
+  q(() => {
+    if (!R || !B) return;
+    const D = R.userID;
+    D && ce.current !== D && ne();
+  }, [R, B, ne]), q(() => {
+    if (!r || !R || !B) return;
     (async () => {
-      const W = D.userID;
+      const W = R.userID;
       if (W)
         try {
           F && console.log(
             "[MessagingShell] Loading initial conversation with:",
             r
           );
-          const B = await D.queryChannels(
+          const $ = await R.queryChannels(
             {
               type: "messaging",
               members: { $eq: [W, r] }
@@ -2148,10 +2148,10 @@ const Vn = ({
             {},
             { limit: 1 }
           );
-          if (B.length > 0)
-            Z(B[0]), te(!0), ae(null), i && i(B[0]), F && console.log(
+          if ($.length > 0)
+            Z($[0]), Q(!0), re(null), l && l($[0]), F && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              B[0].id
+              $[0].id
             );
           else if (c && L) {
             F && console.log(
@@ -2159,132 +2159,132 @@ const Vn = ({
               c
             );
             try {
-              const H = await L.startChannelWithParticipant({
+              const G = await L.startChannelWithParticipant({
                 id: c.id,
                 name: c.name,
                 email: c.email,
                 phone: c.phone
               });
-              Z(H), te(!0), ae(null), i && i(H), F && console.log(
+              Z(G), Q(!0), re(null), l && l(G), F && console.log(
                 "[MessagingShell] Channel created and loaded:",
-                H.id
+                G.id
               );
-            } catch (H) {
+            } catch (G) {
               console.error(
                 "[MessagingShell] Failed to create conversation:",
-                H
-              ), ae("Failed to create conversation");
+                G
+              ), re("Failed to create conversation");
             }
           } else
-            ae(
+            re(
               "No conversation found with this account"
             ), F && console.log(
               "[MessagingShell] No conversation found for:",
               r
             );
-        } catch (B) {
+        } catch ($) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            B
-          ), ae("Failed to load conversation");
+            $
+          ), re("Failed to load conversation");
         }
     })();
   }, [
     r,
     c,
-    D,
-    G,
+    R,
+    B,
     L,
     F,
-    i
+    l
   ]);
-  const ye = A(
-    (M) => {
-      Z(M), i == null || i(M);
+  const Ne = A(
+    (D) => {
+      Z(D), l == null || l(D);
     },
-    [i]
-  ), Ne = A(() => {
+    [l]
+  ), ye = A(() => {
     Y || Z(null);
-  }, [Y]), we = A(
-    async (M) => {
+  }, [Y]), Ce = A(
+    async (D) => {
       var W;
       if (L)
         try {
           F && console.log(
             "[MessagingShell] Starting conversation with:",
-            M.id
+            D.id
           );
-          const B = await L.startChannelWithParticipant({
-            id: M.id,
-            name: M.name,
-            email: M.email,
-            phone: M.phone
+          const $ = await L.startChannelWithParticipant({
+            id: D.id,
+            name: D.name,
+            email: D.email,
+            phone: D.phone
           });
           try {
-            await B.show();
-          } catch (H) {
-            console.warn("[MessagingShell] Failed to unhide channel:", H);
+            await $.show();
+          } catch (G) {
+            console.warn("[MessagingShell] Failed to unhide channel:", G);
           }
-          Z(B), j(!1), (W = me.current) == null || W.close(), u == null || u(M);
-        } catch (B) {
-          console.error("[MessagingShell] Failed to start conversation:", B);
+          Z($), j(!1), (W = me.current) == null || W.close(), d == null || d(D);
+        } catch ($) {
+          console.error("[MessagingShell] Failed to start conversation:", $);
         }
     },
-    [L, u, F]
+    [L, d, F]
   ), de = A(() => {
-    var M;
-    j(!1), (M = me.current) == null || M.close();
-  }, []), Ce = A(
-    (M) => {
-      M.target === me.current && de();
+    var D;
+    j(!1), (D = me.current) == null || D.close();
+  }, []), _e = A(
+    (D) => {
+      D.target === me.current && de();
     },
     [de]
-  ), _e = A(
-    async (M) => {
-      F && console.log("[MessagingShell] Leaving conversation:", M.id), Z(null), te(!1), ce.current = null, await ne();
+  ), Ee = A(
+    async (D) => {
+      F && console.log("[MessagingShell] Leaving conversation:", D.id), Z(null), Q(!1), ce.current = null, await ne();
     },
     [ne, F]
-  ), Ee = A(
-    async (M) => {
-      F && console.log("[MessagingShell] Blocking participant:", M), Z(null), te(!1), ce.current = null, await ne();
+  ), Se = A(
+    async (D) => {
+      F && console.log("[MessagingShell] Blocking participant:", D), Z(null), Q(!1), ce.current = null, await ne();
     },
     [ne, F]
-  ), ue = !!J;
-  return ee ? /* @__PURE__ */ e("div", { className: U("h-full", s), children: /* @__PURE__ */ e(Me, {}) }) : q ? /* @__PURE__ */ e("div", { className: U("h-full", s), children: /* @__PURE__ */ e(ke, { message: q, onBack: $ }) }) : !G || !D ? /* @__PURE__ */ e("div", { className: U("h-full", s), children: /* @__PURE__ */ e(
-    ke,
+  ), ue = !!H;
+  return ee ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(De, {}) }) : J ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(Te, { message: J, onBack: V }) }) : !B || !R ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(
+    Te,
     {
       message: "Not connected to messaging service",
-      onBack: $
+      onBack: V
     }
-  ) }) : xe ? /* @__PURE__ */ e("div", { className: U("h-full", s), children: /* @__PURE__ */ e(ke, { message: xe }) }) : /* @__PURE__ */ l(
+  ) }) : xe ? /* @__PURE__ */ e("div", { className: O("h-full", s), children: /* @__PURE__ */ e(Te, { message: xe }) }) : /* @__PURE__ */ i(
     "div",
     {
-      className: U(
+      className: O(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
       children: [
-        /* @__PURE__ */ l("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ i("div", { className: "flex h-full min-h-0", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: U(
+              className: O(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": m === !1 || Y,
+                  "!hidden": u === !1 || Y,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": m !== !1 && !Y && ue,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !Y && ue,
                   // Show on mobile when no channel selected, use same wide width on desktop
-                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": m !== !1 && !Y && !ue
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": u !== !1 && !Y && !ue
                 }
               ),
               children: /* @__PURE__ */ e(
-                gt,
+                xt,
                 {
-                  onChannelSelect: ye,
-                  selectedChannel: J || void 0,
+                  onChannelSelect: Ne,
+                  selectedChannel: H || void 0,
                   filters: ve,
-                  channelRenderFilterFn: b,
+                  channelRenderFilterFn: h,
                   customEmptyStateIndicator: N,
                   renderMessagePreview: P
                 }
@@ -2294,7 +2294,7 @@ const Vn = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: U(
+              className: O(
                 "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
                 {
                   // In direct conversation mode (or waiting for it), always show (full width)
@@ -2303,72 +2303,72 @@ const Vn = ({
                   "hidden lg:flex": !Y && !ue && !r
                 }
               ),
-              children: J ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                yt,
+              children: H ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+                Ct,
                 {
-                  channel: J,
-                  onBack: Ne,
+                  channel: H,
+                  onBack: ye,
                   showBackButton: !Y,
                   renderMessageInputActions: n,
                   renderConversationFooter: o,
-                  renderChannelBanner: p,
-                  onLeaveConversation: _e,
-                  onBlockParticipant: Ee,
-                  CustomChannelEmptyState: f,
+                  renderChannelBanner: w,
+                  onLeaveConversation: Ee,
+                  onBlockParticipant: Se,
+                  CustomChannelEmptyState: x,
                   showDeleteConversation: ge,
                   onDeleteConversationClick: a,
-                  onBlockParticipantClick: w,
-                  onReportParticipantClick: y,
-                  dmAgentEnabled: x,
+                  onBlockParticipantClick: _,
+                  onReportParticipantClick: v,
+                  dmAgentEnabled: p,
                   messageMetadata: E,
-                  onMessageSent: v,
-                  showStarButton: I,
-                  chatbotVotingEnabled: k,
-                  customProfileContent: d,
-                  customChannelActions: C,
-                  renderMessage: _,
-                  sendButton: T
+                  onMessageSent: S,
+                  showStarButton: C,
+                  chatbotVotingEnabled: I,
+                  customProfileContent: m,
+                  customChannelActions: f,
+                  renderMessage: T,
+                  sendButton: M
                 },
-                J.id
+                H.id
               ) }) : r ? (
                 // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(Me, {})
+                /* @__PURE__ */ e(De, {})
               ) : /* @__PURE__ */ e(
-                Nt,
+                _t,
                 {
-                  hasChannels: Q,
-                  channelsLoaded: R
+                  hasChannels: ae,
+                  channelsLoaded: b
                 }
               )
             }
           )
         ] }),
-        le && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        ie && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
             ref: me,
             className: "mes-dialog",
-            onClick: Ce,
+            onClick: _e,
             onClose: de,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              _n,
+              Mn,
               {
-                participantSource: le,
-                onSelectParticipant: we,
+                participantSource: ie,
+                onSelectParticipant: Ce,
                 onClose: de,
-                existingParticipantIds: se,
-                participantLabel: pe,
-                searchPlaceholder: `Search ${pe}...`
+                existingParticipantIds: te,
+                participantLabel: we,
+                searchPlaceholder: `Search ${we}...`
               },
-              be
+              pe
             ) })
           }
         )
       ]
     }
   );
-}, Sn = ({
+}, Rn = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2380,7 +2380,7 @@ const Vn = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: U(
+    className: O(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -2390,48 +2390,48 @@ const Vn = ({
     ),
     children: t
   }
-), Yn = ({
+), aa = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
   headerText: o,
-  className: i,
-  avatarImage: u,
+  className: l,
+  avatarImage: d,
   avatarName: r
 }) => {
-  const c = t.filter((f) => f.enabled).sort((f, m) => (f.order ?? 0) - (m.order ?? 0));
-  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ l("div", { className: "flex gap-3 items-end", children: [
-    (u || r) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
+  const c = t.filter((x) => x.enabled).sort((x, u) => (x.order ?? 0) - (u.order ?? 0));
+  return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
+    (d || r) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       oe,
       {
         id: r || "account",
         name: r || "Account",
-        image: u,
+        image: d,
         size: 24,
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ i(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
           o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
-          c.map((f) => /* @__PURE__ */ e(
-            Sn,
+          c.map((x) => /* @__PURE__ */ e(
+            Rn,
             {
-              question: f.question,
-              onClick: () => s(f.id),
-              loading: n === f.id
+              question: x.question,
+              onClick: () => s(x.id),
+              loading: n === x.id
             },
-            f.id
+            x.id
           ))
         ]
       }
     )
   ] }) });
-}, In = [
+}, Ln = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -2441,114 +2441,125 @@ const Vn = ({
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function He(t) {
+function Ye(t) {
   return t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("image/") ? "image" : "document";
 }
-function kn(t) {
-  const s = In.find(
+function Pn(t) {
+  const s = Ln.find(
     ([n]) => n.test(t)
   );
   return s ? s[1] : "generic";
 }
-const Mn = {
-  video: gs,
-  audio: fs,
-  image: hs,
-  document: ct
-}, Tn = {
-  pdf: Cs,
-  doc: ws,
-  xls: Ns,
-  csv: ys,
-  ppt: vs,
-  zip: ps,
-  text: xs,
-  markdown: bs,
-  generic: ct
+const Fn = {
+  video: vs,
+  audio: ws,
+  image: xs,
+  document: ut
+}, An = {
+  pdf: ks,
+  doc: Is,
+  xls: Ss,
+  csv: Es,
+  ppt: _s,
+  zip: Cs,
+  text: ys,
+  markdown: Ns,
+  generic: ut
 };
-function Dn(t) {
-  const s = He(t);
-  return s !== "document" ? Mn[s] : Tn[kn(t)];
+function Un(t) {
+  const s = Ye(t);
+  return s !== "document" ? Fn[s] : An[Pn(t)];
 }
-function Te(t, s) {
-  return z.createElement(Dn(t), s);
+function We(t, s) {
+  return z.createElement(Un(t), s);
 }
-const Rn = (t) => {
+const On = (t) => {
   var s, n;
   return "touches" in t ? ((s = t.touches[0]) == null ? void 0 : s.clientX) ?? ((n = t.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : t.clientX;
-}, Ln = ({
+}, Ve = ({
   source: t,
   mimeType: s,
   poster: n,
   autoPlay: o = !1,
-  playing: i,
-  loop: u = !1,
+  playing: l,
+  loop: d = !1,
   controls: r = !0,
   showProgress: c = !1,
-  muted: f = !1
+  muted: x = !1,
+  onContainerClick: u
 }) => {
-  const m = He(s), g = K(null), b = K(null), N = K(null), a = K(i), [w, y] = S(o), [x, E] = S(0), [v, I] = S(!1), [k, P] = S(!1), [p, d] = S(!1), [C, _] = S(!1), [T, L] = S(!0), [D, G] = S(null), ee = A(() => {
-    d(!1), y(!0);
-  }, []), q = A((h) => {
-    const R = b.current;
-    if (!R) return 0;
-    const O = R.getBoundingClientRect();
+  const g = Ye(s), h = X(null), N = X(null), a = X(null), _ = X(l), [v, p] = k(o), [E, S] = k(0), [C, I] = k(!1), [P, w] = k(!1), [m, f] = k(!1), [T, M] = k(!1), [L, R] = k(!0), [B, ee] = k(null), J = A(() => {
+    f(!1), p(!0);
+  }, []), V = A((b) => {
+    const y = N.current;
+    if (!y) return 0;
+    const U = y.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Rn(h) - O.left) / O.width)
+      Math.min(1, (On(b) - U.left) / U.width)
     );
-  }, []), $ = A((h) => {
-    const R = g.current;
-    R && R.duration && (R.currentTime = h * R.duration);
-  }, []), F = (h) => {
-    h.stopPropagation(), I(!0);
-    const R = q(h);
-    E(R), $(R);
+  }, []), F = A((b) => {
+    const y = h.current;
+    y && y.duration && (y.currentTime = b * y.duration);
+  }, []), H = (b) => {
+    b.stopPropagation(), I(!0);
+    const y = V(b);
+    S(y), F(y);
   };
-  X(() => {
-    i !== void 0 && i !== a.current && (a.current = i, y(i));
-  }, [i]), X(() => {
-    if (!w) {
-      N.current !== null && (cancelAnimationFrame(N.current), N.current = null);
+  q(() => {
+    l !== void 0 && l !== _.current && (_.current = l, p(l));
+  }, [l]), q(() => {
+    if (!v) {
+      a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
       return;
     }
-    const h = () => {
-      const R = g.current;
-      R && R.duration && !v && E(R.currentTime / R.duration), N.current = requestAnimationFrame(h);
+    const b = () => {
+      const y = h.current;
+      y && y.duration && !C && S(y.currentTime / y.duration), a.current = requestAnimationFrame(b);
     };
-    return N.current = requestAnimationFrame(h), () => {
-      N.current !== null && cancelAnimationFrame(N.current);
+    return a.current = requestAnimationFrame(b), () => {
+      a.current !== null && cancelAnimationFrame(a.current);
     };
-  }, [w, v]), X(() => {
-    const h = g.current;
-    h && (w ? h.play().catch((R) => {
-      y(!1), d(!0);
-    }) : h.pause());
-  }, [w]), X(() => {
-    if (!v) return;
-    const h = (O) => E(q(O)), R = (O) => {
-      I(!1), $(q(O));
+  }, [v, C]), q(() => {
+    const b = h.current;
+    b && (v ? b.play().catch((y) => {
+      p(!1), f(!0);
+    }) : b.pause());
+  }, [v]), q(() => {
+    if (!C) return;
+    const b = (U) => S(V(U)), y = (U) => {
+      I(!1), F(V(U));
     };
-    return window.addEventListener("mousemove", h), window.addEventListener("mouseup", R), window.addEventListener("touchmove", h, { passive: !0 }), window.addEventListener("touchend", R), () => {
-      window.removeEventListener("mousemove", h), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", h), window.removeEventListener("touchend", R);
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", y), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", y), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", y);
     };
-  }, [v, q, $]);
-  const J = D ? { aspectRatio: String(D) } : void 0, Z = D ? "" : " aspect-video", Q = Math.round(x * 100);
-  return /* @__PURE__ */ l(
+  }, [C, V, F]);
+  const Z = B ? { aspectRatio: String(B) } : void 0, ae = B ? "" : " aspect-video", K = Math.round(E * 100);
+  return /* @__PURE__ */ i(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: J,
-      onClick: () => {
-        p || r && y((h) => !h);
+      className: `relative cursor-pointer overflow-hidden bg-black ${ae}`,
+      style: Z,
+      onClick: (b) => {
+        if (u) {
+          u(b);
+          return;
+        }
+        m || r && p((y) => !y);
       },
-      onKeyDown: (h) => {
-        h.key !== "Enter" && h.key !== " " || (h.preventDefault(), !p && r && y((R) => !R));
+      onKeyDown: (b) => {
+        if (!(b.key !== "Enter" && b.key !== " ")) {
+          if (b.preventDefault(), u) {
+            u(b);
+            return;
+          }
+          m || r && p((y) => !y);
+        }
       },
       children: [
-        n && (m === "audio" || T) && /* @__PURE__ */ e(
+        n && (g === "audio" || L) && /* @__PURE__ */ e(
           "img",
           {
             src: n,
@@ -2556,75 +2567,75 @@ const Rn = (t) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (m === "audio" || T) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: Te(s, {
+        !n && (g === "audio" || L) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: We(s, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ e("div", { className: "absolute inset-0", children: m === "audio" ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "absolute inset-0", children: g === "audio" ? /* @__PURE__ */ e(
           "audio",
           {
-            ref: g,
+            ref: h,
             src: t,
-            loop: u,
-            muted: f,
+            loop: d,
+            muted: x,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => _(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              _(!1), L(!1);
+              M(!1), R(!1);
             },
-            onWaiting: () => _(!0),
-            onPlay: () => d(!1),
+            onWaiting: () => M(!0),
+            onPlay: () => f(!1),
             onEnded: () => {
-              u || (y(!1), E(0));
+              d || (p(!1), S(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
         ) : /* @__PURE__ */ e(
           "video",
           {
-            ref: g,
+            ref: h,
             src: t,
-            loop: u,
-            muted: f,
+            loop: d,
+            muted: x,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => _(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              _(!1), L(!1);
+              M(!1), R(!1);
             },
-            onWaiting: () => _(!0),
-            onPlay: () => d(!1),
+            onWaiting: () => M(!0),
+            onPlay: () => f(!1),
             onLoadedMetadata: () => {
-              const h = g.current;
-              h instanceof HTMLVideoElement && h.videoWidth && h.videoHeight && G(h.videoWidth / h.videoHeight);
+              const b = h.current;
+              b instanceof HTMLVideoElement && b.videoWidth && b.videoHeight && ee(b.videoWidth / b.videoHeight);
             },
             onEnded: () => {
-              u || (y(!1), E(0));
+              d || (p(!1), S(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
         ) }),
-        C && !p && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
-          _s,
+        T && !m && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
+          mt,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        p && !r && /* @__PURE__ */ e(
+        m && !r && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (h) => {
-              h.stopPropagation(), ee();
+            onClick: (b) => {
+              b.stopPropagation(), J();
             },
-            onKeyDown: (h) => {
-              h.key !== "Enter" && h.key !== " " || (h.preventDefault(), h.stopPropagation(), ee());
+            onKeyDown: (b) => {
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), J());
             },
-            children: /* @__PURE__ */ e("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ e(Ke, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ e("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ e(et, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         c && !r && /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ e(
@@ -2632,69 +2643,69 @@ const Rn = (t) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": Q,
+            "aria-valuenow": K,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: b,
+            ref: N,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: F,
-            onTouchStart: F,
-            onClick: (h) => h.stopPropagation(),
-            onKeyDown: (h) => {
-              h.key === "ArrowRight" && $(Math.min(1, x + 0.05)), h.key === "ArrowLeft" && $(Math.max(0, x - 0.05));
+            onMouseDown: H,
+            onTouchStart: H,
+            onClick: (b) => b.stopPropagation(),
+            onKeyDown: (b) => {
+              b.key === "ArrowRight" && F(Math.min(1, E + 0.05)), b.key === "ArrowLeft" && F(Math.max(0, E - 0.05));
             },
             children: /* @__PURE__ */ e("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ e(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${Q}%` }
+                style: { width: `${K}%` }
               }
             ) })
           }
         ) }),
-        r && /* @__PURE__ */ l("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        r && /* @__PURE__ */ i("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: (h) => {
-                h.stopPropagation(), y((R) => !R);
+              onClick: (b) => {
+                b.stopPropagation(), p((y) => !y);
               },
               className: "shrink-0 text-white",
-              "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ e(Es, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(Ke, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": v ? "Pause" : "Play",
+              children: v ? /* @__PURE__ */ e(Ts, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(et, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "div",
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": Q,
+              "aria-valuenow": K,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: b,
+              ref: N,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: F,
-              onTouchStart: F,
-              onClick: (h) => h.stopPropagation(),
-              onMouseEnter: () => P(!0),
-              onMouseLeave: () => P(!1),
-              onKeyDown: (h) => {
-                h.key === "ArrowRight" && $(Math.min(1, x + 0.05)), h.key === "ArrowLeft" && $(Math.max(0, x - 0.05));
+              onMouseDown: H,
+              onTouchStart: H,
+              onClick: (b) => b.stopPropagation(),
+              onMouseEnter: () => w(!0),
+              onMouseLeave: () => w(!1),
+              onKeyDown: (b) => {
+                b.key === "ArrowRight" && F(Math.min(1, E + 0.05)), b.key === "ArrowLeft" && F(Math.max(0, E - 0.05));
               },
               children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${k || v ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${P || C ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${Q}%` }
+                        style: { width: `${K}%` }
                       }
                     )
                   }
@@ -2702,8 +2713,8 @@ const Rn = (t) => {
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${k || v ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${Q}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${P || C ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${K}%` }
                   }
                 )
               ]
@@ -2714,155 +2725,380 @@ const Rn = (t) => {
     }
   );
 };
-function wt(t) {
+function $n(t) {
   return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
 }
-const Pn = "w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]", st = ({
-  mimeType: t,
-  title: s,
-  fileSize: n
-}) => !s && n === void 0 ? null : /* @__PURE__ */ l("div", { className: "px-4 pb-3 pt-3", children: [
-  s && /* @__PURE__ */ e("p", { className: "mb-1.5 truncate text-base font-medium text-black", children: s }),
-  n !== void 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-    Te(t, { className: "size-5 shrink-0 text-black/55", weight: "regular" }),
-    /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: wt(n) })
-  ] })
-] }), Fn = ({ url: t, mimeType: s, title: n, fileSize: o }) => /* @__PURE__ */ l("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: [
-  /* @__PURE__ */ e("div", { className: "aspect-video w-full bg-black/5 flex items-center justify-center", children: Te(s, { className: "size-12 text-black/20", weight: "regular" }) }),
-  /* @__PURE__ */ l("div", { className: "px-4 pb-3 pt-3", children: [
-    n && /* @__PURE__ */ e("p", { className: "mb-1.5 truncate text-base font-medium text-black", children: n }),
-    o !== void 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-      Te(s, { className: "size-5 shrink-0 text-black/55", weight: "regular" }),
-      /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: wt(o) })
-    ] })
-  ] })
-] }), Wn = ({
-  message: t,
-  isMyMessage: s = !1
+function zn(t) {
+  return `w-[280px] select-none overflow-hidden rounded-[24px] ${t ? "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 Et(t) {
+  return t ? "text-white" : "text-black";
+}
+function be(t) {
+  return t ? "text-white/55" : "text-black/55";
+}
+function Bn(t) {
+  return t ? "text-white/40" : "text-black/40";
+}
+function St(t) {
+  return t ? "bg-white/10" : "bg-black/5";
+}
+function It(t) {
+  return t ? "text-white/20" : "text-black/20";
+}
+function jn(t) {
+  return t ? "bg-white/10 hover:bg-white/15" : "bg-black/[0.06] hover:bg-black/10";
+}
+async function Gn(t, s) {
+  let n;
+  try {
+    n = s ?? new URL(t).pathname.split("/").pop() ?? "download";
+  } catch {
+    n = s ?? "download";
+  }
+  const o = await fetch(t, { mode: "cors" });
+  if (!o.ok) throw new Error(`HTTP ${o.status}`);
+  const l = await o.blob(), d = URL.createObjectURL(l), r = document.createElement("a");
+  r.href = d, r.download = n, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(d);
+}
+const Vn = ({
+  url: t,
+  filename: s,
+  isMyMessage: n
 }) => {
-  var w, y, x, E;
-  const n = (w = t.attachments) == null ? void 0 : w.find(
-    (v) => v.type === "video" && v.asset_url
-  ), o = (y = t.attachments) == null ? void 0 : y.find(
-    (v) => v.type === "image" && v.image_url
-  ), i = (x = t.attachments) == null ? void 0 : x.find(
-    (v) => v.type === "audio" && v.asset_url
-  ), u = (E = t.attachments) == null ? void 0 : E.find(
-    (v) => v.type === "file" && v.asset_url
-  ), r = n ?? o ?? i ?? u, c = (n == null ? void 0 : n.asset_url) ?? (o == null ? void 0 : o.image_url) ?? (i == null ? void 0 : i.asset_url) ?? (u == null ? void 0 : u.asset_url), f = (r == null ? void 0 : r.mime_type) ?? (o ? "image/jpeg" : n ? "video/mp4" : i ? "audio/mpeg" : "application/octet-stream");
-  if (!c) return null;
-  const m = He(f), g = r == null ? void 0 : r.title, b = r == null ? void 0 : r.file_size, N = n == null ? void 0 : n.thumb_url;
-  return /* @__PURE__ */ l("div", { className: s ? "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: [
-    !s && t.user && /* @__PURE__ */ e(
-      oe,
+  const [o, l] = k(!1);
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: (r) => {
+        r.stopPropagation();
+        const c = window.open("", "_blank", "noopener,noreferrer");
+        l(!0), Gn(t, s).then(() => {
+          c == null || c.close();
+        }).catch(() => {
+          c && (c.location.href = t);
+        }).finally(() => l(!1));
+      },
+      disabled: o,
+      className: `flex size-8 items-center justify-center rounded-full ${jn(n)} disabled:opacity-50`,
+      "aria-label": "Download",
+      children: o ? /* @__PURE__ */ e(mt, { className: `size-4 animate-spin ${be(n)}`, weight: "bold" }) : /* @__PURE__ */ e(Ds, { className: `size-4 ${be(n)}`, weight: "bold" })
+    }
+  );
+}, Me = ({ mimeType: t, title: s, fileSize: n, url: o, isMyMessage: l }) => /* @__PURE__ */ i("div", { className: "flex items-start gap-2 px-4 pb-3 pt-3", children: [
+  /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
+    s && /* @__PURE__ */ e("p", { className: `mb-1.5 truncate text-base font-medium ${Et(l)}`, children: s }),
+    n !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+      We(t, {
+        className: `size-5 shrink-0 ${be(l)}`,
+        weight: "regular"
+      }),
+      /* @__PURE__ */ e("span", { className: `text-xs font-medium ${be(l)}`, children: $n(n) })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-1 pt-0.5", children: /* @__PURE__ */ e(Vn, { url: o, filename: s, isMyMessage: l }) })
+] }), Hn = ({ url: t, mimeType: s, title: n, fileSize: o, isMyMessage: l, onExpand: d }) => {
+  const r = /* @__PURE__ */ e(
+    "div",
+    {
+      className: `aspect-video w-full ${St(l)} flex items-center justify-center`,
+      children: We(s, {
+        className: `size-12 ${It(l)}`,
+        weight: "regular"
+      })
+    }
+  );
+  return /* @__PURE__ */ i("div", { children: [
+    d ? /* @__PURE__ */ e(
+      "button",
       {
-        className: "str-chat__avatar str-chat__message-sender-avatar",
-        id: t.user.id,
-        image: t.user.image,
-        name: t.user.name ?? t.user.id
+        type: "button",
+        onClick: d,
+        className: "block w-full",
+        "aria-label": "Open PDF viewer",
+        children: r
       }
-    ),
+    ) : /* @__PURE__ */ e("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: r }),
     /* @__PURE__ */ e(
+      Me,
+      {
+        mimeType: s,
+        title: n,
+        fileSize: o,
+        url: t,
+        isMyMessage: l
+      }
+    )
+  ] });
+}, Yn = ({ attachment: t, isMyMessage: s }) => {
+  const { title: n, text: o, image_url: l, og_scrape_url: d, title_link: r } = t, c = d ?? r;
+  return /* @__PURE__ */ i("a", { href: c, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: [
+    /* @__PURE__ */ e("div", { className: "p-2", children: l ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: l,
+        alt: n ?? "",
+        className: "aspect-video w-full rounded-[20px] object-cover"
+      }
+    ) : /* @__PURE__ */ e(
       "div",
       {
-        className: "str-chat__message-inner",
-        style: { marginInlineEnd: 0, marginInlineStart: 0 },
-        children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" }, children: /* @__PURE__ */ e("div", { className: Pn, children: m === "image" ? /* @__PURE__ */ l(re, { children: [
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: c,
-              alt: g ?? "",
-              className: "block w-full"
-            }
-          ),
-          /* @__PURE__ */ e(st, { mimeType: f, title: g, fileSize: b })
-        ] }) : m === "document" ? /* @__PURE__ */ e(
-          Fn,
+        className: `aspect-video w-full rounded-[20px] ${St(s)} flex items-center justify-center`,
+        children: /* @__PURE__ */ e(Ms, { className: `size-12 ${It(s)}` })
+      }
+    ) }),
+    /* @__PURE__ */ i("div", { className: "px-3 pb-3", children: [
+      n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Et(s)}`, children: n }),
+      o && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${be(s)}`, children: o }),
+      c && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Bn(s)}`, children: c })
+    ] })
+  ] });
+}, Wn = ({ sourceType: t, url: s, mimeType: n, title: o, poster: l, onClose: d }) => {
+  const r = X(null);
+  return q(() => {
+    const u = r.current;
+    return u == null || u.showModal(), () => {
+      u != null && u.open && u.close();
+    };
+  }, []), // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+  /* @__PURE__ */ e(
+    "dialog",
+    {
+      ref: r,
+      className: "mes-media-viewer",
+      onClose: d,
+      onClick: (u) => {
+        u.target === r.current && d();
+      },
+      children: /* @__PURE__ */ i("div", { className: "relative flex h-full w-full items-center justify-center p-6", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: d,
+            className: "absolute right-4 top-4 z-10 flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ e(Re, { className: "size-5", weight: "bold" })
+          }
+        ),
+        t === "image" ? /* @__PURE__ */ e(
+          "img",
           {
-            url: c,
-            mimeType: f,
-            title: g,
-            fileSize: b
+            src: s,
+            alt: o ?? "",
+            className: "max-h-[90vh] max-w-[90vw] rounded-2xl object-contain"
           }
-        ) : /* @__PURE__ */ l(re, { children: [
+        ) : n === "application/pdf" ? /* @__PURE__ */ i("div", { className: "flex h-full w-full max-w-4xl flex-col pt-14", children: [
+          o && /* @__PURE__ */ e("p", { className: "mb-2 shrink-0 truncate text-sm font-medium text-white/70", children: o }),
           /* @__PURE__ */ e(
-            Ln,
+            "iframe",
             {
-              source: c,
-              mimeType: f,
-              poster: N,
-              controls: !0
+              src: s,
+              title: o ?? "Document",
+              className: "w-full flex-1 rounded-xl"
             }
-          ),
-          /* @__PURE__ */ e(st, { mimeType: f, title: g, fileSize: b })
-        ] }) }) }) })
+          )
+        ] }) : /* @__PURE__ */ i("div", { className: "w-full max-w-2xl", children: [
+          o && /* @__PURE__ */ e("p", { className: "mb-4 text-center text-sm font-medium text-white/70", children: o }),
+          /* @__PURE__ */ e(Ve, { source: s, mimeType: n, poster: l, controls: !0 })
+        ] })
+      ] })
+    }
+  );
+}, ra = ({
+  message: t,
+  isMyMessage: s = !1
+}) => {
+  var C, I, P, w, m;
+  const [n, o] = k(!1), l = (C = t.attachments) == null ? void 0 : C.find(
+    (f) => f.type === "link" || f.og_scrape_url && !f.asset_url
+  ), d = (I = t.attachments) == null ? void 0 : I.find(
+    (f) => f.type === "video" && f.asset_url
+  ), r = (P = t.attachments) == null ? void 0 : P.find(
+    (f) => f.type === "image" && f.image_url
+  ), c = (w = t.attachments) == null ? void 0 : w.find(
+    (f) => f.type === "audio" && f.asset_url
+  ), x = (m = t.attachments) == null ? void 0 : m.find(
+    (f) => f.type === "file" && f.asset_url
+  ), u = d ?? r ?? c ?? x, g = (d == null ? void 0 : d.asset_url) ?? (r == null ? void 0 : r.image_url) ?? (c == null ? void 0 : c.asset_url) ?? (x == null ? void 0 : x.asset_url), h = (u == null ? void 0 : u.mime_type) ?? ((u == null ? void 0 : u.type) === "image" ? "image/jpeg" : (u == null ? void 0 : u.type) === "video" ? "video/mp4" : (u == null ? void 0 : u.type) === "audio" ? "audio/mpeg" : "application/octet-stream");
+  if (!l && !g) return null;
+  const N = g ? Ye(h) : null, a = u == null ? void 0 : u.title, _ = u == null ? void 0 : u.file_size, v = d == null ? void 0 : d.thumb_url, p = h === "application/pdf", E = s ? "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", S = N === "image" || N === "video" || p;
+  return /* @__PURE__ */ i(se, { children: [
+    /* @__PURE__ */ i("div", { className: E, children: [
+      !s && t.user && /* @__PURE__ */ e(
+        oe,
+        {
+          className: "str-chat__avatar str-chat__message-sender-avatar",
+          id: t.user.id,
+          image: t.user.image,
+          name: t.user.name ?? t.user.id
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "str-chat__message-inner",
+          style: { marginInlineEnd: 0, marginInlineStart: 0 },
+          children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "str-chat__message-bubble",
+              style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
+              children: /* @__PURE__ */ e("div", { className: zn(s), children: l ? /* @__PURE__ */ e(Yn, { attachment: l, isMyMessage: s }) : N === "image" ? /* @__PURE__ */ i(se, { children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => o(!0),
+                    className: "block w-full cursor-zoom-in",
+                    children: /* @__PURE__ */ e("img", { src: g, alt: a ?? "", className: "block w-full" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Me,
+                  {
+                    mimeType: h,
+                    title: a,
+                    fileSize: _,
+                    url: g,
+                    isMyMessage: s
+                  }
+                )
+              ] }) : N === "video" ? /* @__PURE__ */ i(se, { children: [
+                /* @__PURE__ */ e(
+                  Ve,
+                  {
+                    source: g,
+                    mimeType: h,
+                    poster: v,
+                    controls: !0,
+                    onContainerClick: () => o(!0)
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Me,
+                  {
+                    mimeType: h,
+                    title: a,
+                    fileSize: _,
+                    url: g,
+                    isMyMessage: s
+                  }
+                )
+              ] }) : N === "audio" ? /* @__PURE__ */ i(se, { children: [
+                /* @__PURE__ */ e(
+                  Ve,
+                  {
+                    source: g,
+                    mimeType: h,
+                    controls: !0
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Me,
+                  {
+                    mimeType: h,
+                    title: a,
+                    fileSize: _,
+                    url: g,
+                    isMyMessage: s
+                  }
+                )
+              ] }) : (
+                // document: PDF gets viewer, unknown gets link-only thumbnail
+                /* @__PURE__ */ e(
+                  Hn,
+                  {
+                    url: g,
+                    mimeType: h,
+                    title: a,
+                    fileSize: _,
+                    isMyMessage: s,
+                    onExpand: p ? () => o(!0) : void 0
+                  }
+                )
+              ) })
+            }
+          ) })
+        }
+      )
+    ] }),
+    n && S && g && /* @__PURE__ */ e(
+      Wn,
+      {
+        sourceType: N,
+        url: g,
+        mimeType: h,
+        title: a,
+        poster: v,
+        onClose: () => o(!1)
       }
     )
   ] });
-}, qn = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: o = 20 } = s, [i, u] = S([]), [r, c] = S(!1), [f, m] = S(null), [g, b] = S(n), [N, a] = S(!0), [w, y] = S(), x = A(async (k = !1, P) => {
+}, oa = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = k([]), [r, c] = k(!1), [x, u] = k(null), [g, h] = k(n), [N, a] = k(!0), [_, v] = k(), p = A(async (I = !1, P) => {
     if (r) return;
-    const p = P !== void 0 ? P : g;
-    c(!0), m(null);
+    const w = P !== void 0 ? P : g;
+    c(!0), u(null);
     try {
-      const d = await t.loadParticipants({
-        search: p || void 0,
+      const m = await t.loadParticipants({
+        search: w || void 0,
         limit: o,
-        cursor: k ? void 0 : w
+        cursor: I ? void 0 : _
       });
-      u(
-        (C) => k ? d.participants : [...C, ...d.participants]
-      ), a(d.hasMore), y(d.nextCursor);
-    } catch (d) {
-      const C = d instanceof Error ? d.message : "Failed to load participants";
-      m(C), console.error("[useParticipants] Load error:", d);
+      d(
+        (f) => I ? m.participants : [...f, ...m.participants]
+      ), a(m.hasMore), v(m.nextCursor);
+    } catch (m) {
+      const f = m instanceof Error ? m.message : "Failed to load participants";
+      u(f), console.error("[useParticipants] Load error:", m);
     } finally {
       c(!1);
     }
-  }, [t, g, w, o, r]), E = A(() => {
-    N && !r && x(!1);
-  }, [N, r, x]), v = A((k) => {
-    b(k), y(void 0), x(!0, k);
-  }, [x]), I = A(() => {
-    y(void 0), x(!0);
-  }, [x]);
-  return X(() => {
-    x(!0);
+  }, [t, g, _, o, r]), E = A(() => {
+    N && !r && p(!1);
+  }, [N, r, p]), S = A((I) => {
+    h(I), v(void 0), p(!0, I);
+  }, [p]), C = A(() => {
+    v(void 0), p(!0);
+  }, [p]);
+  return q(() => {
+    p(!0);
   }, [t.loadParticipants]), {
-    participants: i,
+    participants: l,
     loading: r,
-    error: f,
+    error: x,
     searchQuery: g,
     hasMore: N,
     totalCount: t.totalCount,
     loadMore: E,
-    search: v,
-    refresh: I
+    search: S,
+    refresh: C
   };
 };
 export {
-  Se as A,
-  vn as C,
-  Yn as F,
-  et as L,
-  Ln as M,
-  _n as P,
+  Ie as A,
+  En as C,
+  aa as F,
+  nt as L,
+  Ve as M,
+  Mn as P,
   oe as a,
-  gt as b,
-  yt as c,
-  Hn as d,
-  Sn as e,
-  Wn as f,
-  He as g,
-  Qs as h,
-  Gn as i,
-  Vn as j,
-  Ds as k,
-  Gs as l,
-  Ss as m,
-  qn as n,
-  Te as r,
-  Xs as u
+  xt as b,
+  Ct as c,
+  sa as d,
+  Rn as e,
+  ra as f,
+  Ye as g,
+  rn as h,
+  ta as i,
+  na as j,
+  Us as k,
+  Zs as l,
+  Rs as m,
+  oa as n,
+  We as r,
+  sn as u
 };
-//# sourceMappingURL=index-BePLvyvi.js.map
+//# sourceMappingURL=index-CahzrNJz.js.map