@linktr.ee/messaging-react 1.38.0 → 1.39.0

package/dist/{index-B_4pciGp.js → index-j4j9UfK1.js}

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as d, Fragment as fe } from "react/jsx-runtime";
-import A from "classnames";
-import z, { createContext as mt, useContext as ht, useCallback as U, useState as M, useRef as Q, useEffect as K, useMemo as ze, Suspense as ft } from "react";
-import { StreamChatService as Ot } from "@linktr.ee/messaging-core";
-import { Chat as Ut, ChannelList as $t, DateSeparator as zt, useChannelStateContext as ue, useChatContext as He, areMessageUIPropsEqual as jt, useMessageReminder as Bt, useComponentContext as gt, Attachment as Gt, EditMessageModal as Vt, MessageBlocked as Ht, MessageBouncePrompt as Yt, MessageDeleted as Wt, MessageIsThreadReplyInChannelButtonIndicator as qt, MessageRepliesCountButton as Xt, ReminderNotification as Zt, StreamedMessageText as Kt, messageHasAttachments as Jt, messageHasReactions as Qt, isDateSeparatorMessage as es, isMessageBlocked as ts, isMessageBounced as ss, MessageBounceModal as ns, MessageText as Qe, Poll as as, MessageErrorIcon as rs, useMessageContext as bt, useMessageComposer as is, useStateStore as os, MessageInput as ls, useMessageInputContext as cs, useMessageComposerHasSendableData as ds, SimpleAttachmentSelector as us, QuotedMessagePreview as ms, AttachmentPreviewList as hs, TextareaComposer as fs, MessageTimestamp as Fe, useTypingContext as gs, Channel as bs, WithComponents as xs, Window as ps, MessageList as vs } from "stream-chat-react";
-import { StarIcon as je, GiftIcon as ws, XIcon as Ye, SpinnerGapIcon as Se, SignOutIcon as ys, ProhibitInsetIcon as et, FlagIcon as Ns, ArrowUpIcon as Cs, SparkleIcon as Be, ProhibitIcon as _s, ArrowLeftIcon as tt, CaretRightIcon as st, DotsThreeIcon as nt, MagnifyingGlassIcon as Es, ChatCircleDotsIcon as at, FileIcon as xt, ImageIcon as ks, SpeakerHighIcon as Ss, VideoCameraIcon as Is, FileMdIcon as Ms, FileTextIcon as Ts, FileZipIcon as Ds, FilePptIcon as Rs, FileCsvIcon as Ls, FileXlsIcon as Ps, FileDocIcon as As, FilePdfIcon as Fs, CircleNotchIcon as pt, PlayIcon as rt, PauseIcon as Os, LinkIcon as Us, DownloadSimpleIcon as $s } from "@phosphor-icons/react";
-import { LinkPreviewsManager as it } from "stream-chat";
-const vt = mt({
+import { jsx as e, jsxs as d, Fragment as ce } from "react/jsx-runtime";
+import L from "classnames";
+import O, { createContext as ot, useContext as lt, useCallback as G, useState as A, useRef as J, useEffect as Z, useMemo as Ce, Suspense as ct } from "react";
+import { StreamChatService as Tt } from "@linktr.ee/messaging-core";
+import { Chat as Dt, ChannelList as Rt, DateSeparator as Lt, useChannelStateContext as oe, useChatContext as Me, areMessageUIPropsEqual as At, useMessageReminder as Ft, useComponentContext as dt, Attachment as Ot, EditMessageModal as Pt, MessageBlocked as Ut, MessageBouncePrompt as Bt, MessageDeleted as zt, MessageIsThreadReplyInChannelButtonIndicator as $t, MessageRepliesCountButton as jt, ReminderNotification as Gt, StreamedMessageText as Vt, messageHasAttachments as Ht, messageHasReactions as Yt, isDateSeparatorMessage as Wt, isMessageBlocked as qt, isMessageBounced as Xt, MessageBounceModal as Zt, MessageText as Xe, Poll as Jt, MessageErrorIcon as Kt, useMessageContext as ut, useMessageComposer as Qt, useStateStore as es, MessageInput as ts, useMessageInputContext as ss, useMessageComposerHasSendableData as ns, SimpleAttachmentSelector as as, QuotedMessagePreview as rs, AttachmentPreviewList as is, TextareaComposer as os, MessageTimestamp as ve, useTypingContext as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms } from "stream-chat-react";
+import { StarIcon as Ee, GiftIcon as hs, XIcon as mt, SpinnerGapIcon as we, SignOutIcon as fs, ProhibitInsetIcon as Ze, FlagIcon as gs, ArrowUpIcon as bs, SparkleIcon as Se, ProhibitIcon as ps, ArrowLeftIcon as Je, CaretRightIcon as Ke, DotsThreeIcon as Qe, FileIcon as ht, ImageIcon as xs, SpeakerHighIcon as vs, VideoCameraIcon as ws, FileMdIcon as Ns, FileTextIcon as _s, FileZipIcon as ys, FilePptIcon as Cs, FileCsvIcon as Es, FileXlsIcon as Ss, FileDocIcon as Is, FilePdfIcon as ks, CircleNotchIcon as ft, PlayIcon as et, PauseIcon as Ms, LinkIcon as Ts, DownloadSimpleIcon as Ds } from "@phosphor-icons/react";
+import { LinkPreviewsManager as tt } from "stream-chat";
+const gt = ot({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,7 +15,7 @@ const vt = mt({
   refreshConnection: async () => {
   },
   debug: !1
-}), De = () => ht(vt), ha = ({
+}), Te = () => lt(gt), ra = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -23,9 +23,9 @@ const vt = mt({
   capabilities: o = {},
   debug: l = !1
 }) => {
-  const i = U(
-    (b, ...k) => {
-      l && console.log(`🔥 [MessagingProvider] ${b}`, ...k);
+  const i = G(
+    (k, ...T) => {
+      l && console.log(`🔥 [MessagingProvider] ${k}`, ...T);
     },
     [l]
   );
@@ -35,84 +35,84 @@ const vt = mt({
     serviceConfig: !!n,
     capabilities: Object.keys(o)
   });
-  const [c, h] = M(null), [u, m] = M(null), [f, v] = M(!1), [a, C] = M(!1), [g, y] = M(null), p = Q(!1), S = Q({
+  const [c, m] = A(null), [u, h] = A(null), [f, v] = A(!1), [a, y] = A(!1), [b, C] = A(null), x = J(!1), I = J({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: o
-  }), w = Q(0);
+  }), w = J(0);
   w.current++, i("📊 RENDER INFO", {
     renderCount: w.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: S.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: S.current.apiKey !== r,
-      serviceConfigChanged: S.current.serviceConfig !== n,
-      capabilitiesChanged: S.current.capabilities !== o
+      userChanged: I.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: I.current.apiKey !== r,
+      serviceConfigChanged: I.current.serviceConfig !== n,
+      capabilitiesChanged: I.current.capabilities !== o
     }
-  }), S.current = {
+  }), I.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
     capabilities: o
-  }, K(() => {
-    const b = w.current;
+  }, Z(() => {
+    const k = w.current;
     if (i("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: b,
+      renderCount: k,
       apiKey: !!r,
       serviceConfig: !!n,
       dependencies: {
         apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: S.current.serviceConfig === n,
-        apiKeyStable: S.current.apiKey === r
+        serviceConfigStable: I.current.serviceConfig === n,
+        apiKeyStable: I.current.apiKey === r
       }
     }), !r || !n) {
       i("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: b,
+        renderCount: k,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     i("🚀 CREATING NEW SERVICE", {
-      renderCount: b,
+      renderCount: k,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
-      serviceConfigChanged: S.current.serviceConfig !== n
+      serviceConfigChanged: I.current.serviceConfig !== n
     });
-    const k = new Ot({
+    const T = new Tt({
       ...n,
       apiKey: r,
       debug: l
     });
-    return h(k), i("✅ SERVICE SET", {
-      renderCount: b,
-      serviceInstance: !!k
+    return m(T), i("✅ SERVICE SET", {
+      renderCount: k,
+      serviceInstance: !!T
     }), () => {
       i("🧹 SERVICE CLEANUP", {
-        renderCount: b,
+        renderCount: k,
         reason: "Effect cleanup"
-      }), k.disconnectUser().catch(console.error);
+      }), T.disconnectUser().catch(console.error);
     };
   }, [r, n, l, i]);
-  const E = Q(null);
-  K(() => {
-    var k, R;
+  const E = J(null);
+  Z(() => {
+    var T, M;
     if (i("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
-      isConnecting: p.current,
+      isConnecting: x.current,
       isConnected: f,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       i("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (p.current) {
+    if (x.current) {
       i("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((k = E.current) == null ? void 0 : k.serviceId) === c && ((R = E.current) == null ? void 0 : R.userId) === s.id) {
+    if (((T = E.current) == null ? void 0 : T.serviceId) === c && ((M = E.current) == null ? void 0 : M.userId) === s.id) {
       i(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,28 +120,28 @@ const vt = mt({
       return;
     }
     (async () => {
-      i("🚀 STARTING USER CONNECTION", { userId: s.id }), p.current = !0, C(!0), y(null);
+      i("🚀 STARTING USER CONNECTION", { userId: s.id }), x.current = !0, y(!0), C(null);
       try {
         i("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const I = await c.connectUser(s);
-        m(I), v(!0), E.current = { serviceId: c, userId: s.id }, i("✅ USER CONNECTION SUCCESS", {
+        const _ = await c.connectUser(s);
+        h(_), v(!0), E.current = { serviceId: c, userId: s.id }, i("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: I.userID
+          clientId: _.userID
         });
-      } catch (I) {
-        const L = I instanceof Error ? I.message : "Connection failed";
-        y(L), i("❌ USER CONNECTION ERROR", {
+      } catch (_) {
+        const N = _ instanceof Error ? _.message : "Connection failed";
+        C(N), i("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: L
+          error: N
         });
       } finally {
-        C(!1), p.current = !1, i("🔄 USER CONNECTION FINISHED", {
+        y(!1), x.current = !1, i("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: f
         });
       }
     })();
-  }, [c, s, i, f]), K(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, i, f]), Z(() => (i("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
     isConnected: f
   }), () => {
@@ -153,7 +153,7 @@ const vt = mt({
       isConnected: f
     });
   }), [c, f, i]);
-  const F = U(async () => {
+  const P = G(async () => {
     if (i("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,53 +161,53 @@ const vt = mt({
       i("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    i("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), C(!0);
+    i("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), y(!0);
     try {
       i("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), i("📞 RECONNECTING FOR REFRESH");
-      const b = await c.connectUser(s);
-      m(b), v(!0), y(null), i("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (b) {
-      const k = b instanceof Error ? b.message : "Refresh failed";
-      y(k), i("❌ CONNECTION REFRESH ERROR", {
+      const k = await c.connectUser(s);
+      h(k), v(!0), C(null), i("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (k) {
+      const T = k instanceof Error ? k.message : "Refresh failed";
+      C(T), i("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: k
+        error: T
       });
     } finally {
-      C(!1), i("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      y(!1), i("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, i]), N = z.useMemo(() => (i("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, i]), U = O.useMemo(() => (i("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!u,
     isConnected: f,
     isLoading: a,
-    hasError: !!g,
+    hasError: !!b,
     capabilitiesKeys: Object.keys(o)
   }), {
     service: c,
     client: u,
     isConnected: f,
     isLoading: a,
-    error: g,
+    error: b,
     capabilities: o,
-    refreshConnection: F,
+    refreshConnection: P,
     debug: l
   }), [
     c,
     u,
     f,
     a,
-    g,
+    b,
     o,
-    F,
+    P,
     l,
     i
   ]);
   return i("🔄 RENDER END", {
     renderCount: w.current,
     willRenderChat: !!(u && f),
-    contextValueReady: !!N
-  }), /* @__PURE__ */ e(vt.Provider, { value: N, children: u && f ? /* @__PURE__ */ e(
-    Ut,
+    contextValueReady: !!U
+  }), /* @__PURE__ */ e(gt.Provider, { value: U, children: u && f ? /* @__PURE__ */ e(
+    Dt,
     {
       client: u,
       customClasses: {
@@ -216,25 +216,25 @@ const vt = mt({
       children: t
     }
   ) : t });
-}, zs = () => De();
-function js(t) {
+}, Rs = () => Te();
+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 wt = z.createContext({
+const bt = O.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), Bs = wt.Provider, Gs = () => z.useContext(wt), yt = (t) => {
+}), As = bt.Provider, Fs = () => O.useContext(bt), pt = (t) => {
   var r, o;
-  const [s, n] = M(
+  const [s, n] = A(
     !!((o = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && o.pinned_at)
   );
-  return K(() => {
+  return Z(() => {
     var i;
     if (!t) {
       n(!1);
@@ -242,27 +242,27 @@ const wt = z.createContext({
     }
     n(!!((i = t.state.membership) != null && i.pinned_at));
     const l = (c) => {
-      var h;
+      var m;
       n(
-        c != null && c.member ? !!c.member.pinned_at : !!((h = t.state.membership) != null && h.pinned_at)
+        c != null && c.member ? !!c.member.pinned_at : !!((m = t.state.membership) != null && m.pinned_at)
       );
     };
     return t.on("member.updated", l), () => {
       t.off("member.updated", l);
     };
   }, [t]), s;
-}, Vs = (t, s) => {
+}, Os = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ), o = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(o / (1e3 * 60 * 60 * 24));
-}, Hs = (t) => {
+}, Ps = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = Vs(t, s);
+  const r = Os(t, s);
   return r === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -272,7 +272,7 @@ const wt = z.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, ot = [
+}, st = [
   "🍎",
   // Apple
   "🍌",
@@ -300,7 +300,7 @@ const wt = z.createContext({
   "🍈"
   // Melon
 ];
-function Ys(t) {
+function Us(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const r = t.charCodeAt(n);
@@ -308,9 +308,9 @@ function Ys(t) {
   }
   return Math.abs(s);
 }
-function Ws(t) {
-  const n = Ys(t) % ot.length;
-  return ot[n];
+function Bs(t) {
+  const n = Us(t) % st.length;
+  return st[n];
 }
 const ne = ({
   id: t,
@@ -321,7 +321,7 @@ const ne = ({
   shape: l = "squircle",
   dmAgentEnabled: i = !1
 }) => {
-  const c = Ws(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", m = n >= 40 ? 2 : 1, f = l === "circle" ? { borderRadius: "50%" } : {
+  const c = Bs(t), u = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = n >= 40 ? 2 : 1, f = l === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     cornerShape: "superellipse(1.3)"
   }, v = /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: f, children: s ? /* @__PURE__ */ e(
@@ -335,7 +335,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: A(
+      className: L(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         u
       ),
@@ -345,7 +345,7 @@ const ne = ({
   return /* @__PURE__ */ d(
     "div",
     {
-      className: A(
+      className: L(
         "relative flex-shrink-0 !bg-transparent",
         r
       ),
@@ -359,21 +359,21 @@ const ne = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ e(je, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ e(Ee, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: A(
+            className: L(
               "h-full w-full",
               "bg-transparent"
             ),
             style: {
               ...f,
               ...i && {
-                borderWidth: `${m}px`,
+                borderWidth: `${h}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
@@ -385,7 +385,7 @@ const ne = ({
       ]
     }
   );
-}, qs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, zs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -402,93 +402,93 @@ const ne = ({
       }
     )
   }
-), Xs = (t) => {
+), $s = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, Zs = (t) => {
+}, js = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, We = (t) => {
+}, De = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, Ks = (t) => {
+}, Gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, Nt = (t) => Xs(t) || Zs(t), Js = (t) => {
+}, xt = (t) => $s(t) || js(t), Vs = (t) => {
   var s;
-  return Nt(t) && !((s = t.text) != null && s.trim());
-}, Oe = ({
+  return xt(t) && !((s = t.text) != null && s.trim());
+}, Ne = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: r = !1
 }) => {
   var f;
-  const o = Nt(t), l = We(t);
+  const o = xt(t), l = De(t);
   if (!o && !l)
     return null;
   if (o) {
     const v = (f = t.metadata) == null ? void 0 : f.amount_text;
     if (!v) return null;
-    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", C = s ? `${v} tip` : `Delivered with ${v} tip`;
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", y = s ? `${v} tip` : `Delivered with ${v} tip`;
     return /* @__PURE__ */ d("div", { className: a, children: [
-      /* @__PURE__ */ e(ws, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: C })
+      /* @__PURE__ */ e(hs, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: y })
     ] });
   }
-  const i = n && r, c = i ? "Sent with AI" : "Sent with DM Agent", h = [
+  const i = n && r, c = i ? "Sent with AI" : "Sent with DM Agent", m = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     i ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), m = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(qs, { size: i ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: h, "data-testid": "message-chatbot-indicator", children: n && !i ? /* @__PURE__ */ d(fe, { children: [
+  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(zs, { size: i ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: m, "data-testid": "message-chatbot-indicator", children: n && !i ? /* @__PURE__ */ d(ce, { children: [
     u,
-    m
-  ] }) : /* @__PURE__ */ d(fe, { children: [
-    m,
+    h
+  ] }) : /* @__PURE__ */ d(ce, { children: [
+    h,
     u
   ] }) });
-}, Ct = z.memo(
+}, vt = O.memo(
   ({ channel: t, unread: s }) => {
-    var F, N, b, k;
-    const { selectedChannel: n, onChannelSelect: r, debug: o, renderMessagePreview: l } = Gs(), i = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var P, U, k, T;
+    const { selectedChannel: n, onChannelSelect: r, debug: o, renderMessagePreview: l } = Fs(), i = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && r(t);
-    }, h = (R) => {
-      const I = R.key === "Enter" || R.key === " ", L = R.repeat;
-      !I || L || (R.preventDefault(), c());
-    }, m = Object.values(((F = t == null ? void 0 : t.state) == null ? void 0 : F.members) || {}).find(
-      (R) => {
-        var I, L;
-        return ((I = R.user) == null ? void 0 : I.id) && R.user.id !== ((L = t == null ? void 0 : t._client) == null ? void 0 : L.userID);
+    }, m = (M) => {
+      const _ = M.key === "Enter" || M.key === " ", N = M.repeat;
+      !_ || N || (M.preventDefault(), c());
+    }, h = Object.values(((P = t == null ? void 0 : t.state) == null ? void 0 : P.members) || {}).find(
+      (M) => {
+        var _, N;
+        return ((_ = M.user) == null ? void 0 : _.id) && M.user.id !== ((N = t == null ? void 0 : t._client) == null ? void 0 : N.userID);
       }
-    ), f = ((N = m == null ? void 0 : m.user) == null ? void 0 : N.name) || "Conversation", v = (b = m == null ? void 0 : m.user) == null ? void 0 : b.image, a = (() => {
-      var I;
-      const R = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
-      if (R != null && R.length) {
-        for (let L = R.length - 1; L >= 0; L--)
-          if (R[L].type !== "system") return R[L];
+    ), f = ((U = h == null ? void 0 : h.user) == null ? void 0 : U.name) || "Conversation", v = (k = h == null ? void 0 : h.user) == null ? void 0 : k.image, a = (() => {
+      var _;
+      const M = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages;
+      if (M != null && M.length) {
+        for (let N = M.length - 1; N >= 0; N--)
+          if (M[N].type !== "system") return M[N];
       }
-    })(), g = (() => {
-      var L, T;
+    })(), b = (() => {
+      var N, F;
       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 I = (T = a == null ? void 0 : a.attachments) == null ? void 0 : T[0];
-      return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), y = a != null && a.created_at ? Hs(new Date(a.created_at)) : "", p = a ? We(a) : !1, S = l ? l(a, g) : `${p ? "✨ " : ""}${g}`, w = yt(t), E = s ?? 0;
+      if (((N = a == null ? void 0 : a.metadata) == null ? void 0 : N.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      const _ = (F = a == null ? void 0 : a.attachments) == null ? void 0 : F[0];
+      return _ ? _.og_scrape_url ? _.og_scrape_url : _.type === "image" ? "📷 Sent an image" : _.type === "video" ? "🎥 Sent a video" : _.type === "audio" ? "🎵 Sent audio" : _.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), C = a != null && a.created_at ? Ps(new Date(a.created_at)) : "", x = a ? De(a) : !1, I = l ? l(a, b) : `${x ? "✨ " : ""}${b}`, w = pt(t), E = s ?? 0;
     return o && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: i,
       participantName: f,
       unreadCount: E,
-      hasTimestamp: !!y
+      hasTimestamp: !!C
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: h,
-        className: A(
+        onKeyDown: m,
+        className: L(
           "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": i,
@@ -499,7 +499,7 @@ const ne = ({
           /* @__PURE__ */ e(
             ne,
             {
-              id: ((k = m == null ? void 0 : m.user) == null ? void 0 : k.id) || t.id || "unknown",
+              id: ((T = h == null ? void 0 : h.user) == null ? void 0 : T.id) || t.id || "unknown",
               name: f,
               image: v,
               size: 44,
@@ -512,7 +512,7 @@ const ne = ({
               /* @__PURE__ */ d(
                 "h3",
                 {
-                  className: A(
+                  className: L(
                     "text-sm font-medium truncate",
                     i ? "text-primary" : "text-charcoal"
                   ),
@@ -522,10 +522,10 @@ const ne = ({
                   ]
                 }
               ),
-              y && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: y })
+              C && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: C })
             ] }),
             /* @__PURE__ */ d("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 }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: I }),
               E > 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: E > 99 ? "99+" : E })
             ] })
           ] })
@@ -534,8 +534,8 @@ const ne = ({
     );
   }
 );
-Ct.displayName = "CustomChannelPreview";
-const Qs = { last_message_at: -1 }, _t = z.memo(
+vt.displayName = "CustomChannelPreview";
+const Hs = { last_message_at: -1 }, wt = O.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -544,18 +544,18 @@ const Qs = { last_message_at: -1 }, _t = z.memo(
     onMessageNew: o,
     onAddedToChannel: l,
     channelRenderFilterFn: i,
-    sort: c = Qs,
-    className: h,
+    sort: c = Hs,
+    className: m,
     customEmptyStateIndicator: u,
-    renderMessagePreview: m
+    renderMessagePreview: h
   }) => {
-    const f = z.useRef(0);
+    const f = O.useRef(0);
     f.current++;
-    const { debug: v = !1 } = De(), a = z.useCallback(
-      (g) => {
-        for (const y of g)
-          js(y);
-        return i ? i(g) : g;
+    const { debug: v = !1 } = Te(), a = O.useCallback(
+      (b) => {
+        for (const C of b)
+          Ls(C);
+        return i ? i(b) : b;
       },
       [i]
     );
@@ -564,24 +564,24 @@ const Qs = { last_message_at: -1 }, _t = z.memo(
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const C = z.useMemo(
+    const y = O.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
         debug: v,
-        renderMessagePreview: m
+        renderMessagePreview: h
       }),
-      [s, t, v, m]
+      [s, t, v, h]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: A(
+        className: L(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          h
+          m
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Bs, { value: C, children: /* @__PURE__ */ e(
-          $t,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(As, { value: y, children: /* @__PURE__ */ e(
+          Rt,
           {
             filters: n,
             sort: c,
@@ -590,7 +590,7 @@ const Qs = { last_message_at: -1 }, _t = z.memo(
             onMessageNew: o,
             onAddedToChannel: l,
             channelRenderFilterFn: a,
-            Preview: Ct,
+            Preview: vt,
             EmptyStateIndicator: u
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
@@ -599,8 +599,8 @@ const Qs = { last_message_at: -1 }, _t = z.memo(
     );
   }
 );
-_t.displayName = "ChannelList";
-const ke = ({
+wt.displayName = "ChannelList";
+const me = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -609,7 +609,7 @@ const ke = ({
   "button",
   {
     type: "button",
-    className: A(
+    className: L(
       "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
@@ -618,12 +618,12 @@ const ke = ({
     children: n
   }
 );
-function Et({ label: t, className: s, children: n, ...r }) {
+function Ys({ label: t, className: s, children: n, ...r }) {
   return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
-      className: A(
+      className: L(
         "inline-flex items-center justify-center rounded-full transition-colors focus-ring p-2",
         {
           "cursor-not-allowed opacity-50": r.disabled,
@@ -639,10 +639,10 @@ function Et({ label: t, className: s, children: n, ...r }) {
     }
   );
 }
-function kt({ onClick: t }) {
-  return /* @__PURE__ */ e(Et, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Ye, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function Ws({ onClick: t }) {
+  return /* @__PURE__ */ e(Ys, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(mt, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const en = ({
+const qs = ({
   dialogRef: t,
   onClose: s,
   participant: n,
@@ -651,80 +651,80 @@ const en = ({
   onLeaveConversation: l,
   onBlockParticipant: i,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: h,
+  onDeleteConversationClick: m,
   onBlockParticipantClick: u,
-  onReportParticipantClick: m,
+  onReportParticipantClick: h,
   customProfileContent: f,
   customChannelActions: v
 }) => {
-  var $, P, W, Z, ae, J, x;
-  const { service: a, debug: C } = De(), [g, y] = M(!1), [p, S] = M(!1), [w, E] = M(!1), F = U(async () => {
-    var _;
-    if (!(!a || !((_ = n == null ? void 0 : n.user) != null && _.id)))
+  var S, $, V, ee, te, W, g;
+  const { service: a, debug: y } = Te(), [b, C] = A(!1), [x, I] = A(!1), [w, E] = A(!1), P = G(async () => {
+    var p;
+    if (!(!a || !((p = n == null ? void 0 : n.user) != null && p.id)))
       try {
-        const H = (await a.getBlockedUsers()).some(
-          (ee) => {
-            var ie;
-            return ee.blocked_user_id === ((ie = n == null ? void 0 : n.user) == null ? void 0 : ie.id);
+        const j = (await a.getBlockedUsers()).some(
+          (Y) => {
+            var ae;
+            return Y.blocked_user_id === ((ae = n == null ? void 0 : n.user) == null ? void 0 : ae.id);
           }
         );
-        y(H);
-      } catch (j) {
+        C(j);
+      } catch (R) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          j
+          R
         );
       }
-  }, [a, ($ = n == null ? void 0 : n.user) == null ? void 0 : $.id]);
-  K(() => {
-    F();
-  }, [F]);
-  const N = async () => {
-    var _;
-    if (!p) {
-      h == null || h(), C && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
+  }, [a, (S = n == null ? void 0 : n.user) == null ? void 0 : S.id]);
+  Z(() => {
+    P();
+  }, [P]);
+  const U = async () => {
+    var p;
+    if (!x) {
+      m == null || m(), y && console.log("[ChannelInfoDialog] Leave conversation", r.cid), I(!0);
       try {
-        const j = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
-        await r.hide(j, !1), l && await l(r), s();
-      } catch (j) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", j);
+        const R = ((p = r._client) == null ? void 0 : p.userID) ?? null;
+        await r.hide(R, !1), l && await l(r), s();
+      } catch (R) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", R);
       } finally {
-        S(!1);
+        I(!1);
       }
     }
-  }, b = async () => {
-    var _, j, H;
+  }, k = async () => {
+    var p, R, j;
     if (!(w || !a)) {
-      u == null || u(), C && console.log("[ChannelInfoDialog] Block member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
+      u == null || u(), y && console.log("[ChannelInfoDialog] Block member", (p = n == null ? void 0 : n.user) == null ? void 0 : p.id), E(!0);
       try {
-        await a.blockUser((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
-      } catch (ee) {
-        console.error("[ChannelInfoDialog] Failed to block member", ee);
+        await a.blockUser((R = n == null ? void 0 : n.user) == null ? void 0 : R.id), i && await i((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
+      } catch (Y) {
+        console.error("[ChannelInfoDialog] Failed to block member", Y);
       } finally {
         E(!1);
       }
     }
-  }, k = async () => {
-    var _, j, H;
+  }, T = async () => {
+    var p, R, j;
     if (!(w || !a)) {
-      u == null || u(), C && console.log("[ChannelInfoDialog] Unblock member", (_ = n == null ? void 0 : n.user) == null ? void 0 : _.id), E(!0);
+      u == null || u(), y && console.log("[ChannelInfoDialog] Unblock member", (p = n == null ? void 0 : n.user) == null ? void 0 : p.id), E(!0);
       try {
-        await a.unBlockUser((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), i && await i((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
-      } catch (ee) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", ee);
+        await a.unBlockUser((R = n == null ? void 0 : n.user) == null ? void 0 : R.id), i && await i((j = n == null ? void 0 : n.user) == null ? void 0 : j.id), s();
+      } catch (Y) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", Y);
       } finally {
         E(!1);
       }
     }
-  }, R = () => {
-    m == null || m(), s(), window.open(
+  }, M = () => {
+    h == null || h(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!n) return null;
-  const I = ((P = n.user) == null ? void 0 : P.name) || ((W = n.user) == null ? void 0 : W.id) || "Unknown member", L = (Z = n.user) == null ? void 0 : Z.image, T = (ae = n.user) == null ? void 0 : ae.email, B = (J = n.user) == null ? void 0 : J.username, O = T || (B ? `linktr.ee/${B}` : void 0), G = ((x = n.user) == null ? void 0 : x.id) || "unknown";
+  const _ = (($ = n.user) == null ? void 0 : $.name) || ((V = n.user) == null ? void 0 : V.id) || "Unknown member", N = (ee = n.user) == null ? void 0 : ee.image, F = (te = n.user) == null ? void 0 : te.email, H = (W = n.user) == null ? void 0 : W.username, D = F || (H ? `linktr.ee/${H}` : void 0), B = ((g = n.user) == null ? void 0 : g.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -733,13 +733,13 @@ const en = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (_) => {
-          _.target === t.current && s();
+        onClick: (p) => {
+          p.target === t.current && s();
         },
         children: /* @__PURE__ */ d("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__ */ d("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(kt, { onClick: s })
+            /* @__PURE__ */ e(Ws, { onClick: s })
           ] }),
           /* @__PURE__ */ d("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ d(
@@ -752,16 +752,16 @@ const en = ({
                     /* @__PURE__ */ e(
                       ne,
                       {
-                        id: G,
-                        name: I,
-                        image: L,
+                        id: B,
+                        name: _,
+                        image: N,
                         size: 88,
                         shape: "circle"
                       }
                     ),
                     /* @__PURE__ */ d("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: I }),
-                      O && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: O }),
+                      /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: _ }),
+                      D && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: D }),
                       o && !f && /* @__PURE__ */ e(
                         "span",
                         {
@@ -784,42 +784,42 @@ const en = ({
             ),
             /* @__PURE__ */ d("ul", { className: "flex flex-col gap-2 mt-2", children: [
               c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
-                ke,
+                me,
                 {
-                  onClick: N,
-                  disabled: p,
-                  "aria-busy": p,
+                  onClick: U,
+                  disabled: x,
+                  "aria-busy": x,
                   children: [
-                    p ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ys, { className: "h-5 w-5" }),
+                    x ? /* @__PURE__ */ e(we, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(fs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: g ? /* @__PURE__ */ d(
-                ke,
+              /* @__PURE__ */ e("li", { children: b ? /* @__PURE__ */ d(
+                me,
                 {
-                  onClick: k,
+                  onClick: T,
                   disabled: w,
                   "aria-busy": w,
                   children: [
-                    w ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(et, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(we, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ze, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ d(
-                ke,
+                me,
                 {
-                  onClick: b,
+                  onClick: k,
                   disabled: w,
                   "aria-busy": w,
                   children: [
-                    w ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(et, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(we, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ze, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(ke, { variant: "danger", onClick: R, children: [
-                /* @__PURE__ */ e(Ns, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(me, { variant: "danger", onClick: M, children: [
+                /* @__PURE__ */ e(gs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
               v
@@ -829,30 +829,30 @@ const en = ({
       }
     )
   );
-}, tn = (t) => /* @__PURE__ */ e(zt, { ...t, position: "center" }), Ge = "vote_up", Ve = "vote_down";
-function sn(t) {
-  return t != null && t.length ? t.some((s) => s.type === Ve) ? "down" : t.some((s) => s.type === Ge) ? "up" : null : null;
+}, Xs = (t) => /* @__PURE__ */ e(Lt, { ...t, position: "center" }), Ie = "vote_up", ke = "vote_down";
+function Zs(t) {
+  return t != null && t.length ? t.some((s) => s.type === ke) ? "down" : t.some((s) => s.type === Ie) ? "up" : null : null;
 }
-function nn(t) {
-  const { channel: s } = ue(), { client: n } = He("useMessageVote"), r = ze(
-    () => sn(t.own_reactions),
+function Js(t) {
+  const { channel: s } = oe(), { client: n } = Me("useMessageVote"), r = Ce(
+    () => Zs(t.own_reactions),
     [t.own_reactions]
-  ), o = U(async () => {
+  ), o = G(async () => {
     if (n != null && n.userID)
       try {
-        r === "up" ? await s.deleteReaction(t.id, Ge) : await s.sendReaction(
+        r === "up" ? await s.deleteReaction(t.id, Ie) : await s.sendReaction(
           t.id,
-          { type: Ge },
+          { type: Ie },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]), l = U(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, r]), l = G(async () => {
     if (n != null && n.userID)
       try {
-        r === "down" ? await s.deleteReaction(t.id, Ve) : await s.sendReaction(
+        r === "down" ? await s.deleteReaction(t.id, ke) : await s.sendReaction(
           t.id,
-          { type: Ve },
+          { type: ke },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -860,21 +860,21 @@ function nn(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, r]);
   return { selected: r, voteUp: o, voteDown: l };
 }
-const an = z.lazy(() => import("./Card-RgHsp9x1.js")), rn = z.lazy(() => import("./Card-DwgUtqsA.js")), St = () => /* @__PURE__ */ e(
+const Ks = O.lazy(() => import("./Card-BjTfMGsC.js")), Qs = O.lazy(() => import("./Card-D3E-WTRO.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
   }
-), on = (t) => /* @__PURE__ */ e(ft, { fallback: /* @__PURE__ */ e(St, {}), children: /* @__PURE__ */ e(an, { ...t }) }), ln = (t) => /* @__PURE__ */ e(ft, { fallback: /* @__PURE__ */ e(St, {}), children: /* @__PURE__ */ e(rn, { ...t }) }), lt = { Creator: on, Visitor: ln }, cn = {
+), en = (t) => /* @__PURE__ */ e(ct, { fallback: /* @__PURE__ */ e(Nt, {}), children: /* @__PURE__ */ e(Ks, { ...t }) }), tn = (t) => /* @__PURE__ */ e(ct, { fallback: /* @__PURE__ */ e(Nt, {}), children: /* @__PURE__ */ e(Qs, { ...t }) }), nt = { Creator: en, Visitor: tn }, sn = {
   isUnlocking: () => !1
-}, dn = {
-  LockedAttachment: cn
-}, It = mt({}), fa = It.Provider;
-function un(t) {
-  return ht(It)[t] ?? dn[t];
+}, nn = {
+  LockedAttachment: sn
+}, _t = ot({}), ia = _t.Provider;
+function an(t) {
+  return lt(_t)[t] ?? nn[t];
 }
-const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+const rn = ({ 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",
@@ -884,7 +884,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), hn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), on = ({ 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",
@@ -894,7 +894,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), fn = ({
+) }), ln = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -907,7 +907,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(mn, { filled: t === "up" })
+      children: /* @__PURE__ */ e(rn, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -918,11 +918,11 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(hn, { filled: t === "down" })
+      children: /* @__PURE__ */ e(on, { filled: t === "down" })
     }
   )
-] }), gn = (t) => {
-  var le, se, we, ye, Ne, ce, Ce, _e, Ee, de, D, X, V, Y;
+] }), cn = (t) => {
+  var se, Oe, Pe, Ue, Be, ze, $e, je, Ge, Ve, He, Ye, We, qe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
@@ -931,77 +931,77 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     firstOfGroup: l,
     groupedByUser: i,
     handleAction: c,
-    handleOpenThread: h,
+    handleOpenThread: m,
     handleRetry: u,
-    highlighted: m,
+    highlighted: h,
     isMessageAIGenerated: f,
     isMyMessage: v,
     message: a,
-    renderText: C,
-    threadList: g
-  } = t, { client: y } = He("CustomMessage"), { channel: p } = ue("CustomMessage"), { isUnlocking: S, onUnlockClick: w, onFetchSource: E, onDownloadClick: F } = un("LockedAttachment"), [N, b] = M(!1), k = Bt(a.id), { selected: R, voteUp: I, voteDown: L } = nn(a), {
-    Attachment: T = Gt,
-    EditMessageModal: B = Vt,
-    MessageBlocked: O = Ht,
-    MessageBouncePrompt: G = Yt,
-    MessageDeleted: $ = Wt,
-    MessageIsThreadReplyInChannelButtonIndicator: P = qt,
-    MessageRepliesCountButton: W = Xt,
-    ReminderNotification: Z = Zt,
-    StreamedMessageText: ae = Kt,
-    PinIndicator: J
-  } = gt("CustomMessage"), x = Jt(a), _ = Qt(a), j = ze(
+    renderText: y,
+    threadList: b
+  } = t, { client: C } = Me("CustomMessage"), { channel: x } = oe("CustomMessage"), { isUnlocking: I, onUnlockClick: w, onFetchSource: E, onDownloadClick: P } = an("LockedAttachment"), [U, k] = A(!1), T = Ft(a.id), { selected: M, voteUp: _, voteDown: N } = Js(a), {
+    Attachment: F = Ot,
+    EditMessageModal: H = Pt,
+    MessageBlocked: D = Ut,
+    MessageBouncePrompt: B = Bt,
+    MessageDeleted: S = zt,
+    MessageIsThreadReplyInChannelButtonIndicator: $ = $t,
+    MessageRepliesCountButton: V = jt,
+    ReminderNotification: ee = Gt,
+    StreamedMessageText: te = Vt,
+    PinIndicator: W
+  } = dt("CustomMessage"), g = Ht(a), p = Yt(a), R = Ce(
     () => f == null ? void 0 : f(a),
     [f, a]
-  ), H = ze(
+  ), j = Ce(
     () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
     [a]
   );
-  if (es(a))
+  if (Wt(a))
     return null;
   if (a.deleted_at || a.type === "deleted")
-    return /* @__PURE__ */ e($, { message: a });
-  if (ts(a))
-    return /* @__PURE__ */ e(O, {});
-  const ee = !g && !!a.reply_count, ie = !g && a.show_in_channel && a.parent_id, be = a.status === "failed" && ((le = a.error) == null ? void 0 : le.status) !== 403, Le = ss(a);
+    return /* @__PURE__ */ e(S, { message: a });
+  if (qt(a))
+    return /* @__PURE__ */ e(D, {});
+  const Y = !b && !!a.reply_count, ae = !b && a.show_in_channel && a.parent_id, de = a.status === "failed" && ((se = a.error) == null ? void 0 : se.status) !== 403, re = Xt(a);
   let q;
-  be ? q = () => u(a) : Le && (q = () => b(!0));
-  const te = v(), xe = A(
+  de ? q = () => u(a) : re && (q = () => k(!0));
+  const ie = v(), pe = L(
     "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",
+    ie ? "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": x,
-      "str-chat__message--highlighted": m,
+      "str-chat__message--has-attachment": g,
+      "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": a.pinned,
-      "str-chat__message--with-reactions": _,
-      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((se = a == null ? void 0 : a.error) == null ? void 0 : se.status) !== 403,
-      "str-chat__message-with-thread-link": ee || ie,
+      "str-chat__message--with-reactions": p,
+      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((Oe = a == null ? void 0 : a.error) == null ? void 0 : Oe.status) !== 403,
+      "str-chat__message-with-thread-link": Y || ae,
       "str-chat__virtual-message__wrapper--end": o,
       "str-chat__virtual-message__wrapper--first": l,
       "str-chat__virtual-message__wrapper--group": i
     }
-  ), re = a.poll_id && y.polls.fromState(a.poll_id), me = Js(a), oe = We(a), pe = Ks(a), ge = !!(H != null && H.length && !a.quoted_message), ve = oe && te && ge;
-  return /* @__PURE__ */ d(fe, { children: [
+  ), ue = a.poll_id && C.polls.fromState(a.poll_id), xe = Vs(a), K = De(a), z = Gs(a), X = !!(j != null && j.length && !a.quoted_message), Q = K && ie && X;
+  return /* @__PURE__ */ d(ce, { children: [
     r && /* @__PURE__ */ e(
-      B,
+      H,
       {
         additionalMessageInputProps: s
       }
     ),
-    N && /* @__PURE__ */ e(
-      ns,
+    U && /* @__PURE__ */ e(
+      Zt,
       {
-        MessageBouncePrompt: G,
-        onClose: () => b(!1),
-        open: N
+        MessageBouncePrompt: B,
+        onClose: () => k(!1),
+        open: U
       }
     ),
-    /* @__PURE__ */ d("div", { className: xe, children: [
-      J && /* @__PURE__ */ e(J, {}),
-      !!k && /* @__PURE__ */ e(Z, { reminder: k }),
+    /* @__PURE__ */ d("div", { className: pe, children: [
+      W && /* @__PURE__ */ e(W, {}),
+      !!T && /* @__PURE__ */ e(ee, { reminder: T }),
       a.user && /* @__PURE__ */ e(
         ne,
         {
@@ -1014,8 +1014,8 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__PURE__ */ e(
         "div",
         {
-          className: A("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": be || Le
+          className: L("str-chat__message-inner", {
+            "str-chat__simple-message--error-failed": de || re
           }),
           "data-testid": "message-inner",
           onClick: q,
@@ -1028,106 +1028,106 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: pe ? /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
-            te ? /* @__PURE__ */ e(
-              lt.Creator,
+          children: z ? /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
+            ie ? /* @__PURE__ */ e(
+              nt.Creator,
               {
-                title: (we = a.metadata) == null ? void 0 : we.attachment_title,
-                mimeType: (ye = a.metadata) == null ? void 0 : ye.attachment_mime_type,
-                thumbnailUrl: (Ne = a.metadata) == null ? void 0 : Ne.attachment_thumbnail,
-                amountText: (ce = a.metadata) == null ? void 0 : ce.amount_text,
-                detail: (Ce = a.metadata) == null ? void 0 : Ce.attachment_detail,
-                paymentStatus: (_e = a.metadata) == null ? void 0 : _e.payment_status,
-                isUnlocking: S(a.id),
-                onPreviewClick: () => w == null ? void 0 : w(a, p),
-                onFetchSource: async () => await (E == null ? void 0 : E(a, p))
+                title: (Pe = a.metadata) == null ? void 0 : Pe.attachment_title,
+                mimeType: (Ue = a.metadata) == null ? void 0 : Ue.attachment_mime_type,
+                thumbnailUrl: (Be = a.metadata) == null ? void 0 : Be.attachment_thumbnail,
+                amountText: (ze = a.metadata) == null ? void 0 : ze.amount_text,
+                detail: ($e = a.metadata) == null ? void 0 : $e.attachment_detail,
+                paymentStatus: (je = a.metadata) == null ? void 0 : je.payment_status,
+                isUnlocking: I(a.id),
+                onPreviewClick: () => w == null ? void 0 : w(a, x),
+                onFetchSource: async () => await (E == null ? void 0 : E(a, x))
               }
             ) : /* @__PURE__ */ e(
-              lt.Visitor,
+              nt.Visitor,
               {
-                title: (Ee = a.metadata) == null ? void 0 : Ee.attachment_title,
-                mimeType: (de = a.metadata) == null ? void 0 : de.attachment_mime_type,
-                thumbnailUrl: (D = a.metadata) == null ? void 0 : D.attachment_thumbnail,
-                amountText: (X = a.metadata) == null ? void 0 : X.amount_text,
-                detail: (V = a.metadata) == null ? void 0 : V.attachment_detail,
-                paymentStatus: (Y = a.metadata) == null ? void 0 : Y.payment_status,
-                isUnlocking: S(a.id),
-                onUnlockClick: () => w == null ? void 0 : w(a, p),
-                onFetchSource: async () => await (E == null ? void 0 : E(a, p)),
-                onDownloadClick: () => F == null ? void 0 : F(a, p)
+                title: (Ge = a.metadata) == null ? void 0 : Ge.attachment_title,
+                mimeType: (Ve = a.metadata) == null ? void 0 : Ve.attachment_mime_type,
+                thumbnailUrl: (He = a.metadata) == null ? void 0 : He.attachment_thumbnail,
+                amountText: (Ye = a.metadata) == null ? void 0 : Ye.amount_text,
+                detail: (We = a.metadata) == null ? void 0 : We.attachment_detail,
+                paymentStatus: (qe = a.metadata) == null ? void 0 : qe.payment_status,
+                isUnlocking: I(a.id),
+                onUnlockClick: () => w == null ? void 0 : w(a, x),
+                onFetchSource: async () => await (E == null ? void 0 : E(a, x)),
+                onDownloadClick: () => P == null ? void 0 : P(a, x)
               }
             ),
-            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Qe, { message: a, renderText: C }) })
-          ] }) : me ? (
+            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(Xe, { message: a, renderText: y }) })
+          ] }) : xe ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Oe, { message: a, standalone: !0 })
+            /* @__PURE__ */ e(Ne, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ d("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ d("div", { className: "str-chat__message-bubble", children: [
-              oe && !ve && /* @__PURE__ */ e(
-                Oe,
+              K && !Q && /* @__PURE__ */ e(
+                Ne,
                 {
                   message: a,
-                  hasAttachment: ge,
-                  isMyMessage: te
+                  hasAttachment: X,
+                  isMyMessage: ie
                 }
               ),
-              re && /* @__PURE__ */ e(as, { poll: re }),
-              H != null && H.length && !a.quoted_message ? /* @__PURE__ */ e(
-                T,
+              ue && /* @__PURE__ */ e(Jt, { poll: ue }),
+              j != null && j.length && !a.quoted_message ? /* @__PURE__ */ e(
+                F,
                 {
                   actionHandler: c,
-                  attachments: H
+                  attachments: j
                 }
               ) : null,
-              j ? /* @__PURE__ */ e(
-                ae,
+              R ? /* @__PURE__ */ e(
+                te,
                 {
                   message: a,
-                  renderText: C
+                  renderText: y
                 }
-              ) : /* @__PURE__ */ e(Qe, { message: a, renderText: C }),
-              /* @__PURE__ */ e(rs, {})
+              ) : /* @__PURE__ */ e(Xe, { message: a, renderText: y }),
+              /* @__PURE__ */ e(Kt, {})
             ] }),
-            (!oe || ve) && /* @__PURE__ */ e(
-              Oe,
+            (!K || Q) && /* @__PURE__ */ e(
+              Ne,
               {
                 message: a,
-                hasAttachment: ge,
-                isMyMessage: te
+                hasAttachment: X,
+                isMyMessage: ie
               }
             ),
-            n && oe && /* @__PURE__ */ e(
-              fn,
+            n && K && /* @__PURE__ */ e(
+              ln,
               {
-                selected: R,
-                onVoteUp: I,
-                onVoteDown: L
+                selected: M,
+                onVoteUp: _,
+                onVoteDown: N
               }
             )
           ] })
         }
       ),
-      ee && /* @__PURE__ */ e(
-        W,
+      Y && /* @__PURE__ */ e(
+        V,
         {
-          onClick: h,
+          onClick: m,
           reply_count: a.reply_count
         }
       ),
-      ie && /* @__PURE__ */ e(P, {})
+      ae && /* @__PURE__ */ e($, {})
     ] }, a.id)
   ] });
-}, bn = z.memo(
-  gn,
-  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : jt(t, s)
-), xn = (t) => {
-  const s = bt("CustomMessage");
-  return /* @__PURE__ */ e(bn, { ...s, ...t });
-}, pn = (t) => ({
+}, dn = O.memo(
+  cn,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : At(t, s)
+), un = (t) => {
+  const s = ut("CustomMessage");
+  return /* @__PURE__ */ e(dn, { ...s, ...t });
+}, mn = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => it.previewIsLoaded(s) || it.previewIsLoading(s)
+    (s) => tt.previewIsLoaded(s) || tt.previewIsLoading(s)
   )
-}), vn = ({
+}), hn = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1157,7 +1157,7 @@ const mn = ({ 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(Ye, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(mt, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ d("div", { className: "p-2", children: [
@@ -1167,22 +1167,22 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ]
     }
   );
-}, wn = () => {
-  const { linkPreviewsManager: t } = is(), { linkPreviews: s } = os(
+}, fn = () => {
+  const { linkPreviewsManager: t } = Qt(), { linkPreviews: s } = es(
     t.state,
-    pn
+    mn
   ), n = (o) => {
     t.dismissPreview(o);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((o) => /* @__PURE__ */ e(
-    vn,
+    hn,
     {
       link: o,
       onDismiss: n
     },
     o.og_scrape_url
   )) }) : null;
-}, yn = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
+}, gn = ({ sendMessage: t, disabled: s, ...n }) => /* @__PURE__ */ e(
   "button",
   {
     ...n,
@@ -1190,22 +1190,22 @@ const mn = ({ 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(bs, { weight: "bold", className: "size-4" })
   }
-), Nn = () => {
+), bn = () => {
   var c;
-  const { channel: t } = ue(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = cs(), { SendButton: r } = gt(
+  const { channel: t } = oe(), s = ((c = t == null ? void 0 : t.data) == null ? void 0 : c.frozen) === !0, { handleSubmit: n } = ss(), { SendButton: r } = dt(
     "CustomMessageInput"
-  ), o = r ?? yn, l = ds();
-  return /* @__PURE__ */ d(fe, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(us, {}) }),
+  ), o = r ?? gn, l = ns();
+  return /* @__PURE__ */ d(ce, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(as, {}) }),
     /* @__PURE__ */ d("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(ms, {}),
-      /* @__PURE__ */ e(wn, {}),
-      /* @__PURE__ */ e(hs, {}),
+      /* @__PURE__ */ e(rs, {}),
+      /* @__PURE__ */ e(fn, {}),
+      /* @__PURE__ */ e(is, {}),
       /* @__PURE__ */ d("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          fs,
+          os,
           {
             "aria-disabled": s || void 0,
             className: "w-full resize-none outline-none leading-6",
@@ -1229,11 +1229,11 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       ] })
     ] })
   ] });
-}, Cn = ({
+}, pn = ({
   renderActions: t
 }) => {
   var r;
-  const { channel: s } = ue(), n = ((r = s == null ? void 0 : s.data) == null ? void 0 : r.frozen) === !0;
+  const { channel: s } = oe(), n = ((r = s == null ? void 0 : s.data) == null ? void 0 : r.frozen) === !0;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1242,65 +1242,65 @@ const mn = ({ 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(ls, { Input: Nn })
+        /* @__PURE__ */ e(ts, { Input: bn })
       ]
     }
   );
-}, _n = [
+}, xn = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], En = {
+], vn = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, kn = [
+}, wn = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Sn = {
+], Nn = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ue = "age safety guidelines.", In = "https://linktr.ee/s/about/contact", ct = (t) => _n.includes(t), Mn = (t) => kn.includes(t), Tn = (t) => {
+}, _e = "age safety guidelines.", _n = "https://linktr.ee/s/about/contact", at = (t) => xn.includes(t), yn = (t) => wn.includes(t), Cn = (t) => {
   var r;
   const s = (r = t.metadata) == null ? void 0 : r.custom_type;
-  if (ct(s))
+  if (at(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (Mn(s))
+  if (yn(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (ct(n))
+  if (at(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Dn = (t) => {
-  const s = t.indexOf(Ue);
+}, En = (t) => {
+  const s = t.indexOf(_e);
   if (s === -1)
     return t;
-  const n = s + Ue.length;
-  return /* @__PURE__ */ d(fe, { children: [
+  const n = s + _e.length;
+  return /* @__PURE__ */ d(ce, { children: [
     t.slice(0, s),
     /* @__PURE__ */ e(
       "a",
       {
-        href: In,
+        href: _n,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Ue
+        children: _e
       }
     ),
     t.slice(n)
   ] });
-}, Rn = (t) => {
+}, Sn = (t) => {
   var r, o;
-  const s = t.message.hide_date === !0, n = Tn(
+  const s = t.message.hide_date === !0, n = Cn(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const l = ((r = t.message.text) == null ? void 0 : r.trim()) || En[n.type];
+    const l = ((r = t.message.text) == null ? void 0 : r.trim()) || vn[n.type];
     return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ d(
         "div",
@@ -1310,7 +1310,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              Be,
+              Se,
               {
                 size: 16,
                 weight: "regular",
@@ -1322,11 +1322,11 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Fe, { message: t.message })
+      !s && /* @__PURE__ */ e(ve, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const l = ((o = t.message.text) == null ? void 0 : o.trim()) || Sn[n.type];
+    const l = ((o = t.message.text) == null ? void 0 : o.trim()) || Nn[n.type];
     return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ d(
         "div",
@@ -1336,7 +1336,7 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              _s,
+              ps,
               {
                 size: 24,
                 weight: "duotone",
@@ -1345,11 +1345,11 @@ const mn = ({ 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: Dn(l) }) })
+            /* @__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: En(l) }) })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Fe, { message: t.message })
+      !s && /* @__PURE__ */ e(ve, { message: t.message })
     ] });
   }
   return /* @__PURE__ */ d("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1358,9 +1358,9 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       /* @__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(ve, { message: t.message })
   ] });
-}, $e = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { cx: t, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ e(
+}, ye = ({ cx: t, index: s }) => /* @__PURE__ */ e("circle", { cx: t, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ e(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1370,25 +1370,25 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     begin: `${120 * s}ms`,
     repeatCount: "indefinite"
   }
-) }), Ln = ({ threadList: t }) => {
-  var C;
-  const { channel: s, channelConfig: n, thread: r } = ue(), { client: o } = He(), { typing: l = {} } = gs();
+) }), In = ({ threadList: t }) => {
+  var y;
+  const { channel: s, channelConfig: n, thread: r } = oe(), { client: o } = Me(), { typing: l = {} } = ls();
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const i = t ? [] : Object.values(l).filter(
-    ({ parent_id: g, user: y }) => {
-      var p;
-      return (y == null ? void 0 : y.id) !== ((p = o.user) == null ? void 0 : p.id) && !g;
+    ({ parent_id: b, user: C }) => {
+      var x;
+      return (C == null ? void 0 : C.id) !== ((x = o.user) == null ? void 0 : x.id) && !b;
     }
   ), c = t ? Object.values(l).filter(
-    ({ parent_id: g, user: y }) => {
-      var p;
-      return (y == null ? void 0 : y.id) !== ((p = o.user) == null ? void 0 : p.id) && g === (r == null ? void 0 : r.id);
+    ({ parent_id: b, user: C }) => {
+      var x;
+      return (C == null ? void 0 : C.id) !== ((x = o.user) == null ? void 0 : x.id) && b === (r == null ? void 0 : r.id);
     }
-  ) : [], h = t ? c : i;
-  if (!h.length)
+  ) : [], m = t ? c : i;
+  if (!m.length)
     return null;
-  const u = (C = h[0]) == null ? void 0 : C.user, m = u != null && u.id && s.state.members[u.id] ? s.state.members[u.id].user : void 0, f = (u == null ? void 0 : u.id) ?? (m == null ? void 0 : m.id) ?? "typing-user", v = (u == null ? void 0 : u.name) ?? (m == null ? void 0 : m.name) ?? (u == null ? void 0 : u.id) ?? "Typing user", a = (u == null ? void 0 : u.image) ?? (m == null ? void 0 : m.image);
+  const u = (y = m[0]) == null ? void 0 : y.user, h = u != null && u.id && s.state.members[u.id] ? s.state.members[u.id].user : void 0, f = (u == null ? void 0 : u.id) ?? (h == null ? void 0 : h.id) ?? "typing-user", v = (u == null ? void 0 : u.name) ?? (h == null ? void 0 : h.name) ?? (u == null ? void 0 : u.id) ?? "Typing user", a = (u == null ? void 0 : u.image) ?? (h == null ? void 0 : h.image);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1416,19 +1416,19 @@ const mn = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
             height: "8",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ e($e, { cx: "4", index: 0 }),
-              /* @__PURE__ */ e($e, { cx: "16", index: 1 }),
-              /* @__PURE__ */ e($e, { cx: "28", index: 2 })
+              /* @__PURE__ */ e(ye, { cx: "4", index: 0 }),
+              /* @__PURE__ */ e(ye, { cx: "16", index: 1 }),
+              /* @__PURE__ */ e(ye, { cx: "28", index: 2 })
             ]
           }
         ) })
       ]
     }
   );
-}, Pn = () => null, An = ({ className: t, message: s }) => /* @__PURE__ */ d(
+}, kn = () => null, Mn = ({ className: t, message: s }) => /* @__PURE__ */ d(
   "div",
   {
-    className: A("flex items-center justify-center h-full", t),
+    className: L("flex items-center justify-center h-full", t),
     children: [
       /* @__PURE__ */ d("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(
@@ -1468,12 +1468,12 @@ const mn = ({ 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__ */ d("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(An, { className: "w-6 h-6" }),
+), fe = O.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(Mn, { 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", dt = "Replies instantly with AI assistant", Fn = ({
+fe.displayName = "LoadingState";
+const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", rt = "Replies instantly with AI assistant", Tn = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
@@ -1481,19 +1481,19 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showStarButton: o = !1,
   dmAgentEnabled: l = !1
 }) => {
-  var v, a, C, g, y;
-  const { channel: i } = ue(), c = z.useMemo(() => Object.values(i.state.members || {}).find(
-    (S) => {
+  var v, a, y, b, C;
+  const { channel: i } = oe(), c = O.useMemo(() => Object.values(i.state.members || {}).find(
+    (I) => {
       var w;
-      return ((w = S.user) == null ? void 0 : w.id) && S.user.id !== i._client.userID;
+      return ((w = I.user) == null ? void 0 : w.id) && I.user.id !== i._client.userID;
     }
-  ), [i._client.userID, i.state.members]), h = ((v = c == null ? void 0 : c.user) == null ? void 0 : v.name) || ((a = c == null ? void 0 : c.user) == null ? void 0 : a.id) || "Unknown member", u = (C = c == null ? void 0 : c.user) == null ? void 0 : C.image, m = yt(i), f = async () => {
+  ), [i._client.userID, i.state.members]), m = ((v = c == null ? void 0 : c.user) == null ? void 0 : v.name) || ((a = c == null ? void 0 : c.user) == null ? void 0 : a.id) || "Unknown member", u = (y = c == null ? void 0 : c.user) == null ? void 0 : y.image, h = pt(i), f = async () => {
     try {
-      m ? await i.unpin() : await i.pin();
-    } catch (p) {
+      h ? await i.unpin() : await i.pin();
+    } catch (x) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        p
+        x
       );
     }
   };
@@ -1502,22 +1502,22 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s && /* @__PURE__ */ e(
         "button",
         {
-          className: he,
+          className: le,
           onClick: t || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(tt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(Je, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
           ne,
           {
-            id: ((g = c == null ? void 0 : c.user) == null ? void 0 : g.id) || i.id || "unknown",
-            name: h,
+            id: ((b = c == null ? void 0 : c.user) == null ? void 0 : b.id) || i.id || "unknown",
+            name: m,
             image: u,
-            starred: o && m,
+            starred: o && h,
             dmAgentEnabled: l,
             size: 40
           }
@@ -1528,34 +1528,34 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             type: "button",
             onClick: n,
             className: "flex items-center gap-0.5 rounded-full bg-black/[0.05] px-3 py-1 text-xs font-medium text-black/90 hover:bg-black/[0.08] transition-colors",
-            "aria-label": `View info for ${h}`,
+            "aria-label": `View info for ${m}`,
             children: [
-              h,
-              /* @__PURE__ */ e(st, { className: "size-3 shrink-0" })
+              m,
+              /* @__PURE__ */ e(Ke, { className: "size-3 shrink-0" })
             ]
           }
         ),
         l && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ e(Be, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ e("span", { children: dt })
+          /* @__PURE__ */ e(Se, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ e("span", { children: rt })
         ] })
       ] }),
       /* @__PURE__ */ d("div", { className: "flex justify-end items-center gap-2", children: [
         o && /* @__PURE__ */ e(
           "button",
           {
-            className: he,
+            className: le,
             onClick: f,
             type: "button",
-            "aria-label": m ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              je,
+              Ee,
               {
-                className: A("size-5", {
-                  "text-yellow-600": m,
-                  "text-black/90": !m
+                className: L("size-5", {
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: m ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1563,11 +1563,11 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           "button",
           {
-            className: he,
+            className: le,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(nt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Qe, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1579,18 +1579,18 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             type: "button",
             onClick: t,
-            className: he,
+            className: le,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(tt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Je, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
           ne,
           {
-            id: ((y = c == null ? void 0 : c.user) == null ? void 0 : y.id) || i.id || "unknown",
-            name: h,
+            id: ((C = c == null ? void 0 : c.user) == null ? void 0 : C.id) || i.id || "unknown",
+            name: m,
             image: u,
-            starred: o && m,
+            starred: o && h,
             dmAgentEnabled: l,
             size: 40
           }
@@ -1602,16 +1602,16 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               type: "button",
               onClick: n,
               className: "flex items-center gap-1 font-medium text-black/90 truncate hover:text-black/70 transition-colors",
-              "aria-label": `View info for ${h}`,
+              "aria-label": `View info for ${m}`,
               children: [
-                /* @__PURE__ */ e("span", { className: "truncate", children: h }),
-                /* @__PURE__ */ e(st, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ e("span", { className: "truncate", children: m }),
+                /* @__PURE__ */ e(Ke, { className: "size-4 shrink-0" })
               ]
             }
-          ) : /* @__PURE__ */ e("h1", { className: "font-medium text-black/90 truncate", children: h }),
+          ) : /* @__PURE__ */ e("h1", { className: "font-medium text-black/90 truncate", children: m }),
           l && /* @__PURE__ */ d("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-            /* @__PURE__ */ e(Be, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: dt })
+            /* @__PURE__ */ e(Se, { className: "size-3 shrink-0 text-black/55" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: rt })
           ] })
         ] })
       ] }),
@@ -1619,18 +1619,18 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         o && /* @__PURE__ */ e(
           "button",
           {
-            className: he,
+            className: le,
             onClick: f,
             type: "button",
-            "aria-label": m ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              je,
+              Ee,
               {
-                className: A("size-5", {
-                  "text-yellow-600": m,
-                  "text-black/90": !m
+                className: L("size-5", {
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: m ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1638,17 +1638,17 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         r && n && /* @__PURE__ */ e(
           "button",
           {
-            className: he,
+            className: le,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(nt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Qe, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, On = ({
+}, Dn = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1657,94 +1657,94 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBlockParticipant: l,
   showDeleteConversation: i = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: h,
+  onBlockParticipantClick: m,
   onReportParticipantClick: u,
-  showStarButton: m = !1,
+  showStarButton: h = !1,
   chatbotVotingEnabled: f = !1,
   renderChannelBanner: v,
   customProfileContent: a,
-  customChannelActions: C,
-  renderMessage: g,
-  dmAgentEnabled: y = !1
+  customChannelActions: y,
+  renderMessage: b,
+  dmAgentEnabled: C = !1
 }) => {
-  var T, B;
-  const { channel: p } = ue(), S = Q(null), w = z.useMemo(() => Object.values(p.state.members || {}).find(
-    (G) => {
-      var $;
-      return (($ = G.user) == null ? void 0 : $.id) && G.user.id !== p._client.userID;
+  var F, H;
+  const { channel: x } = oe(), I = J(null), w = O.useMemo(() => Object.values(x.state.members || {}).find(
+    (B) => {
+      var S;
+      return ((S = B.user) == null ? void 0 : S.id) && B.user.id !== x._client.userID;
     }
-  ), [p._client.userID, p.state.members]), E = z.useMemo(() => Object.values(p.state.members || {}).find((G) => {
-    var $;
-    return (($ = G.user) == null ? void 0 : $.id) === p._client.userID;
-  }), [p._client.userID, p.state.members]), F = ((T = E == null ? void 0 : E.user) == null ? void 0 : T.is_account) ?? (E == null ? void 0 : E.is_account), N = ((B = w == null ? void 0 : w.user) == null ? void 0 : B.is_account) ?? (w == null ? void 0 : w.is_account), b = y && F === !1 && N === !0, k = z.useMemo(() => {
-    const O = p.data ?? {};
-    if (O.followerStatus)
-      return String(O.followerStatus);
-    if (O.isFollower !== void 0)
-      return O.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [p.data]), R = U(() => {
-    var O;
-    (O = S.current) == null || O.showModal();
-  }, []), I = U(() => {
-    var O;
-    (O = S.current) == null || O.close();
-  }, []), L = U(
-    (O) => {
-      const { message: G } = bt("ChannelView"), $ = /* @__PURE__ */ e(xn, { ...O, chatbotVotingEnabled: f });
-      return !g || !G ? $ : g($, G);
+  ), [x._client.userID, x.state.members]), E = O.useMemo(() => Object.values(x.state.members || {}).find((B) => {
+    var S;
+    return ((S = B.user) == null ? void 0 : S.id) === x._client.userID;
+  }), [x._client.userID, x.state.members]), P = ((F = E == null ? void 0 : E.user) == null ? void 0 : F.is_account) ?? (E == null ? void 0 : E.is_account), U = ((H = w == null ? void 0 : w.user) == null ? void 0 : H.is_account) ?? (w == null ? void 0 : w.is_account), k = C && P === !1 && U === !0, T = O.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]), M = G(() => {
+    var D;
+    (D = I.current) == null || D.showModal();
+  }, []), _ = G(() => {
+    var D;
+    (D = I.current) == null || D.close();
+  }, []), N = G(
+    (D) => {
+      const { message: B } = ut("ChannelView"), S = /* @__PURE__ */ e(un, { ...D, chatbotVotingEnabled: f });
+      return !b || !B ? S : b(S, B);
     },
-    [f, g]
+    [f, b]
   );
-  return /* @__PURE__ */ d(fe, { children: [
-    /* @__PURE__ */ e(xs, { overrides: { Message: L }, children: /* @__PURE__ */ d(ps, { children: [
+  return /* @__PURE__ */ d(ce, { children: [
+    /* @__PURE__ */ e(ds, { overrides: { Message: N }, children: /* @__PURE__ */ d(us, { children: [
       /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-        Fn,
+        Tn,
         {
           onBack: t,
           showBackButton: s,
-          onShowInfo: R,
+          onShowInfo: M,
           canShowInfo: !!w,
-          showStarButton: m,
-          dmAgentEnabled: b
+          showStarButton: h,
+          dmAgentEnabled: k
         }
       ) }),
       v == null ? void 0 : v(),
       /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-        vs,
+        ms,
         {
           hideDeletedMessages: !0,
           hideNewMessageSeparator: !1,
           messageActions: void 0
         }
       ) }),
-      r == null ? void 0 : r(p),
+      r == null ? void 0 : r(x),
       /* @__PURE__ */ e(
-        Cn,
+        pn,
         {
-          renderActions: () => n == null ? void 0 : n(p)
+          renderActions: () => n == null ? void 0 : n(x)
         }
       )
     ] }) }),
     /* @__PURE__ */ e(
-      en,
+      qs,
       {
-        dialogRef: S,
-        onClose: I,
+        dialogRef: I,
+        onClose: _,
         participant: w,
-        channel: p,
-        followerStatusLabel: k,
+        channel: x,
+        followerStatusLabel: T,
         onLeaveConversation: o,
         onBlockParticipant: l,
         showDeleteConversation: i,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: h,
+        onBlockParticipantClick: m,
         onReportParticipantClick: u,
         customProfileContent: a,
-        customChannelActions: C
+        customChannelActions: y
       }
     )
   ] });
-}, Mt = z.memo(
+}, yt = O.memo(
   ({
     channel: t,
     onBack: s,
@@ -1754,62 +1754,62 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: l,
     onBlockParticipant: i,
     className: c,
-    CustomChannelEmptyState: h = Pn,
+    CustomChannelEmptyState: m = kn,
     showDeleteConversation: u = !0,
-    onDeleteConversationClick: m,
+    onDeleteConversationClick: h,
     onBlockParticipantClick: f,
     onReportParticipantClick: v,
     dmAgentEnabled: a,
-    messageMetadata: C,
-    onMessageSent: g,
-    showStarButton: y = !1,
-    chatbotVotingEnabled: p = !1,
-    renderChannelBanner: S,
+    messageMetadata: y,
+    onMessageSent: b,
+    showStarButton: C = !1,
+    chatbotVotingEnabled: x = !1,
+    renderChannelBanner: I,
     customProfileContent: w,
     customChannelActions: E,
-    renderMessage: F,
-    sendButton: N
+    renderMessage: P,
+    sendButton: U
   }) => {
-    const b = U(
-      async (k, R, I) => {
-        var $;
-        const L = (($ = t.data) == null ? void 0 : $.chatbot_paused) === !0, T = a && !L, B = {
-          ...R,
-          ...T && { silent: !0 },
-          ...C && {
+    const k = G(
+      async (T, M, _) => {
+        var S;
+        const N = ((S = t.data) == null ? void 0 : S.chatbot_paused) === !0, F = a && !N, H = {
+          ...M,
+          ...F && { silent: !0 },
+          ...y && {
             metadata: {
-              ...R.metadata ?? {},
-              ...C
+              ...M.metadata ?? {},
+              ...y
             }
           }
-        }, O = {
-          ...I,
-          ...T && { skip_push: !0 }
-        }, G = await t.sendMessage(B, O);
-        return g == null || g(G), G;
+        }, D = {
+          ..._,
+          ...F && { skip_push: !0 }
+        }, B = await t.sendMessage(H, D);
+        return b == null || b(B), B;
       },
-      [t, a, C, g]
+      [t, a, y, b]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: A(
+        className: L(
           "messaging-channel-view h-full flex flex-col",
           c
         ),
         children: /* @__PURE__ */ e(
-          bs,
+          cs,
           {
             channel: t,
-            MessageSystem: Rn,
-            EmptyStateIndicator: h,
-            LoadingIndicator: Me,
-            DateSeparator: tn,
-            TypingIndicator: Ln,
-            doSendMessageRequest: b,
-            ...N ? { SendButton: N } : {},
+            MessageSystem: Sn,
+            EmptyStateIndicator: m,
+            LoadingIndicator: fe,
+            DateSeparator: Xs,
+            TypingIndicator: In,
+            doSendMessageRequest: k,
+            ...U ? { SendButton: U } : {},
             children: /* @__PURE__ */ e(
-              On,
+              Dn,
               {
                 onBack: s,
                 showBackButton: n,
@@ -1817,18 +1817,18 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 renderConversationFooter: o,
                 onLeaveConversation: l,
                 onBlockParticipant: i,
-                CustomChannelEmptyState: h,
+                CustomChannelEmptyState: m,
                 showDeleteConversation: u,
-                onDeleteConversationClick: m,
+                onDeleteConversationClick: h,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: v,
-                showStarButton: y,
+                showStarButton: C,
                 dmAgentEnabled: a,
-                chatbotVotingEnabled: p,
-                renderChannelBanner: S,
+                chatbotVotingEnabled: x,
+                renderChannelBanner: I,
                 customProfileContent: w,
                 customChannelActions: E,
-                renderMessage: F
+                renderMessage: P
               }
             )
           }
@@ -1837,186 +1837,8 @@ const he = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-Mt.displayName = "ChannelView";
-function Un({
-  searchQuery: t,
-  setSearchQuery: s,
-  placeholder: n
-}) {
-  const r = Q(null);
-  return /* @__PURE__ */ d("div", { className: "relative", children: [
-    /* @__PURE__ */ e(
-      Es,
-      {
-        className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
-        weight: "bold"
-      }
-    ),
-    /* @__PURE__ */ e(
-      "input",
-      {
-        ref: r,
-        type: "text",
-        placeholder: n,
-        value: t,
-        onChange: (o) => s(o.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(
-      Et,
-      {
-        label: "Clear search",
-        onClick: () => {
-          var o;
-          s(""), (o = r.current) == null || o.focus();
-        },
-        className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4", weight: "bold" })
-      }
-    )
-  ] });
-}
-const $n = ({
-  participantSource: t,
-  onSelectParticipant: s,
-  onClose: n,
-  existingParticipantIds: r = /* @__PURE__ */ new Set(),
-  participantLabel: o = "participants",
-  searchPlaceholder: l = "Search participants...",
-  className: i
-}) => {
-  const { debug: c } = De(), [h, u] = M(""), [m, f] = M([]), [v, a] = M(!1), [C, g] = M(null), [y, p] = M(
-    null
-  ), S = Q(!1);
-  K(() => {
-    S.current = !1;
-  }, [t]), K(() => {
-    if (t.loading) {
-      c && console.log(
-        "[ParticipantPicker] Waiting for participant source to finish loading..."
-      );
-      return;
-    }
-    if (S.current) return;
-    (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), g(null);
-      try {
-        const b = await t.loadParticipants({
-          search: "",
-          // Load all participants initially
-          limit: 100
-        });
-        f(b.participants), S.current = !0, c && console.log(
-          "[ParticipantPicker] Participants loaded successfully:",
-          b.participants.length
-        );
-      } catch (b) {
-        const k = b instanceof Error ? b.message : "Failed to load participants";
-        g(k), console.error("[ParticipantPicker] Failed to load participants:", b);
-      } finally {
-        a(!1);
-      }
-    })();
-  }, [t, c]);
-  const w = m.filter((N) => !r.has(N.id)).filter((N) => {
-    var k;
-    if (!h) return !0;
-    const b = h.toLowerCase();
-    return N.name.toLowerCase().includes(b) || ((k = N.email) == null ? void 0 : k.toLowerCase().includes(b)) || !1;
-  }), E = U(
-    async (N) => {
-      if (!y) {
-        p(N.id);
-        try {
-          await s(N);
-        } catch (b) {
-          console.error("[ParticipantPicker] Failed to start chat:", b), p(null);
-        }
-      }
-    },
-    [s, y]
-  ), F = (N, b) => {
-    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), E(b));
-  };
-  return /* @__PURE__ */ d("div", { className: A("flex flex-col h-full", i), children: [
-    /* @__PURE__ */ d("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
-      /* @__PURE__ */ d("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(kt, { onClick: n })
-      ] }),
-      /* @__PURE__ */ d("p", { className: "text-xs text-stone mb-3", children: [
-        "Select a ",
-        o.slice(0, -1),
-        " to start messaging (",
-        w.length,
-        " available)",
-        t.totalCount !== void 0 && ` • ${t.totalCount} ${o} total`
-      ] }),
-      /* @__PURE__ */ e(
-        Un,
-        {
-          searchQuery: h,
-          setSearchQuery: u,
-          placeholder: l
-        }
-      )
-    ] }),
-    C && /* @__PURE__ */ d("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
-      "Error loading ",
-      o,
-      ": ",
-      C
-    ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: v && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ d("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__ */ d("span", { className: "text-sm text-stone", children: [
-        "Loading ",
-        o,
-        "..."
-      ] })
-    ] }) }) : w.length === 0 ? /* @__PURE__ */ d("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(at, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: h ? `No ${o} found` : m.length > 0 ? `Already chatting with all ${o}` : `No ${o} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "Try a different search term" : m.length > 0 ? `You have existing conversations with all your ${o}` : `${o.charAt(0).toUpperCase() + o.slice(1)} will appear here` })
-    ] }) : /* @__PURE__ */ d("ul", { className: "space-y-0", children: [
-      w.map((N) => {
-        const b = N.name || N.email || N.id, k = N.email && N.name ? N.email : N.phone;
-        return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => E(N),
-            onKeyDown: (R) => F(R, N),
-            className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
-            children: /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ d("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
-                /* @__PURE__ */ e(
-                  ne,
-                  {
-                    id: N.id,
-                    name: b,
-                    image: N.image,
-                    size: 40
-                  }
-                ),
-                /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: b }),
-                  k && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: k })
-                ] })
-              ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: y === N.id ? /* @__PURE__ */ e(Se, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(at, { className: "h-5 w-5 text-stone" }) })
-            ] })
-          }
-        ) }, N.id);
-      }),
-      v && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ d("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..." })
-      ] }) })
-    ] }) })
-  ] });
-}, zn = ({ className: t }) => /* @__PURE__ */ d(
+yt.displayName = "ChannelView";
+const Rn = ({ className: t }) => /* @__PURE__ */ d(
   "svg",
   {
     width: "140",
@@ -2150,17 +1972,17 @@ const $n = ({
       ] })
     ]
   }
-), Tt = z.memo(
+), Ct = O.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__ */ d("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(zn, {}),
+    /* @__PURE__ */ e(Rn, {}),
     s && !t && /* @__PURE__ */ d("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" })
     ] })
   ] }) })
 );
-Tt.displayName = "EmptyState";
-const Ie = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "text-center max-w-sm", children: [
+Ct.displayName = "EmptyState";
+const he = O.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ d("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 }),
@@ -2174,333 +1996,264 @@ const Ie = z.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-Ie.displayName = "ErrorState";
-const ga = ({
+he.displayName = "ErrorState";
+const oa = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   renderConversationFooter: r,
   onChannelSelect: o,
-  onParticipantSelect: l,
-  initialParticipantFilter: i,
-  initialParticipantData: c,
-  CustomChannelEmptyState: h,
-  showChannelList: u = !0,
-  filters: m,
-  channelRenderFilterFn: f,
-  channelListCustomEmptyStateIndicator: v,
-  onDeleteConversationClick: a,
-  onBlockParticipantClick: C,
-  onReportParticipantClick: g,
-  dmAgentEnabled: y,
-  messageMetadata: p,
-  onMessageSent: S,
-  showStarButton: w = !1,
-  chatbotVotingEnabled: E = !1,
-  renderMessagePreview: F,
-  renderChannelBanner: N,
-  customProfileContent: b,
+  initialParticipantFilter: l,
+  initialParticipantData: i,
+  CustomChannelEmptyState: c,
+  showChannelList: m = !0,
+  filters: u,
+  channelRenderFilterFn: h,
+  channelListCustomEmptyStateIndicator: f,
+  onDeleteConversationClick: v,
+  onBlockParticipantClick: a,
+  onReportParticipantClick: y,
+  dmAgentEnabled: b,
+  messageMetadata: C,
+  onMessageSent: x,
+  showStarButton: I = !1,
+  chatbotVotingEnabled: w = !1,
+  renderMessagePreview: E,
+  renderChannelBanner: P,
+  customProfileContent: U,
   customChannelActions: k,
-  renderMessage: R,
-  sendButton: I
+  renderMessage: T,
+  sendButton: M
 }) => {
   const {
-    service: L,
-    client: T,
-    isConnected: B,
-    isLoading: O,
-    error: G,
-    refreshConnection: $,
-    debug: P
-  } = zs(), [W, Z] = M(null), [ae, J] = M(!1), [x, _] = M(!1), [j, H] = M(!1), [ee, ie] = M(/* @__PURE__ */ new Set()), [be, Le] = M(0), [q, te] = M(!1), [xe, re] = M(null), me = Q(null), {
-    participantSource: oe,
-    participantLabel: pe = "participants",
-    showDeleteConversation: ge = !0
-  } = t, ve = z.useMemo(() => {
-    const D = T == null ? void 0 : T.userID;
+    service: _,
+    client: N,
+    isConnected: F,
+    isLoading: H,
+    error: D,
+    refreshConnection: B,
+    debug: S
+  } = Rs(), [$, V] = A(null), [ee, te] = A(!1), [W, g] = A(!1), [p, R] = A(!1), [j, Y] = A(null), {
+    showDeleteConversation: ae = !0
+  } = t, de = O.useMemo(() => {
+    const z = N == null ? void 0 : N.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...D && {
-          members: { $in: [D] },
+        ...z && {
+          members: { $in: [z] },
           hidden: !1
         }
       },
-      ...m
+      ...u
     };
-  }, [m, T == null ? void 0 : T.userID]), le = Q(null), se = U(async () => {
-    if (!T || !B) return;
-    const D = T.userID;
-    if (D)
+  }, [u, N == null ? void 0 : N.userID]), re = J(null), q = G(async () => {
+    if (!N || !F) return;
+    const z = N.userID;
+    if (z)
       try {
-        P && console.log("[MessagingShell] Syncing channels for user:", D);
-        const X = await T.queryChannels(
+        S && console.log("[MessagingShell] Syncing channels for user:", z);
+        const X = await N.queryChannels(
           {
             type: "messaging",
-            members: { $in: [D] }
+            members: { $in: [z] }
           },
           {},
           { limit: 100 }
-        ), V = /* @__PURE__ */ new Set();
-        X.forEach((Y) => {
-          const Pe = Y.state.members;
-          Object.values(Pe).forEach((Ft) => {
-            var Je;
-            const Ae = (Je = Ft.user) == null ? void 0 : Je.id;
-            Ae && Ae !== D && V.add(Ae);
-          });
-        }), ie((Y) => Y.size === V.size && [...Y].every((Pe) => V.has(Pe)) ? Y : V), J(X.length > 0), _(!0), le.current = D, P && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: X.length,
-          memberCount: V.size
+        );
+        te(X.length > 0), g(!0), re.current = z, S && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: X.length
         });
       } catch (X) {
         console.error("[MessagingShell] Failed to sync channels:", X);
       }
-  }, [T, B, P]);
-  K(() => {
-    if (!T || !B) return;
-    const D = T.userID;
-    D && le.current !== D && se();
-  }, [T, B, se]), K(() => {
-    if (!i || !T || !B) return;
+  }, [N, F, S]);
+  Z(() => {
+    if (!N || !F) return;
+    const z = N.userID;
+    z && re.current !== z && q();
+  }, [N, F, q]), Z(() => {
+    if (!l || !N || !F) return;
     (async () => {
-      const X = T.userID;
+      const X = N.userID;
       if (X)
         try {
-          P && console.log(
+          S && console.log(
             "[MessagingShell] Loading initial conversation with:",
-            i
+            l
           );
-          const V = await T.queryChannels(
+          const Q = await N.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [X, i] }
+              members: { $eq: [X, l] }
             },
             {},
             { limit: 1 }
           );
-          if (V.length > 0)
-            Z(V[0]), te(!0), re(null), o && o(V[0]), P && console.log(
+          if (Q.length > 0)
+            V(Q[0]), R(!0), Y(null), o && o(Q[0]), S && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              V[0].id
+              Q[0].id
             );
-          else if (c && L) {
-            P && console.log(
+          else if (i && _) {
+            S && console.log(
               "[MessagingShell] No conversation found, creating one for:",
-              c
+              i
             );
             try {
-              const Y = await L.startChannelWithParticipant({
-                id: c.id,
-                name: c.name,
-                email: c.email,
-                phone: c.phone
+              const se = await _.startChannelWithParticipant({
+                id: i.id,
+                name: i.name,
+                email: i.email,
+                phone: i.phone
               });
-              Z(Y), te(!0), re(null), o && o(Y), P && console.log(
+              V(se), R(!0), Y(null), o && o(se), S && console.log(
                 "[MessagingShell] Channel created and loaded:",
-                Y.id
+                se.id
               );
-            } catch (Y) {
+            } catch (se) {
               console.error(
                 "[MessagingShell] Failed to create conversation:",
-                Y
-              ), re("Failed to create conversation");
+                se
+              ), Y("Failed to create conversation");
             }
           } else
-            re(
+            Y(
               "No conversation found with this account"
-            ), P && console.log(
+            ), S && console.log(
               "[MessagingShell] No conversation found for:",
-              i
+              l
             );
-        } catch (V) {
+        } catch (Q) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            V
-          ), re("Failed to load conversation");
+            Q
+          ), Y("Failed to load conversation");
         }
     })();
   }, [
+    l,
     i,
-    c,
-    T,
-    B,
-    L,
-    P,
+    N,
+    F,
+    _,
+    S,
     o
   ]);
-  const we = U(
-    (D) => {
-      Z(D), o == null || o(D);
+  const ie = G(
+    (z) => {
+      V(z), o == null || o(z);
     },
     [o]
-  ), ye = U(() => {
-    q || Z(null);
-  }, [q]), Ne = U(
-    async (D) => {
-      var X;
-      if (L)
-        try {
-          P && console.log(
-            "[MessagingShell] Starting conversation with:",
-            D.id
-          );
-          const V = await L.startChannelWithParticipant({
-            id: D.id,
-            name: D.name,
-            email: D.email,
-            phone: D.phone
-          });
-          try {
-            await V.show();
-          } catch (Y) {
-            console.warn("[MessagingShell] Failed to unhide channel:", Y);
-          }
-          Z(V), H(!1), (X = me.current) == null || X.close(), l == null || l(D);
-        } catch (V) {
-          console.error("[MessagingShell] Failed to start conversation:", V);
-        }
+  ), pe = G(() => {
+    p || V(null);
+  }, [p]), ue = G(
+    async (z) => {
+      S && console.log("[MessagingShell] Leaving conversation:", z.id), V(null), R(!1), re.current = null, await q();
     },
-    [L, l, P]
-  ), ce = U(() => {
-    var D;
-    H(!1), (D = me.current) == null || D.close();
-  }, []), Ce = U(
-    (D) => {
-      D.target === me.current && ce();
-    },
-    [ce]
-  ), _e = U(
-    async (D) => {
-      P && console.log("[MessagingShell] Leaving conversation:", D.id), Z(null), te(!1), le.current = null, await se();
+    [q, S]
+  ), xe = G(
+    async (z) => {
+      S && console.log("[MessagingShell] Blocking participant:", z), V(null), R(!1), re.current = null, await q();
     },
-    [se, P]
-  ), Ee = U(
-    async (D) => {
-      P && console.log("[MessagingShell] Blocking participant:", D), Z(null), te(!1), le.current = null, await se();
-    },
-    [se, P]
-  ), de = !!W;
-  return O ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Me, {}) }) : G ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: G, onBack: $ }) }) : !B || !T ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
-    Ie,
+    [q, S]
+  ), K = !!$;
+  return H ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(fe, {}) }) : D ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(he, { message: D, onBack: B }) }) : !F || !N ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
+    he,
     {
       message: "Not connected to messaging service",
-      onBack: $
+      onBack: B
     }
-  ) }) : xe ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, { message: xe }) }) : /* @__PURE__ */ d(
+  ) }) : j ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(he, { message: j }) }) : /* @__PURE__ */ e(
     "div",
     {
-      className: A(
+      className: L(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
-      children: [
-        /* @__PURE__ */ d("div", { className: "flex h-full min-h-0", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: A(
-                "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
-                {
-                  "!hidden": u === !1 || q,
-                  // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !q && de,
-                  // 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": u !== !1 && !q && !de
-                }
-              ),
-              children: /* @__PURE__ */ e(
-                _t,
-                {
-                  onChannelSelect: we,
-                  selectedChannel: W || void 0,
-                  filters: ve,
-                  channelRenderFilterFn: f,
-                  customEmptyStateIndicator: v,
-                  renderMessagePreview: F
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: A(
-                "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)
-                  flex: q || de || i,
-                  // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !q && !de && !i
-                }
-              ),
-              children: W ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                Mt,
-                {
-                  channel: W,
-                  onBack: ye,
-                  showBackButton: !q,
-                  renderMessageInputActions: n,
-                  renderConversationFooter: r,
-                  renderChannelBanner: N,
-                  onLeaveConversation: _e,
-                  onBlockParticipant: Ee,
-                  CustomChannelEmptyState: h,
-                  showDeleteConversation: ge,
-                  onDeleteConversationClick: a,
-                  onBlockParticipantClick: C,
-                  onReportParticipantClick: g,
-                  dmAgentEnabled: y,
-                  messageMetadata: p,
-                  onMessageSent: S,
-                  showStarButton: w,
-                  chatbotVotingEnabled: E,
-                  customProfileContent: b,
-                  customChannelActions: k,
-                  renderMessage: R,
-                  sendButton: I
-                },
-                W.id
-              ) }) : i ? (
-                // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(Me, {})
-              ) : /* @__PURE__ */ e(
-                Tt,
-                {
-                  hasChannels: ae,
-                  channelsLoaded: x
-                }
-              )
-            }
-          )
-        ] }),
-        oe && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+      children: /* @__PURE__ */ d("div", { className: "flex h-full min-h-0", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: L(
+              "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
+              {
+                "!hidden": m === !1 || p,
+                // 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 && !p && K,
+                // 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 && !p && !K
+              }
+            ),
+            children: /* @__PURE__ */ e(
+              wt,
+              {
+                onChannelSelect: ie,
+                selectedChannel: $ || void 0,
+                filters: de,
+                channelRenderFilterFn: h,
+                customEmptyStateIndicator: f,
+                renderMessagePreview: E
+              }
+            )
+          }
+        ),
         /* @__PURE__ */ e(
-          "dialog",
+          "div",
           {
-            ref: me,
-            className: "mes-dialog",
-            onClick: Ce,
-            onClose: ce,
-            children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              $n,
+            className: L(
+              "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)
+                flex: p || K || l,
+                // Normal mode: hide on mobile when no channel selected
+                "hidden lg:flex": !p && !K && !l
+              }
+            ),
+            children: $ ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+              yt,
               {
-                participantSource: oe,
-                onSelectParticipant: Ne,
-                onClose: ce,
-                existingParticipantIds: ee,
-                participantLabel: pe,
-                searchPlaceholder: `Search ${pe}...`
+                channel: $,
+                onBack: pe,
+                showBackButton: !p,
+                renderMessageInputActions: n,
+                renderConversationFooter: r,
+                renderChannelBanner: P,
+                onLeaveConversation: ue,
+                onBlockParticipant: xe,
+                CustomChannelEmptyState: c,
+                showDeleteConversation: ae,
+                onDeleteConversationClick: v,
+                onBlockParticipantClick: a,
+                onReportParticipantClick: y,
+                dmAgentEnabled: b,
+                messageMetadata: C,
+                onMessageSent: x,
+                showStarButton: I,
+                chatbotVotingEnabled: w,
+                customProfileContent: U,
+                customChannelActions: k,
+                renderMessage: T,
+                sendButton: M
               },
-              be
-            ) })
+              $.id
+            ) }) : l ? (
+              // Show loading while creating/loading direct conversation channel
+              /* @__PURE__ */ e(fe, {})
+            ) : /* @__PURE__ */ e(
+              Ct,
+              {
+                hasChannels: ee,
+                channelsLoaded: W
+              }
+            )
           }
         )
-      ]
+      ] })
     }
   );
-}, jn = ({
+}, Ln = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2512,7 +2265,7 @@ const ga = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: A(
+    className: L(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
@@ -2522,7 +2275,7 @@ const ga = ({
     ),
     children: t
   }
-), ba = ({
+), la = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2531,7 +2284,7 @@ const ga = ({
   avatarImage: l,
   avatarName: i
 }) => {
-  const c = t.filter((h) => h.enabled).sort((h, u) => (h.order ?? 0) - (u.order ?? 0));
+  const c = t.filter((m) => m.enabled).sort((m, u) => (m.order ?? 0) - (u.order ?? 0));
   return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: o, children: /* @__PURE__ */ d("div", { className: "flex gap-3 items-end", children: [
     (l || i) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       ne,
@@ -2550,20 +2303,20 @@ const ga = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
-          c.map((h) => /* @__PURE__ */ e(
-            jn,
+          c.map((m) => /* @__PURE__ */ e(
+            Ln,
             {
-              question: h.question,
-              onClick: () => s(h.id),
-              loading: n === h.id
+              question: m.question,
+              onClick: () => s(m.id),
+              loading: n === m.id
             },
-            h.id
+            m.id
           ))
         ]
       }
     )
   ] }) });
-}, Bn = [
+}, An = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -2573,42 +2326,42 @@ const ga = ({
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function Re(t) {
+function be(t) {
   return t.startsWith("video/") ? "video" : t.startsWith("audio/") ? "audio" : t.startsWith("image/") ? "image" : "document";
 }
-function Gn(t) {
-  const s = Bn.find(
+function Fn(t) {
+  const s = An.find(
     ([n]) => n.test(t)
   );
   return s ? s[1] : "generic";
 }
-const Vn = {
-  video: Is,
-  audio: Ss,
-  image: ks,
-  document: xt
-}, Hn = {
-  pdf: Fs,
-  doc: As,
-  xls: Ps,
-  csv: Ls,
-  ppt: Rs,
-  zip: Ds,
-  text: Ts,
-  markdown: Ms,
-  generic: xt
+const On = {
+  video: ws,
+  audio: vs,
+  image: xs,
+  document: ht
+}, Pn = {
+  pdf: ks,
+  doc: Is,
+  xls: Ss,
+  csv: Es,
+  ppt: Cs,
+  zip: ys,
+  text: _s,
+  markdown: Ns,
+  generic: ht
 };
-function Yn(t) {
-  const s = Re(t);
-  return s !== "document" ? Vn[s] : Hn[Gn(t)];
+function Un(t) {
+  const s = be(t);
+  return s !== "document" ? On[s] : Pn[Fn(t)];
 }
-function Te(t, s) {
-  return z.createElement(Yn(t), s);
+function ge(t, s) {
+  return O.createElement(Un(t), s);
 }
-const Wn = (t) => {
+const Bn = (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;
-}, qn = ({
+}, zn = ({
   source: t,
   mimeType: s,
   poster: n,
@@ -2617,81 +2370,81 @@ const Wn = (t) => {
   loop: l = !1,
   controls: i = !0,
   showProgress: c = !1,
-  muted: h = !1,
+  muted: m = !1,
   onContainerClick: u
 }) => {
-  const m = Re(s), f = Q(null), v = Q(null), a = Q(null), C = Q(o), [g, y] = M(r), [p, S] = M(0), [w, E] = M(!1), [F, N] = M(!1), [b, k] = M(!1), [R, I] = M(!1), [L, T] = M(!0), [B, O] = M(null), G = U(() => {
-    k(!1), y(!0);
-  }, []), $ = U((x) => {
-    const _ = v.current;
-    if (!_) return 0;
-    const j = _.getBoundingClientRect();
+  const h = be(s), f = J(null), v = J(null), a = J(null), y = J(o), [b, C] = A(r), [x, I] = A(0), [w, E] = A(!1), [P, U] = A(!1), [k, T] = A(!1), [M, _] = A(!1), [N, F] = A(!0), [H, D] = A(null), B = G(() => {
+    T(!1), C(!0);
+  }, []), S = G((g) => {
+    const p = v.current;
+    if (!p) return 0;
+    const R = p.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Wn(x) - j.left) / j.width)
+      Math.min(1, (Bn(g) - R.left) / R.width)
     );
-  }, []), P = U((x) => {
-    const _ = f.current;
-    _ && _.duration && (_.currentTime = x * _.duration);
-  }, []), W = (x) => {
-    x.stopPropagation(), E(!0);
-    const _ = $(x);
-    S(_), P(_);
+  }, []), $ = G((g) => {
+    const p = f.current;
+    p && p.duration && (p.currentTime = g * p.duration);
+  }, []), V = (g) => {
+    g.stopPropagation(), E(!0);
+    const p = S(g);
+    I(p), $(p);
   };
-  K(() => {
-    o !== void 0 && o !== C.current && (C.current = o, y(o));
-  }, [o]), K(() => {
-    if (!g) {
+  Z(() => {
+    o !== void 0 && o !== y.current && (y.current = o, C(o));
+  }, [o]), Z(() => {
+    if (!b) {
       a.current !== null && (cancelAnimationFrame(a.current), a.current = null);
       return;
     }
-    const x = () => {
-      const _ = f.current;
-      _ && _.duration && !w && S(_.currentTime / _.duration), a.current = requestAnimationFrame(x);
+    const g = () => {
+      const p = f.current;
+      p && p.duration && !w && I(p.currentTime / p.duration), a.current = requestAnimationFrame(g);
     };
-    return a.current = requestAnimationFrame(x), () => {
+    return a.current = requestAnimationFrame(g), () => {
       a.current !== null && cancelAnimationFrame(a.current);
     };
-  }, [g, w]), K(() => {
-    const x = f.current;
-    x && (g ? x.play().catch((_) => {
-      y(!1), k(!0);
-    }) : x.pause());
-  }, [g]), K(() => {
+  }, [b, w]), Z(() => {
+    const g = f.current;
+    g && (b ? g.play().catch((p) => {
+      C(!1), T(!0);
+    }) : g.pause());
+  }, [b]), Z(() => {
     if (!w) return;
-    const x = (j) => S($(j)), _ = (j) => {
-      E(!1), P($(j));
+    const g = (R) => I(S(R)), p = (R) => {
+      E(!1), $(S(R));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", _), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", _);
+    return window.addEventListener("mousemove", g), window.addEventListener("mouseup", p), window.addEventListener("touchmove", g, { passive: !0 }), window.addEventListener("touchend", p), () => {
+      window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", p), window.removeEventListener("touchmove", g), window.removeEventListener("touchend", p);
     };
-  }, [w, $, P]);
-  const Z = B ? { aspectRatio: String(B) } : void 0, ae = B ? "" : " aspect-video", J = Math.round(p * 100);
+  }, [w, S, $]);
+  const ee = H ? { aspectRatio: String(H) } : void 0, te = H ? "" : " aspect-video", W = Math.round(x * 100);
   return /* @__PURE__ */ d(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${ae}`,
-      style: Z,
-      onClick: (x) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${te}`,
+      style: ee,
+      onClick: (g) => {
         if (u) {
-          u(x);
+          u(g);
           return;
         }
-        b || i && y((_) => !_);
+        k || i && C((p) => !p);
       },
-      onKeyDown: (x) => {
-        if (!(x.key !== "Enter" && x.key !== " ")) {
-          if (x.preventDefault(), u) {
-            u(x);
+      onKeyDown: (g) => {
+        if (!(g.key !== "Enter" && g.key !== " ")) {
+          if (g.preventDefault(), u) {
+            u(g);
             return;
           }
-          b || i && y((_) => !_);
+          k || i && C((p) => !p);
         }
       },
       children: [
-        n && (m === "audio" || L) && /* @__PURE__ */ e(
+        n && (h === "audio" || N) && /* @__PURE__ */ e(
           "img",
           {
             src: n,
@@ -2699,26 +2452,26 @@ const Wn = (t) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (m === "audio" || L) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: Te(s, {
+        !n && (h === "audio" || N) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(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: h === "audio" ? /* @__PURE__ */ e(
           "audio",
           {
             ref: f,
             src: t,
             loop: l,
-            muted: h,
+            muted: m,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => _(!0),
             onCanPlay: () => {
-              I(!1), T(!1);
+              _(!1), F(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => k(!1),
+            onWaiting: () => _(!0),
+            onPlay: () => T(!1),
             onEnded: () => {
-              l || (y(!1), S(0));
+              l || (C(!1), I(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
@@ -2728,46 +2481,46 @@ const Wn = (t) => {
             ref: f,
             src: t,
             loop: l,
-            muted: h,
+            muted: m,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => _(!0),
             onCanPlay: () => {
-              I(!1), T(!1);
+              _(!1), F(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => k(!1),
+            onWaiting: () => _(!0),
+            onPlay: () => T(!1),
             onLoadedMetadata: () => {
-              const x = f.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && O(x.videoWidth / x.videoHeight);
+              const g = f.current;
+              g instanceof HTMLVideoElement && g.videoWidth && g.videoHeight && D(g.videoWidth / g.videoHeight);
             },
             onEnded: () => {
-              l || (y(!1), S(0));
+              l || (C(!1), I(0));
             },
             children: /* @__PURE__ */ e("track", { kind: "captions" })
           }
         ) }),
-        R && !b && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
-          pt,
+        M && !k && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(
+          ft,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        b && !i && /* @__PURE__ */ e(
+        k && !i && /* @__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: (x) => {
-              x.stopPropagation(), G();
+            onClick: (g) => {
+              g.stopPropagation(), B();
             },
-            onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), G());
+            onKeyDown: (g) => {
+              g.key !== "Enter" && g.key !== " " || (g.preventDefault(), g.stopPropagation(), B());
             },
-            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(rt, { 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 && !i && /* @__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(
@@ -2775,23 +2528,23 @@ const Wn = (t) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": J,
+            "aria-valuenow": W,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: v,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: W,
-            onTouchStart: W,
-            onClick: (x) => x.stopPropagation(),
-            onKeyDown: (x) => {
-              x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
+            onMouseDown: V,
+            onTouchStart: V,
+            onClick: (g) => g.stopPropagation(),
+            onKeyDown: (g) => {
+              g.key === "ArrowRight" && $(Math.min(1, x + 0.05)), g.key === "ArrowLeft" && $(Math.max(0, x - 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: `${J}%` }
+                style: { width: `${W}%` }
               }
             ) })
           }
@@ -2801,12 +2554,12 @@ const Wn = (t) => {
             "button",
             {
               type: "button",
-              onClick: (x) => {
-                x.stopPropagation(), y((_) => !_);
+              onClick: (g) => {
+                g.stopPropagation(), C((p) => !p);
               },
               className: "shrink-0 text-white",
-              "aria-label": g ? "Pause" : "Play",
-              children: g ? /* @__PURE__ */ e(Os, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": b ? "Pause" : "Play",
+              children: b ? /* @__PURE__ */ e(Ms, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ e(et, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ d(
@@ -2814,30 +2567,30 @@ const Wn = (t) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": J,
+              "aria-valuenow": W,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: v,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: W,
-              onTouchStart: W,
-              onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => N(!0),
-              onMouseLeave: () => N(!1),
-              onKeyDown: (x) => {
-                x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
+              onMouseDown: V,
+              onTouchStart: V,
+              onClick: (g) => g.stopPropagation(),
+              onMouseEnter: () => U(!0),
+              onMouseLeave: () => U(!1),
+              onKeyDown: (g) => {
+                g.key === "ArrowRight" && $(Math.min(1, x + 0.05)), g.key === "ArrowLeft" && $(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${F || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${P || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ e(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${J}%` }
+                        style: { width: `${W}%` }
                       }
                     )
                   }
@@ -2845,8 +2598,8 @@ const Wn = (t) => {
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${F || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${J}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${P || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${W}%` }
                   }
                 )
               ]
@@ -2856,7 +2609,7 @@ const Wn = (t) => {
       ]
     }
   );
-}, ut = (t) => t === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Xn = (t) => t === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Dt = ({
+}, it = (t) => t === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", $n = (t) => t === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Et = ({
   mimeType: t,
   sourceUrl: s,
   thumbnailUrl: n,
@@ -2865,9 +2618,9 @@ const Wn = (t) => {
   mediaPlayerProps: l,
   containedImage: i = !1
 }) => {
-  const c = Re(t), [h, u] = M(!1);
+  const c = be(t), [m, u] = A(!1);
   return s && (c === "video" || c === "audio") ? /* @__PURE__ */ e(
-    qn,
+    zn,
     {
       source: s,
       mimeType: t,
@@ -2880,7 +2633,7 @@ const Wn = (t) => {
     {
       src: s,
       alt: r ?? "",
-      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${h ? "opacity-100" : "opacity-0"}`,
+      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${m ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
       onLoad: () => u(!0)
     }
@@ -2897,7 +2650,7 @@ const Wn = (t) => {
     {
       src: n,
       alt: r ?? "",
-      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${h ? "opacity-100" : "opacity-0"}`,
+      className: `absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${m ? "opacity-100" : "opacity-0"}`,
       draggable: !1,
       onLoad: () => u(!0)
     }
@@ -2913,12 +2666,12 @@ const Wn = (t) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${o === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: Te(t, {
-        className: ut(o),
+      children: ge(t, {
+        className: it(o),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ e("div", { className: `relative ${Xn(o)}`, children: /* @__PURE__ */ e(
+  ) : n ? /* @__PURE__ */ e("div", { className: `relative ${$n(o)}`, children: /* @__PURE__ */ e(
     "img",
     {
       src: n,
@@ -2930,13 +2683,13 @@ const Wn = (t) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${o === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: Te(t, {
-        className: ut(o),
+      children: ge(t, {
+        className: it(o),
         weight: "regular"
       })
     }
   );
-}, Rt = ({
+}, St = ({
   variant: t,
   thumbnail: s,
   title: n,
@@ -2945,40 +2698,40 @@ const Wn = (t) => {
   detail: l,
   statusBadge: i,
   action: c,
-  topLeft: h,
+  topLeft: m,
   topRight: u,
-  rootRef: m,
+  rootRef: h,
   "data-testid": f
 }) => {
-  const v = t === "dark", a = v ? n ?? r : n ?? "", C = v && !n;
+  const v = t === "dark", a = v ? n ?? r : n ?? "", y = v && !n;
   return /* @__PURE__ */ d(
     "div",
     {
-      ref: m,
+      ref: h,
       "data-testid": f,
-      className: A(
+      className: L(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         v ? "bg-[#121110]" : "bg-white"
       ),
       children: [
-        h ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: h }) : null,
+        m ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: m }) : null,
         u ? /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: u }) : null,
         s,
         /* @__PURE__ */ d("div", { className: "px-4 pb-3 pt-3", children: [
           a.trim() !== "" && /* @__PURE__ */ e(
             "p",
             {
-              className: A("mb-0.5 truncate text-base font-medium", {
+              className: L("mb-0.5 truncate text-base font-medium", {
                 "text-black": !v,
-                "text-white/30": v && C,
-                "text-white": v && !C
+                "text-white/30": v && y,
+                "text-white": v && !y
               }),
               children: a
             }
           ),
           /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1", children: [
-            Te(o, {
-              className: A(
+            ge(o, {
+              className: L(
                 "size-5 shrink-0",
                 v ? "text-white/55" : "text-black/55"
               ),
@@ -2987,7 +2740,7 @@ const Wn = (t) => {
             l != null && l !== "" && /* @__PURE__ */ e(
               "span",
               {
-                className: A(
+                className: L(
                   "text-xs font-medium",
                   v ? "text-white/55" : "text-black/55"
                 ),
@@ -3002,29 +2755,29 @@ const Wn = (t) => {
     }
   );
 };
-function Lt(t) {
+function It(t) {
   return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
 }
-function qe(t) {
+function Re(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 Zn(t) {
+function jn(t) {
   return t ? "bg-white/10" : "bg-black/5";
 }
-function Kn(t) {
+function Gn(t) {
   return t ? "text-white" : "text-black";
 }
-function Jn(t) {
+function Vn(t) {
   return t ? "text-white/55" : "text-black/55";
 }
-function Qn(t) {
+function Hn(t) {
   return t ? "text-white/40" : "text-black/40";
 }
-function ea(t) {
+function Yn(t) {
   return t ? "text-white/20" : "text-black/20";
 }
-const Xe = ({ attachment: t, isMyMessage: s }) => {
-  const { title: n, text: r, image_url: o, og_scrape_url: l, title_link: i } = t, c = l ?? i, h = typeof c == "string" && c.trim() !== "" ? c : void 0, u = /* @__PURE__ */ d(z.Fragment, { children: [
+const Le = ({ attachment: t, isMyMessage: s }) => {
+  const { title: n, text: r, image_url: o, og_scrape_url: l, title_link: i } = t, c = l ?? i, m = typeof c == "string" && c.trim() !== "" ? c : void 0, u = /* @__PURE__ */ d(O.Fragment, { children: [
     /* @__PURE__ */ e("div", { className: "p-2", children: o ? /* @__PURE__ */ e(
       "img",
       {
@@ -3035,25 +2788,25 @@ const Xe = ({ attachment: t, isMyMessage: s }) => {
     ) : /* @__PURE__ */ e(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Zn(s)} flex items-center justify-center`,
-        children: /* @__PURE__ */ e(Us, { className: `size-12 ${ea(s)}` })
+        className: `aspect-video w-full rounded-[20px] ${jn(s)} flex items-center justify-center`,
+        children: /* @__PURE__ */ e(Ts, { className: `size-12 ${Yn(s)}` })
       }
     ) }),
     /* @__PURE__ */ d("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Kn(s)}`, children: n }),
-      r && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${Jn(s)}`, children: r }),
-      h && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Qn(s)}`, children: h })
+      n && /* @__PURE__ */ e("p", { className: `truncate text-[14px] font-medium leading-5 ${Gn(s)}`, children: n }),
+      r && /* @__PURE__ */ e("p", { className: `truncate text-[12px] leading-4 ${Vn(s)}`, children: r }),
+      m && /* @__PURE__ */ e("p", { className: `mt-1 truncate text-[12px] leading-4 ${Hn(s)}`, children: m })
     ] })
   ] });
-  return h ? /* @__PURE__ */ e("a", { href: h, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ e("div", { className: "block", children: u });
+  return m ? /* @__PURE__ */ e("a", { href: m, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ e("div", { className: "block", children: u });
 };
-function Ze(t) {
+function Ae(t) {
   var s;
   return (s = t.attachments) == null ? void 0 : s.find(
     (n) => n.type === "link" || !!n.og_scrape_url && !n.asset_url
   );
 }
-async function ta(t, s) {
+async function Wn(t, s) {
   let n;
   try {
     n = s ?? new URL(t).pathname.split("/").pop() ?? "download";
@@ -3065,11 +2818,11 @@ async function ta(t, s) {
   const o = await r.blob(), l = URL.createObjectURL(o), i = document.createElement("a");
   i.href = l, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(l);
 }
-const sa = ({
+const qn = ({
   url: t,
   filename: s
 }) => {
-  const [n, r] = M(!1);
+  const [n, r] = A(!1);
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3077,7 +2830,7 @@ const sa = ({
       onClick: (l) => {
         l.stopPropagation();
         const i = window.open("", "_blank", "noopener,noreferrer");
-        r(!0), ta(t, s).then(() => {
+        r(!0), Wn(t, s).then(() => {
           i == null || i.close();
         }).catch(() => {
           i && (i.location.href = t);
@@ -3085,44 +2838,44 @@ const sa = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ e(pt, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ d(z.Fragment, { children: [
-        /* @__PURE__ */ e($s, { className: "size-4 text-white", weight: "bold" }),
+      children: n ? /* @__PURE__ */ e(ft, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ d(O.Fragment, { children: [
+        /* @__PURE__ */ e(Ds, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function Ke(t) {
-  var f, v, a, C;
+function Fe(t) {
+  var f, v, a, y;
   const s = (f = t.attachments) == null ? void 0 : f.find(
-    (g) => g.type === "video" && g.asset_url
+    (b) => b.type === "video" && b.asset_url
   ), n = (v = t.attachments) == null ? void 0 : v.find(
-    (g) => g.type === "image" && g.image_url
+    (b) => b.type === "image" && b.image_url
   ), r = (a = t.attachments) == null ? void 0 : a.find(
-    (g) => g.type === "audio" && g.asset_url
-  ), o = (C = t.attachments) == null ? void 0 : C.find(
-    (g) => g.type === "file" && g.asset_url
+    (b) => b.type === "audio" && b.asset_url
+  ), o = (y = t.attachments) == null ? void 0 : y.find(
+    (b) => b.type === "file" && b.asset_url
   ), l = s ?? n ?? r ?? o, i = (s == null ? void 0 : s.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (r == null ? void 0 : r.asset_url) ?? (o == null ? void 0 : o.asset_url);
   if (!i) return null;
-  const c = (l == null ? void 0 : l.mime_type) ?? ((l == null ? void 0 : l.type) === "image" ? "image/jpeg" : (l == null ? void 0 : l.type) === "video" ? "video/mp4" : (l == null ? void 0 : l.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), h = l == null ? void 0 : l.title, u = l == null ? void 0 : l.file_size, m = s == null ? void 0 : s.thumb_url;
+  const c = (l == null ? void 0 : l.mime_type) ?? ((l == null ? void 0 : l.type) === "image" ? "image/jpeg" : (l == null ? void 0 : l.type) === "video" ? "video/mp4" : (l == null ? void 0 : l.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), m = l == null ? void 0 : l.title, u = l == null ? void 0 : l.file_size, h = s == null ? void 0 : s.thumb_url;
   return {
     resolvedUrl: i,
     resolvedType: c,
-    title: h,
+    title: m,
     fileSize: u,
-    thumbnailUrl: m
+    thumbnailUrl: h
   };
 }
-const Pt = ({
+const kt = ({
   resolvedUrl: t,
   resolvedType: s,
   title: n,
   fileSize: r,
   thumbnailUrl: o
 }) => {
-  const l = r !== void 0 ? Lt(r) : void 0;
+  const l = r !== void 0 ? It(r) : void 0;
   return /* @__PURE__ */ e(
-    Rt,
+    St,
     {
       variant: "dark",
       title: n,
@@ -3130,7 +2883,7 @@ const Pt = ({
       mimeType: s,
       detail: l,
       thumbnail: /* @__PURE__ */ e(
-        Dt,
+        Et,
         {
           mimeType: s,
           sourceUrl: t,
@@ -3141,23 +2894,23 @@ const Pt = ({
       )
     }
   );
-}, At = ({
+}, Mt = ({
   resolvedUrl: t,
   resolvedType: s,
   title: n,
   fileSize: r,
   thumbnailUrl: o
 }) => {
-  const l = Re(s), i = r !== void 0 ? Lt(r) : void 0;
+  const l = be(s), i = r !== void 0 ? It(r) : void 0;
   return /* @__PURE__ */ e(
-    Rt,
+    St,
     {
       variant: "light",
       title: n,
       mimeType: s,
       detail: i,
       thumbnail: /* @__PURE__ */ e(
-        Dt,
+        Et,
         {
           mimeType: s,
           sourceUrl: t,
@@ -3167,14 +2920,14 @@ const Pt = ({
           containedImage: l === "image" || l === "document"
         }
       ),
-      action: /* @__PURE__ */ e(sa, { url: t, filename: n })
+      action: /* @__PURE__ */ e(qn, { url: t, filename: n })
     }
   );
-}, na = ({
+}, Xn = ({
   message: t,
   isMyMessage: s = !1
 }) => {
-  const n = Ze(t), r = Ke(t);
+  const n = Ae(t), r = Fe(t);
   return !n && !r ? null : /* @__PURE__ */ d("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(
       ne,
@@ -3195,95 +2948,53 @@ const Pt = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ e("div", { className: qe(s), children: /* @__PURE__ */ e(Xe, { attachment: n, isMyMessage: s }) }) : s ? /* @__PURE__ */ e(Pt, { ...r }) : /* @__PURE__ */ e(At, { ...r })
+            children: n ? /* @__PURE__ */ e("div", { className: Re(s), children: /* @__PURE__ */ e(Le, { attachment: n, isMyMessage: s }) }) : s ? /* @__PURE__ */ e(kt, { ...r }) : /* @__PURE__ */ e(Mt, { ...r })
           }
         ) })
       }
     )
   ] });
-}, aa = ({
+}, Zn = ({
   message: t
 }) => {
-  const s = Ze(t);
+  const s = Ae(t);
   if (s)
-    return /* @__PURE__ */ e("div", { className: qe(!0), children: /* @__PURE__ */ e(Xe, { attachment: s, isMyMessage: !0 }) });
-  const n = Ke(t);
-  return n ? /* @__PURE__ */ e(Pt, { ...n }) : null;
-}, ra = ({
+    return /* @__PURE__ */ e("div", { className: Re(!0), children: /* @__PURE__ */ e(Le, { attachment: s, isMyMessage: !0 }) });
+  const n = Fe(t);
+  return n ? /* @__PURE__ */ e(kt, { ...n }) : null;
+}, Jn = ({
   message: t
 }) => {
-  const s = Ze(t);
+  const s = Ae(t);
   if (s)
-    return /* @__PURE__ */ e("div", { className: qe(!1), children: /* @__PURE__ */ e(Xe, { attachment: s, isMyMessage: !1 }) });
-  const n = Ke(t);
-  return n ? /* @__PURE__ */ e(At, { ...n }) : null;
-}, xa = Object.assign(na, {
-  Creator: aa,
-  Visitor: ra
-}), pa = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [o, l] = M([]), [i, c] = M(!1), [h, u] = M(null), [m, f] = M(n), [v, a] = M(!0), [C, g] = M(), y = U(async (E = !1, F) => {
-    if (i) return;
-    const N = F !== void 0 ? F : m;
-    c(!0), u(null);
-    try {
-      const b = await t.loadParticipants({
-        search: N || void 0,
-        limit: r,
-        cursor: E ? void 0 : C
-      });
-      l(
-        (k) => E ? b.participants : [...k, ...b.participants]
-      ), a(b.hasMore), g(b.nextCursor);
-    } catch (b) {
-      const k = b instanceof Error ? b.message : "Failed to load participants";
-      u(k), console.error("[useParticipants] Load error:", b);
-    } finally {
-      c(!1);
-    }
-  }, [t, m, C, r, i]), p = U(() => {
-    v && !i && y(!1);
-  }, [v, i, y]), S = U((E) => {
-    f(E), g(void 0), y(!0, E);
-  }, [y]), w = U(() => {
-    g(void 0), y(!0);
-  }, [y]);
-  return K(() => {
-    y(!0);
-  }, [t.loadParticipants]), {
-    participants: o,
-    loading: i,
-    error: h,
-    searchQuery: m,
-    hasMore: v,
-    totalCount: t.totalCount,
-    loadMore: p,
-    search: S,
-    refresh: w
-  };
-};
+    return /* @__PURE__ */ e("div", { className: Re(!1), children: /* @__PURE__ */ e(Le, { attachment: s, isMyMessage: !1 }) });
+  const n = Fe(t);
+  return n ? /* @__PURE__ */ e(Mt, { ...n }) : null;
+}, ca = Object.assign(Xn, {
+  Creator: Zn,
+  Visitor: Jn
+});
 export {
-  Rt as A,
-  Pn as C,
-  ba as F,
-  lt as L,
-  xa as M,
-  $n as P,
-  Dt as a,
-  ke as b,
+  St as A,
+  kn as C,
+  la as F,
+  nt as L,
+  ca as M,
+  Et as a,
+  me as b,
   ne as c,
-  _t as d,
-  Mt as e,
-  fa as f,
-  jn as g,
-  fn as h,
-  ha as i,
-  ga as j,
-  Hs as k,
-  Ke as l,
-  nn as m,
-  zs as n,
-  pa as o,
-  Ze as r,
-  un as u
+  wt as d,
+  yt as e,
+  ia as f,
+  Ln as g,
+  ln as h,
+  ra as i,
+  oa as j,
+  Ps as k,
+  Fe as l,
+  Js as m,
+  Rs as n,
+  Ae as r,
+  an as u
 };
-//# sourceMappingURL=index-B_4pciGp.js.map
+//# sourceMappingURL=index-j4j9UfK1.js.map