@linktr.ee/messaging-react 1.30.0 → 1.31.0-rc-1776677746

package/dist/index.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
 import A from "classnames";
-import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as Q, useEffect as X, useMemo as Le, Suspense as $e } from "react";
-import { StreamChatService as xt } from "@linktr.ee/messaging-core";
-import { Chat as bt, ChannelList as Ct, DateSeparator as Nt, useChannelStateContext as Ie, useChatContext as Ke, areMessageUIPropsEqual as pt, useMessageReminder as yt, useComponentContext as vt, Attachment as wt, EditMessageModal as _t, MessageBlocked as Et, MessageBouncePrompt as St, MessageDeleted as It, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as kt, ReminderNotification as Tt, StreamedMessageText as Dt, messageHasAttachments as Rt, messageHasReactions as At, isDateSeparatorMessage as Lt, isMessageBlocked as Ut, isMessageBounced as Pt, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as Qe, useMessageComposer as Gt, useStateStore as jt, MessageInput as $t, useMessageInputContext as zt, useMessageComposerHasSendableData as Ht, SimpleAttachmentSelector as Vt, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as De, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
-import { StarIcon as Ue, GiftIcon as Qt, XIcon as Oe, SpinnerGapIcon as _e, SignOutIcon as es, ProhibitInsetIcon as He, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as Ve, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
-import { LinkPreviewsManager as qe } from "stream-chat";
-const et = ft({
+import F, { createContext as gt, useContext as xt, useCallback as U, useState as T, useRef as ee, useEffect as X, useMemo as Ue, Suspense as ze } from "react";
+import { StreamChatService as bt } from "@linktr.ee/messaging-core";
+import { Chat as Ct, ChannelList as Nt, DateSeparator as yt, useChannelStateContext as ke, useChatContext as Qe, areMessageUIPropsEqual as pt, useMessageReminder as vt, useComponentContext as wt, Attachment as _t, EditMessageModal as Et, MessageBlocked as St, MessageBouncePrompt as It, MessageDeleted as kt, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as Tt, ReminderNotification as Dt, StreamedMessageText as Rt, messageHasAttachments as At, messageHasReactions as Lt, isDateSeparatorMessage as Ut, isMessageBlocked as Pt, isMessageBounced as Ft, MessageBounceModal as Ot, MessageText as He, Poll as Bt, MessageErrorIcon as Gt, useMessageContext as et, useMessageComposer as jt, useStateStore as $t, MessageInput as zt, useMessageInputContext as Ht, useMessageComposerHasSendableData as Vt, SimpleAttachmentSelector as Yt, QuotedMessagePreview as Wt, AttachmentPreviewList as qt, TextareaComposer as Zt, MessageTimestamp as Re, Channel as Jt, WithComponents as Xt, Window as Kt, MessageList as Qt } from "stream-chat-react";
+import { StarIcon as Pe, GiftIcon as es, XIcon as Be, SpinnerGapIcon as Ee, SignOutIcon as ts, ProhibitInsetIcon as Ve, FlagIcon as ss, ArrowUpIcon as ns, SparkleIcon as as, ProhibitIcon as rs, ArrowLeftIcon as Ye, DotsThreeIcon as We, MagnifyingGlassIcon as os, ChatCircleDotsIcon as qe } from "@phosphor-icons/react";
+import { LinkPreviewsManager as Ze } from "stream-chat";
+const tt = gt({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,7 +15,7 @@ const et = ft({
   refreshConnection: async () => {
   },
   debug: !1
-}), Me = () => gt(et), cn = ({
+}), Me = () => xt(tt), dn = ({
   children: t,
   user: s,
   serviceConfig: n,
@@ -24,8 +24,8 @@ const et = ft({
   debug: d = !1
 }) => {
   const a = U(
-    (u, ...f) => {
-      d && console.log(`🔥 [MessagingProvider] ${u}`, ...f);
+    (m, ...y) => {
+      d && console.log(`🔥 [MessagingProvider] ${m}`, ...y);
     },
     [d]
   );
@@ -35,68 +35,68 @@ const et = ft({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = k(null), [h, b] = k(null), [C, S] = k(!1), [m, v] = k(!1), [r, p] = k(null), M = Q(!1), N = Q({
+  const [c, f] = T(null), [u, x] = T(null), [C, E] = T(!1), [h, p] = T(!1), [v, r] = T(null), M = ee(!1), S = ee({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), w = Q(0);
-  w.current++, a("📊 RENDER INFO", {
-    renderCount: w.current,
+  }), N = ee(0);
+  N.current++, a("📊 RENDER INFO", {
+    renderCount: N.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: N.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: N.current.apiKey !== o,
-      serviceConfigChanged: N.current.serviceConfig !== n,
-      capabilitiesChanged: N.current.capabilities !== l
+      userChanged: S.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: S.current.apiKey !== o,
+      serviceConfigChanged: S.current.serviceConfig !== n,
+      capabilitiesChanged: S.current.capabilities !== l
     }
-  }), N.current = {
+  }), S.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
   }, X(() => {
-    const u = w.current;
+    const m = N.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: u,
+      renderCount: m,
       apiKey: !!o,
       serviceConfig: !!n,
       dependencies: {
         apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: N.current.serviceConfig === n,
-        apiKeyStable: N.current.apiKey === o
+        serviceConfigStable: S.current.serviceConfig === n,
+        apiKeyStable: S.current.apiKey === o
       }
     }), !o || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: u,
+        renderCount: m,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     a("🚀 CREATING NEW SERVICE", {
-      renderCount: u,
+      renderCount: m,
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
-      serviceConfigChanged: N.current.serviceConfig !== n
+      serviceConfigChanged: S.current.serviceConfig !== n
     });
-    const f = new xt({
+    const y = new bt({
       ...n,
       apiKey: o,
       debug: d
     });
-    return g(f), a("✅ SERVICE SET", {
-      renderCount: u,
-      serviceInstance: !!f
+    return f(y), a("✅ SERVICE SET", {
+      renderCount: m,
+      serviceInstance: !!y
     }), () => {
       a("🧹 SERVICE CLEANUP", {
-        renderCount: u,
+        renderCount: m,
         reason: "Effect cleanup"
-      }), f.disconnectUser().catch(console.error);
+      }), y.disconnectUser().catch(console.error);
     };
   }, [o, n, d, a]);
-  const _ = Q(null);
+  const w = ee(null);
   X(() => {
-    var f, E;
+    var y, b;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
@@ -112,7 +112,7 @@ const et = ft({
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((f = _.current) == null ? void 0 : f.serviceId) === c && ((E = _.current) == null ? void 0 : E.userId) === s.id) {
+    if (((y = w.current) == null ? void 0 : y.serviceId) === c && ((b = w.current) == null ? void 0 : b.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,22 +120,22 @@ const et = ft({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, v(!0), p(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, p(!0), r(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const y = await c.connectUser(s);
-        b(y), S(!0), _.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        const _ = await c.connectUser(s);
+        x(_), E(!0), w.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: y.userID
+          clientId: _.userID
         });
-      } catch (y) {
-        const D = y instanceof Error ? y.message : "Connection failed";
-        p(D), a("❌ USER CONNECTION ERROR", {
+      } catch (_) {
+        const k = _ instanceof Error ? _.message : "Connection failed";
+        r(k), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: D
+          error: k
         });
       } finally {
-        v(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        p(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: C
         });
@@ -148,12 +148,12 @@ const et = ft({
     c && C ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), _.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+    ), w.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
       isConnected: C
     });
   }), [c, C, a]);
-  const L = U(async () => {
+  const R = U(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,77 +161,77 @@ const et = ft({
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), v(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), p(!0);
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
-      const u = await c.connectUser(s);
-      b(u), S(!0), p(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
-    } catch (u) {
-      const f = u instanceof Error ? u.message : "Refresh failed";
-      p(f), a("❌ CONNECTION REFRESH ERROR", {
+      const m = await c.connectUser(s);
+      x(m), E(!0), r(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (m) {
+      const y = m instanceof Error ? m.message : "Refresh failed";
+      r(y), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: f
+        error: y
       });
     } finally {
-      v(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      p(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, a]), x = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, a]), g = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
-    hasClient: !!h,
+    hasClient: !!u,
     isConnected: C,
-    isLoading: m,
-    hasError: !!r,
+    isLoading: h,
+    hasError: !!v,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
-    client: h,
+    client: u,
     isConnected: C,
-    isLoading: m,
-    error: r,
+    isLoading: h,
+    error: v,
     capabilities: l,
-    refreshConnection: L,
+    refreshConnection: R,
     debug: d
   }), [
     c,
-    h,
+    u,
     C,
-    m,
-    r,
+    h,
+    v,
     l,
-    L,
+    R,
     d,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: w.current,
-    willRenderChat: !!(h && C),
-    contextValueReady: !!x
-  }), /* @__PURE__ */ e(et.Provider, { value: x, children: h && C ? /* @__PURE__ */ e(
-    bt,
+    renderCount: N.current,
+    willRenderChat: !!(u && C),
+    contextValueReady: !!g
+  }), /* @__PURE__ */ e(tt.Provider, { value: g, children: u && C ? /* @__PURE__ */ e(
+    Ct,
     {
-      client: h,
+      client: u,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: t
     }
   ) : t });
-}, os = () => Me();
-function ls(t) {
+}, ls = () => Me();
+function is(t) {
   const s = t.state.pending_messages;
   if (s != null && s.length)
     for (const n of s)
       t.state.addMessageSorted(n.message);
 }
-const tt = F.createContext({
+const st = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), is = tt.Provider, cs = () => F.useContext(tt), st = (t) => {
+}), cs = st.Provider, ds = () => F.useContext(st), nt = (t) => {
   var o, l;
-  const [s, n] = k(
+  const [s, n] = T(
     !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
   return X(() => {
@@ -242,27 +242,27 @@ const tt = F.createContext({
     }
     n(!!((a = t.state.membership) != null && a.pinned_at));
     const d = (c) => {
-      var g;
+      var f;
       n(
-        c != null && c.member ? !!c.member.pinned_at : !!((g = t.state.membership) != null && g.pinned_at)
+        c != null && c.member ? !!c.member.pinned_at : !!((f = t.state.membership) != null && f.pinned_at)
       );
     };
     return t.on("member.updated", d), () => {
       t.off("member.updated", d);
     };
   }, [t]), s;
-}, ds = (t, s) => {
+}, ms = (t, s) => {
   const n = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ), l = new Date(
     Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(l / (1e3 * 60 * 60 * 24));
-}, ms = (t) => {
+}, us = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const o = ds(t, s);
+  const o = ms(t, s);
   return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -272,7 +272,7 @@ const tt = F.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Ze = [
+}, Je = [
   "🍎",
   // Apple
   "🍌",
@@ -300,7 +300,7 @@ const tt = F.createContext({
   "🍈"
   // Melon
 ];
-function us(t) {
+function hs(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const o = t.charCodeAt(n);
@@ -308,11 +308,11 @@ function us(t) {
   }
   return Math.abs(s);
 }
-function hs(t) {
-  const n = us(t) % Ze.length;
-  return Ze[n];
+function fs(t) {
+  const n = hs(t) % Je.length;
+  return Je[n];
 }
-const ie = ({
+const ce = ({
   id: t,
   image: s,
   size: n = 40,
@@ -320,7 +320,7 @@ const ie = ({
   starred: l = !1,
   shape: d = "squircle"
 }) => {
-  const a = hs(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
+  const a = fs(t), f = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", u = d === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -338,10 +338,10 @@ const ie = ({
           {
             "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(Ue, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ e(Pe, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
-        /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: h, children: s ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: u, children: s ? /* @__PURE__ */ e(
           "img",
           {
             src: s,
@@ -354,7 +354,7 @@ const ie = ({
             "aria-hidden": "true",
             className: A(
               "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-              g
+              f
             ),
             children: a
           }
@@ -362,7 +362,7 @@ const ie = ({
       ]
     }
   );
-}, fs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, gs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -379,92 +379,92 @@ const ie = ({
       }
     )
   }
-), gs = (t) => {
+), xs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, xs = (t) => {
+}, bs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, Be = (t) => {
+}, Ge = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, bs = (t) => {
+}, Cs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, nt = (t) => gs(t) || xs(t), Cs = (t) => {
+}, at = (t) => xs(t) || bs(t), Ns = (t) => {
   var s;
-  return nt(t) && !((s = t.text) != null && s.trim());
-}, Re = ({
+  return at(t) && !((s = t.text) != null && s.trim());
+}, Ae = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
   var C;
-  const l = nt(t), d = Be(t);
+  const l = at(t), d = Ge(t);
   if (!l && !d)
     return null;
   if (l) {
-    const S = (C = t.metadata) == null ? void 0 : C.amount_text;
-    if (!S) return null;
-    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", v = s ? `${S} tip` : `Delivered with ${S} tip`;
-    return /* @__PURE__ */ i("div", { className: m, children: [
-      /* @__PURE__ */ e(Qt, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: v })
+    const E = (C = t.metadata) == null ? void 0 : C.amount_text;
+    if (!E) return null;
+    const h = s ? "message-tip-standalone" : "message-tag message-tag--tip", p = s ? `${E} tip` : `Delivered with ${E} tip`;
+    return /* @__PURE__ */ i("div", { className: h, children: [
+      /* @__PURE__ */ e(es, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: p })
     ] });
   }
-  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
+  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", f = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(fs, { size: a ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(he, { children: [
-    h,
-    b
+  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), x = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(gs, { size: a ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: f, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(he, { children: [
+    u,
+    x
   ] }) : /* @__PURE__ */ i(he, { children: [
-    b,
-    h
+    x,
+    u
   ] }) });
-}, at = F.memo(
+}, rt = F.memo(
   ({ channel: t, unread: s }) => {
-    var L, x, u, f;
-    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = cs(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+    var R, g, m, y;
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = ds(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
-    }, g = (E) => {
-      const y = E.key === "Enter" || E.key === " ", D = E.repeat;
-      !y || D || (E.preventDefault(), c());
-    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
-      (E) => {
-        var y, D;
-        return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
+    }, f = (b) => {
+      const _ = b.key === "Enter" || b.key === " ", k = b.repeat;
+      !_ || k || (b.preventDefault(), c());
+    }, x = Object.values(((R = t == null ? void 0 : t.state) == null ? void 0 : R.members) || {}).find(
+      (b) => {
+        var _, k;
+        return ((_ = b.user) == null ? void 0 : _.id) && b.user.id !== ((k = t == null ? void 0 : t._client) == null ? void 0 : k.userID);
       }
-    ), C = ((x = b == null ? void 0 : b.user) == null ? void 0 : x.name) || "Conversation", S = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, m = (() => {
-      var y;
-      const E = (y = t == null ? void 0 : t.state) == null ? void 0 : y.messages;
-      if (E != null && E.length) {
-        for (let D = E.length - 1; D >= 0; D--)
-          if (E[D].type !== "system") return E[D];
+    ), C = ((g = x == null ? void 0 : x.user) == null ? void 0 : g.name) || "Conversation", E = (m = x == null ? void 0 : x.user) == null ? void 0 : m.image, h = (() => {
+      var _;
+      const b = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages;
+      if (b != null && b.length) {
+        for (let k = b.length - 1; k >= 0; k--)
+          if (b[k].type !== "system") return b[k];
       }
-    })(), r = (() => {
-      var D, G;
-      if (m != null && m.text) return m.text;
-      if (((D = m == null ? void 0 : m.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const y = (G = m == null ? void 0 : m.attachments) == null ? void 0 : G[0];
-      return y ? y.og_scrape_url ? y.og_scrape_url : y.type === "image" ? "📷 Sent an image" : y.type === "video" ? "🎥 Sent a video" : y.type === "audio" ? "🎵 Sent audio" : y.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), p = m != null && m.created_at ? ms(new Date(m.created_at)) : "", M = m ? Be(m) : !1, N = d ? d(m, r) : `${M ? "✨ " : ""}${r}`, w = st(t), _ = s ?? 0;
+    })(), v = (() => {
+      var k, Y;
+      if (h != null && h.text) return h.text;
+      if (((k = h == null ? void 0 : h.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      const _ = (Y = h == null ? void 0 : h.attachments) == null ? void 0 : Y[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";
+    })(), r = h != null && h.created_at ? us(new Date(h.created_at)) : "", M = h ? Ge(h) : !1, S = d ? d(h, v) : `${M ? "✨ " : ""}${v}`, N = nt(t), w = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
       participantName: C,
-      unreadCount: _,
-      hasTimestamp: !!p
+      unreadCount: w,
+      hasTimestamp: !!r
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: g,
+        onKeyDown: f,
         className: A(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
@@ -474,13 +474,13 @@ const ie = ({
         ),
         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            ie,
+            ce,
             {
-              id: ((f = b == null ? void 0 : b.user) == null ? void 0 : f.id) || t.id || "unknown",
+              id: ((y = x == null ? void 0 : x.user) == null ? void 0 : y.id) || t.id || "unknown",
               name: C,
-              image: S,
+              image: E,
               size: 44,
-              starred: w,
+              starred: N,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -494,16 +494,16 @@ const ie = ({
                     a ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    w && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    N && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
                     C
                   ]
                 }
               ),
-              p && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: p })
+              r && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: r })
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: N }),
-              _ > 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: _ > 99 ? "99+" : _ })
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: S }),
+              w > 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: w > 99 ? "99+" : w })
             ] })
           ] })
         ] })
@@ -511,8 +511,8 @@ const ie = ({
     );
   }
 );
-at.displayName = "CustomChannelPreview";
-const Ns = { last_message_at: -1 }, rt = F.memo(
+rt.displayName = "CustomChannelPreview";
+const ys = { last_message_at: -1 }, ot = F.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
@@ -521,44 +521,44 @@ const Ns = { last_message_at: -1 }, rt = F.memo(
     onMessageNew: l,
     onAddedToChannel: d,
     channelRenderFilterFn: a,
-    sort: c = Ns,
-    className: g,
-    customEmptyStateIndicator: h,
-    renderMessagePreview: b
+    sort: c = ys,
+    className: f,
+    customEmptyStateIndicator: u,
+    renderMessagePreview: x
   }) => {
     const C = F.useRef(0);
     C.current++;
-    const { debug: S = !1 } = Me(), m = F.useCallback(
-      (r) => {
-        for (const p of r)
-          ls(p);
-        return a ? a(r) : r;
+    const { debug: E = !1 } = Me(), h = F.useCallback(
+      (v) => {
+        for (const r of v)
+          is(r);
+        return a ? a(v) : v;
       },
       [a]
     );
-    S && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    E && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: C.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const v = F.useMemo(
+    const p = F.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: S,
-        renderMessagePreview: b
+        debug: E,
+        renderMessagePreview: x
       }),
-      [s, t, S, b]
+      [s, t, E, x]
     );
     return /* @__PURE__ */ e(
       "div",
       {
         className: A(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          g
+          f
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(is, { value: v, children: /* @__PURE__ */ e(
-          Ct,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(cs, { value: p, children: /* @__PURE__ */ e(
+          Nt,
           {
             filters: n,
             sort: c,
@@ -566,9 +566,9 @@ const Ns = { last_message_at: -1 }, rt = F.memo(
             allowNewMessagesFromUnfilteredChannels: o,
             onMessageNew: l,
             onAddedToChannel: d,
-            channelRenderFilterFn: m,
-            Preview: at,
-            EmptyStateIndicator: h
+            channelRenderFilterFn: h,
+            Preview: rt,
+            EmptyStateIndicator: u
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
         ) }) })
@@ -576,8 +576,8 @@ const Ns = { last_message_at: -1 }, rt = F.memo(
     );
   }
 );
-rt.displayName = "ChannelList";
-const we = ({
+ot.displayName = "ChannelList";
+const _e = ({
   variant: t = "default",
   className: s,
   children: n,
@@ -595,7 +595,7 @@ const we = ({
     children: n
   }
 );
-function ot({ label: t, className: s, children: n, ...o }) {
+function lt({ label: t, className: s, children: n, ...o }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -616,8 +616,8 @@ function ot({ label: t, className: s, children: n, ...o }) {
     }
   );
 }
-function lt({ onClick: t }) {
-  return /* @__PURE__ */ e(ot, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function it({ onClick: t }) {
+  return /* @__PURE__ */ e(lt, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Be, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const ps = ({
   dialogRef: t,
@@ -628,80 +628,80 @@ const ps = ({
   onLeaveConversation: d,
   onBlockParticipant: a,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: g,
-  onBlockParticipantClick: h,
-  onReportParticipantClick: b,
+  onDeleteConversationClick: f,
+  onBlockParticipantClick: u,
+  onReportParticipantClick: x,
   customProfileContent: C,
-  customChannelActions: S
+  customChannelActions: E
 }) => {
-  var Z, J, P, V, z, ce, de;
-  const { service: m, debug: v } = Me(), [r, p] = k(!1), [M, N] = k(!1), [w, _] = k(!1), L = U(async () => {
-    var R;
-    if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
+  var te, Z, J, P, W, z, de;
+  const { service: h, debug: p } = Me(), [v, r] = T(!1), [M, S] = T(!1), [N, w] = T(!1), R = U(async () => {
+    var O;
+    if (!(!h || !((O = n == null ? void 0 : n.user) != null && O.id)))
       try {
-        const Y = (await m.getBlockedUsers()).some(
-          (W) => {
-            var ne;
-            return W.blocked_user_id === ((ne = n == null ? void 0 : n.user) == null ? void 0 : ne.id);
+        const H = (await h.getBlockedUsers()).some(
+          (K) => {
+            var se;
+            return K.blocked_user_id === ((se = n == null ? void 0 : n.user) == null ? void 0 : se.id);
           }
         );
-        p(Y);
-      } catch (O) {
+        r(H);
+      } catch (L) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          O
+          L
         );
       }
-  }, [m, (Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id]);
+  }, [h, (te = n == null ? void 0 : n.user) == null ? void 0 : te.id]);
   X(() => {
-    L();
-  }, [L]);
-  const x = async () => {
-    var R;
+    R();
+  }, [R]);
+  const g = async () => {
+    var O;
     if (!M) {
-      g == null || g(), v && console.log("[ChannelInfoDialog] Leave conversation", o.cid), N(!0);
+      f == null || f(), p && console.log("[ChannelInfoDialog] Leave conversation", o.cid), S(!0);
       try {
-        const O = ((R = o._client) == null ? void 0 : R.userID) ?? null;
-        await o.hide(O, !1), d && await d(o), s();
-      } catch (O) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", O);
+        const L = ((O = o._client) == null ? void 0 : O.userID) ?? null;
+        await o.hide(L, !1), d && await d(o), s();
+      } catch (L) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", L);
       } finally {
-        N(!1);
+        S(!1);
       }
     }
-  }, u = async () => {
-    var R, O, Y;
-    if (!(w || !m)) {
-      h == null || h(), v && console.log("[ChannelInfoDialog] Block member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
+  }, m = async () => {
+    var O, L, H;
+    if (!(N || !h)) {
+      u == null || u(), p && console.log("[ChannelInfoDialog] Block member", (O = n == null ? void 0 : n.user) == null ? void 0 : O.id), w(!0);
       try {
-        await m.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
-      } catch (W) {
-        console.error("[ChannelInfoDialog] Failed to block member", W);
+        await h.blockUser((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), a && await a((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
+      } catch (K) {
+        console.error("[ChannelInfoDialog] Failed to block member", K);
       } finally {
-        _(!1);
+        w(!1);
       }
     }
-  }, f = async () => {
-    var R, O, Y;
-    if (!(w || !m)) {
-      h == null || h(), v && console.log("[ChannelInfoDialog] Unblock member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
+  }, y = async () => {
+    var O, L, H;
+    if (!(N || !h)) {
+      u == null || u(), p && console.log("[ChannelInfoDialog] Unblock member", (O = n == null ? void 0 : n.user) == null ? void 0 : O.id), w(!0);
       try {
-        await m.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
-      } catch (W) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", W);
+        await h.unBlockUser((L = n == null ? void 0 : n.user) == null ? void 0 : L.id), a && await a((H = n == null ? void 0 : n.user) == null ? void 0 : H.id), s();
+      } catch (K) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", K);
       } finally {
-        _(!1);
+        w(!1);
       }
     }
-  }, E = () => {
-    b == null || b(), s(), window.open(
+  }, b = () => {
+    x == null || x(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!n) return null;
-  const y = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ce = n.user) == null ? void 0 : ce.username, j = G || (T ? `linktr.ee/${T}` : void 0), se = ((de = n.user) == null ? void 0 : de.id) || "unknown";
+  const _ = ((Z = n.user) == null ? void 0 : Z.name) || ((J = n.user) == null ? void 0 : J.id) || "Unknown member", k = (P = n.user) == null ? void 0 : P.image, Y = (W = n.user) == null ? void 0 : W.email, G = (z = n.user) == null ? void 0 : z.username, D = Y || (G ? `linktr.ee/${G}` : void 0), j = ((de = n.user) == null ? void 0 : de.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -710,13 +710,13 @@ const ps = ({
         ref: t,
         className: "mes-dialog group",
         onClose: s,
-        onClick: (R) => {
-          R.target === t.current && s();
+        onClick: (O) => {
+          O.target === t.current && s();
         },
         children: /* @__PURE__ */ i("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ e(lt, { onClick: s })
+            /* @__PURE__ */ e(it, { onClick: s })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
@@ -726,18 +726,18 @@ const ps = ({
                 style: { backgroundColor: "#FBFAF9" },
                 children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
-                    ie,
+                    ce,
                     {
-                      id: se,
-                      name: y,
-                      image: D,
+                      id: j,
+                      name: _,
+                      image: k,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: y }),
-                    j && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: j }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: _ }),
+                    D && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: D }),
                     l && !C && /* @__PURE__ */ e(
                       "span",
                       {
@@ -759,65 +759,65 @@ const ps = ({
             ),
             /* @__PURE__ */ i("ul", { className: "flex flex-col gap-2 mt-2", children: [
               c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
-                we,
+                _e,
                 {
-                  onClick: x,
+                  onClick: g,
                   disabled: M,
                   "aria-busy": M,
                   children: [
-                    M ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(es, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: r ? /* @__PURE__ */ i(
-                we,
+              /* @__PURE__ */ e("li", { children: v ? /* @__PURE__ */ i(
+                _e,
                 {
-                  onClick: f,
-                  disabled: w,
-                  "aria-busy": w,
+                  onClick: y,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ i(
-                we,
+                _e,
                 {
-                  onClick: u,
-                  disabled: w,
-                  "aria-busy": w,
+                  onClick: m,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: E, children: [
-                /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(_e, { variant: "danger", onClick: b, children: [
+                /* @__PURE__ */ e(ss, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              S
+              E
             ] })
           ] })
         ] })
       }
     )
   );
-}, ys = (t) => /* @__PURE__ */ e(Nt, { ...t, position: "center" }), Pe = "vote_up", Fe = "vote_down";
-function vs(t) {
-  return t != null && t.length ? t.some((s) => s.type === Fe) ? "down" : t.some((s) => s.type === Pe) ? "up" : null : null;
-}
+}, vs = (t) => /* @__PURE__ */ e(yt, { ...t, position: "center" }), Fe = "vote_up", Oe = "vote_down";
 function ws(t) {
-  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), o = Le(
-    () => vs(t.own_reactions),
+  return t != null && t.length ? t.some((s) => s.type === Oe) ? "down" : t.some((s) => s.type === Fe) ? "up" : null : null;
+}
+function _s(t) {
+  const { channel: s } = ke(), { client: n } = Qe("useMessageVote"), o = Ue(
+    () => ws(t.own_reactions),
     [t.own_reactions]
   ), l = U(async () => {
     if (n != null && n.userID)
       try {
-        o === "up" ? await s.deleteReaction(t.id, Pe) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
           t.id,
-          { type: Pe },
+          { type: Fe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -825,9 +825,9 @@ function ws(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, o]), d = U(async () => {
     if (n != null && n.userID)
       try {
-        o === "down" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, Oe) : await s.sendReaction(
           t.id,
-          { type: Fe },
+          { type: Oe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -835,13 +835,13 @@ function ws(t) {
   }, [s, n == null ? void 0 : n.userID, t.id, o]);
   return { selected: o, voteUp: l, voteDown: d };
 }
-const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => import("./Visitor-C9HSYm3D.js")), Je = () => /* @__PURE__ */ e(
+const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => import("./Visitor-DyJTWB2_.js")), Xe = () => /* @__PURE__ */ e(
   "div",
   {
-    className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0px_0px_0px_1px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04)]",
+    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
   }
-), Ss = (t) => t.onUnlock != null || t.onDownload != null ? /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(Es, { ...t }) }) : /* @__PURE__ */ e($e, { fallback: /* @__PURE__ */ e(Je, {}), children: /* @__PURE__ */ e(_s, { ...t }) }), Is = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+), Is = (t) => t.onUnlockClick != null || t.onDownloadClick != null || t.onUnlocked != null ? /* @__PURE__ */ e(ze, { fallback: /* @__PURE__ */ e(Xe, {}), children: /* @__PURE__ */ e(Ss, { ...t }) }) : /* @__PURE__ */ e(ze, { fallback: /* @__PURE__ */ e(Xe, {}), children: /* @__PURE__ */ e(Es, { ...t }) }), ks = ({ 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",
@@ -861,7 +861,7 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), ks = ({
+) }), Ts = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -874,7 +874,7 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(Is, { filled: t === "up" })
+      children: /* @__PURE__ */ e(ks, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -888,91 +888,92 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
       children: /* @__PURE__ */ e(Ms, { filled: t === "down" })
     }
   )
-] }), Ts = (t) => {
-  var ge, xe, be, le, K, Ce, Ne, pe;
+] }), Ds = (t) => {
+  var ge, be, Ce, ie, Q, Ne, ye, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
-    onAttachmentUnlock: o,
-    onAttachmentDownload: l,
-    editing: d,
-    endOfGroup: a,
-    firstOfGroup: c,
-    groupedByUser: g,
-    handleAction: h,
-    handleOpenThread: b,
-    handleRetry: C,
-    highlighted: S,
-    isMessageAIGenerated: m,
+    onAttachmentUnlockClick: o,
+    onAttachmentDownloadClick: l,
+    onAttachmentUnlocked: d,
+    editing: a,
+    endOfGroup: c,
+    firstOfGroup: f,
+    groupedByUser: u,
+    handleAction: x,
+    handleOpenThread: C,
+    handleRetry: E,
+    highlighted: h,
+    isMessageAIGenerated: p,
     isMyMessage: v,
     message: r,
-    renderText: p,
-    threadList: M
-  } = t, { client: N } = Ke("CustomMessage"), { channel: w } = Ie("CustomMessage"), [_, L] = k(!1), x = yt(r.id), { selected: u, voteUp: f, voteDown: E } = ws(r), {
-    Attachment: y = wt,
-    EditMessageModal: D = _t,
-    MessageBlocked: G = Et,
-    MessageBouncePrompt: T = St,
-    MessageDeleted: j = It,
-    MessageIsThreadReplyInChannelButtonIndicator: se = Mt,
-    MessageRepliesCountButton: Z = kt,
-    ReminderNotification: J = Tt,
-    StreamedMessageText: P = Dt,
-    PinIndicator: V
-  } = vt("CustomMessage"), z = Rt(r), ce = At(r), de = Le(
-    () => m == null ? void 0 : m(r),
-    [m, r]
-  ), R = Le(
+    renderText: M,
+    threadList: S
+  } = t, { client: N } = Qe("CustomMessage"), { channel: w } = ke("CustomMessage"), [R, g] = T(!1), m = vt(r.id), { selected: y, voteUp: b, voteDown: _ } = _s(r), {
+    Attachment: k = _t,
+    EditMessageModal: Y = Et,
+    MessageBlocked: G = St,
+    MessageBouncePrompt: D = It,
+    MessageDeleted: j = kt,
+    MessageIsThreadReplyInChannelButtonIndicator: te = Mt,
+    MessageRepliesCountButton: Z = Tt,
+    ReminderNotification: J = Dt,
+    StreamedMessageText: P = Rt,
+    PinIndicator: W
+  } = wt("CustomMessage"), z = At(r), de = Lt(r), O = Ue(
+    () => p == null ? void 0 : p(r),
+    [p, r]
+  ), L = Ue(
     () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
     [r]
   );
-  if (Lt(r))
+  if (Ut(r))
     return null;
   if (r.deleted_at || r.type === "deleted")
     return /* @__PURE__ */ e(j, { message: r });
-  if (Ut(r))
+  if (Pt(r))
     return /* @__PURE__ */ e(G, {});
-  const O = !M && !!r.reply_count, Y = !M && r.show_in_channel && r.parent_id, W = r.status === "failed" && ((ge = r.error) == null ? void 0 : ge.status) !== 403, ne = Pt(r);
-  let ee;
-  W ? ee = () => C(r) : ne && (ee = () => L(!0));
-  const ae = v(), Ge = A(
+  const H = !S && !!r.reply_count, K = !S && r.show_in_channel && r.parent_id, se = r.status === "failed" && ((ge = r.error) == null ? void 0 : ge.status) !== 403, xe = Ft(r);
+  let ne;
+  se ? ne = () => E(r) : xe && (ne = () => g(!0));
+  const re = v(), je = A(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${r.type}`,
     `str-chat__message--${r.status}`,
-    ae ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    re ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     r.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": z,
-      "str-chat__message--highlighted": S,
+      "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": r.pinned,
-      "str-chat__message--with-reactions": ce,
-      "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((xe = r == null ? void 0 : r.error) == null ? void 0 : xe.status) !== 403,
-      "str-chat__message-with-thread-link": O || Y,
-      "str-chat__virtual-message__wrapper--end": a,
-      "str-chat__virtual-message__wrapper--first": c,
-      "str-chat__virtual-message__wrapper--group": g
+      "str-chat__message--with-reactions": de,
+      "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((be = r == null ? void 0 : r.error) == null ? void 0 : be.status) !== 403,
+      "str-chat__message-with-thread-link": H || K,
+      "str-chat__virtual-message__wrapper--end": c,
+      "str-chat__virtual-message__wrapper--first": f,
+      "str-chat__virtual-message__wrapper--group": u
     }
-  ), q = r.poll_id && N.polls.fromState(r.poll_id), me = Cs(r), re = Be(r), oe = bs(r), te = !!(R != null && R.length && !r.quoted_message), fe = re && ae && te;
+  ), q = r.poll_id && N.polls.fromState(r.poll_id), me = Ns(r), oe = Ge(r), le = Cs(r), ae = !!(L != null && L.length && !r.quoted_message), fe = oe && re && ae;
   return /* @__PURE__ */ i(he, { children: [
-    d && /* @__PURE__ */ e(
-      D,
+    a && /* @__PURE__ */ e(
+      Y,
       {
         additionalMessageInputProps: s
       }
     ),
-    _ && /* @__PURE__ */ e(
-      Ft,
+    R && /* @__PURE__ */ e(
+      Ot,
       {
-        MessageBouncePrompt: T,
-        onClose: () => L(!1),
-        open: _
+        MessageBouncePrompt: D,
+        onClose: () => g(!1),
+        open: R
       }
     ),
-    /* @__PURE__ */ i("div", { className: Ge, children: [
-      V && /* @__PURE__ */ e(V, {}),
-      !!x && /* @__PURE__ */ e(J, { reminder: x }),
+    /* @__PURE__ */ i("div", { className: je, children: [
+      W && /* @__PURE__ */ e(W, {}),
+      !!m && /* @__PURE__ */ e(J, { reminder: m }),
       r.user && /* @__PURE__ */ e(
-        ie,
+        ce,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: r.user.id,
@@ -984,104 +985,105 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
         "div",
         {
           className: A("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": W || ne
+            "str-chat__simple-message--error-failed": se || xe
           }),
           "data-testid": "message-inner",
-          onClick: ee,
-          onKeyDown: ee,
-          role: ee ? "button" : void 0,
-          tabIndex: ee ? 0 : void 0,
+          onClick: ne,
+          onKeyDown: ne,
+          role: ne ? "button" : void 0,
+          tabIndex: ne ? 0 : void 0,
           style: {
             // Force margins to 0 to prevent hover layout shift
             // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: oe ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", ae ? "items-end" : "items-start"), children: [
+          children: le ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", re ? "items-end" : "items-start"), children: [
             /* @__PURE__ */ e(
-              Ss,
+              Is,
               {
-                title: (be = r.metadata) == null ? void 0 : be.attachment_title,
-                mimeType: (le = r.metadata) == null ? void 0 : le.attachment_mime_type,
-                thumbnail: (K = r.metadata) == null ? void 0 : K.attachment_thumbnail,
-                amountText: (Ce = r.metadata) == null ? void 0 : Ce.amount_text,
-                detail: (Ne = r.metadata) == null ? void 0 : Ne.attachment_detail,
+                title: (Ce = r.metadata) == null ? void 0 : Ce.attachment_title,
+                mimeType: ((ie = r.metadata) == null ? void 0 : ie.attachment_mime_type) ?? "application/octet-stream",
+                thumbnailUrl: (Q = r.metadata) == null ? void 0 : Q.attachment_thumbnail,
+                amountText: (Ne = r.metadata) == null ? void 0 : Ne.amount_text,
+                detail: (ye = r.metadata) == null ? void 0 : ye.attachment_detail,
                 paymentStatus: (pe = r.metadata) == null ? void 0 : pe.payment_status,
-                onUnlock: o ? () => o(r, w) : void 0,
-                onDownload: l ? () => l(r, w) : void 0
+                onUnlockClick: o ? () => o(r, w) : void 0,
+                onDownloadClick: l ? () => l(r, w) : void 0,
+                onUnlocked: d ? () => d(r, w) : void 0
               }
             ),
-            r.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: r, renderText: p }) }) })
+            r.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(He, { message: r, renderText: M }) }) })
           ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Re, { message: r, standalone: !0 })
+            /* @__PURE__ */ e(Ae, { message: r, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
-              re && !fe && /* @__PURE__ */ e(
-                Re,
+              oe && !fe && /* @__PURE__ */ e(
+                Ae,
                 {
                   message: r,
-                  hasAttachment: te,
-                  isMyMessage: ae
+                  hasAttachment: ae,
+                  isMyMessage: re
                 }
               ),
-              q && /* @__PURE__ */ e(Ot, { poll: q }),
-              R != null && R.length && !r.quoted_message ? /* @__PURE__ */ e(
-                y,
+              q && /* @__PURE__ */ e(Bt, { poll: q }),
+              L != null && L.length && !r.quoted_message ? /* @__PURE__ */ e(
+                k,
                 {
-                  actionHandler: h,
-                  attachments: R
+                  actionHandler: x,
+                  attachments: L
                 }
               ) : null,
-              de ? /* @__PURE__ */ e(
+              O ? /* @__PURE__ */ e(
                 P,
                 {
                   message: r,
-                  renderText: p
+                  renderText: M
                 }
-              ) : /* @__PURE__ */ e(ze, { message: r, renderText: p }),
-              /* @__PURE__ */ e(Bt, {})
+              ) : /* @__PURE__ */ e(He, { message: r, renderText: M }),
+              /* @__PURE__ */ e(Gt, {})
             ] }),
-            (!re || fe) && /* @__PURE__ */ e(
-              Re,
+            (!oe || fe) && /* @__PURE__ */ e(
+              Ae,
               {
                 message: r,
-                hasAttachment: te,
-                isMyMessage: ae
+                hasAttachment: ae,
+                isMyMessage: re
               }
             ),
-            n && re && /* @__PURE__ */ e(
-              ks,
+            n && oe && /* @__PURE__ */ e(
+              Ts,
               {
-                selected: u,
-                onVoteUp: f,
-                onVoteDown: E
+                selected: y,
+                onVoteUp: b,
+                onVoteDown: _
               }
             )
           ] })
         }
       ),
-      O && /* @__PURE__ */ e(
+      H && /* @__PURE__ */ e(
         Z,
         {
-          onClick: b,
+          onClick: C,
           reply_count: r.reply_count
         }
       ),
-      Y && /* @__PURE__ */ e(se, {})
+      K && /* @__PURE__ */ e(te, {})
     ] }, r.id)
   ] });
-}, Ds = F.memo(
-  Ts,
-  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlock !== s.onAttachmentUnlock || t.onAttachmentDownload !== s.onAttachmentDownload ? !1 : pt(t, s)
-), Rs = (t) => {
-  const s = Qe("CustomMessage");
-  return /* @__PURE__ */ e(Ds, { ...s, ...t });
-}, As = (t) => ({
+}, Rs = F.memo(
+  Ds,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled || t.onAttachmentUnlockClick !== s.onAttachmentUnlockClick || t.onAttachmentDownloadClick !== s.onAttachmentDownloadClick || t.onAttachmentUnlocked !== s.onAttachmentUnlocked ? !1 : pt(t, s)
+), As = (t) => {
+  const s = et("CustomMessage");
+  return /* @__PURE__ */ e(Rs, { ...s, ...t });
+}, Ls = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => qe.previewIsLoaded(s) || qe.previewIsLoading(s)
+    (s) => Ze.previewIsLoaded(s) || Ze.previewIsLoading(s)
   )
-}), Ls = ({
+}), Us = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1111,7 +1113,7 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
             },
             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(Oe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(Be, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
@@ -1121,32 +1123,32 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
       ]
     }
   );
-}, Us = () => {
-  const { linkPreviewsManager: t } = Gt(), { linkPreviews: s } = jt(
+}, Ps = () => {
+  const { linkPreviewsManager: t } = jt(), { linkPreviews: s } = $t(
     t.state,
-    As
+    Ls
   ), n = (l) => {
     t.dismissPreview(l);
   };
   return s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: s.map((l) => /* @__PURE__ */ e(
-    Ls,
+    Us,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, Ps = () => {
-  const { handleSubmit: t } = zt(), s = Ht();
+}, Fs = () => {
+  const { handleSubmit: t } = Ht(), s = Vt();
   return /* @__PURE__ */ i(he, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Vt, {}) }),
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Yt, {}) }),
     /* @__PURE__ */ i("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-      /* @__PURE__ */ e(Yt, {}),
-      /* @__PURE__ */ e(Us, {}),
       /* @__PURE__ */ e(Wt, {}),
+      /* @__PURE__ */ e(Ps, {}),
+      /* @__PURE__ */ e(qt, {}),
       /* @__PURE__ */ i("div", { className: "flex", children: [
         /* @__PURE__ */ e("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ e(
-          qt,
+          Zt,
           {
             className: "w-full resize-none outline-none leading-6",
             autoFocus: !0,
@@ -1162,72 +1164,72 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
             disabled: !s,
             onClick: t,
             type: "button",
-            children: /* @__PURE__ */ e(ss, { className: "size-4" })
+            children: /* @__PURE__ */ e(ns, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
-}, Fs = ({
+}, Os = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e($t, { Input: Ps })
-] }), Os = [
+  /* @__PURE__ */ e(zt, { Input: Fs })
+] }), Bs = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Bs = {
+], Gs = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Gs = [
+}, js = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], js = {
+], $s = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Ae = "age safety guidelines.", $s = "https://linktr.ee/s/about/contact", Xe = (t) => Os.includes(t), zs = (t) => Gs.includes(t), Hs = (t) => {
+}, Le = "age safety guidelines.", zs = "https://linktr.ee/s/about/contact", Ke = (t) => Bs.includes(t), Hs = (t) => js.includes(t), Vs = (t) => {
   var o;
   const s = (o = t.metadata) == null ? void 0 : o.custom_type;
-  if (Xe(s))
+  if (Ke(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (zs(s))
+  if (Hs(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (Xe(n))
+  if (Ke(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Vs = (t) => {
-  const s = t.indexOf(Ae);
+}, Ys = (t) => {
+  const s = t.indexOf(Le);
   if (s === -1)
     return t;
-  const n = s + Ae.length;
+  const n = s + Le.length;
   return /* @__PURE__ */ i(he, { children: [
     t.slice(0, s),
     /* @__PURE__ */ e(
       "a",
       {
-        href: $s,
+        href: zs,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Ae
+        children: Le
       }
     ),
     t.slice(n)
   ] });
-}, Ys = (t) => {
+}, Ws = (t) => {
   var o, l;
-  const s = t.message.hide_date === !0, n = Hs(
+  const s = t.message.hide_date === !0, n = Vs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || Bs[n.type];
+    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || Gs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1237,7 +1239,7 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              ns,
+              as,
               {
                 size: 16,
                 weight: "regular",
@@ -1249,11 +1251,11 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(De, { message: t.message })
+      !s && /* @__PURE__ */ e(Re, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || js[n.type];
+    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || $s[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1263,7 +1265,7 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              as,
+              rs,
               {
                 size: 24,
                 weight: "duotone",
@@ -1272,11 +1274,11 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
                 "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: Vs(d) }) })
+            /* @__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: Ys(d) }) })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(De, { message: t.message })
+      !s && /* @__PURE__ */ e(Re, { message: t.message })
     ] });
   }
   return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1285,9 +1287,9 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(De, { message: t.message })
+    !s && /* @__PURE__ */ e(Re, { message: t.message })
   ] });
-}, Ws = () => null, qs = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, qs = () => null, Zs = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: A("flex items-center justify-center h-full", t),
@@ -1330,31 +1332,31 @@ const _s = F.lazy(() => import("./Creator-77XnrIxc.js")), Es = F.lazy(() => impo
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), Se = F.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ e(qs, { className: "w-6 h-6" }),
+), Ie = F.memo(() => /* @__PURE__ */ e("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ e(Zs, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Se.displayName = "LoadingState";
-const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Zs = ({
+Ie.displayName = "LoadingState";
+const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Js = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var C, S, m, v, r;
-  const { channel: d } = Ie(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
+  var C, E, h, p, v;
+  const { channel: d } = ke(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
     (M) => {
-      var N;
-      return ((N = M.user) == null ? void 0 : N.id) && M.user.id !== d._client.userID;
+      var S;
+      return ((S = M.user) == null ? void 0 : S.id) && M.user.id !== d._client.userID;
     }
-  ), [d._client.userID, d.state.members]), c = ((C = a == null ? void 0 : a.user) == null ? void 0 : C.name) || ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || "Unknown member", g = (m = a == null ? void 0 : a.user) == null ? void 0 : m.image, h = st(d), b = async () => {
+  ), [d._client.userID, d.state.members]), c = ((C = a == null ? void 0 : a.user) == null ? void 0 : C.name) || ((E = a == null ? void 0 : a.user) == null ? void 0 : E.id) || "Unknown member", f = (h = a == null ? void 0 : a.user) == null ? void 0 : h.image, u = nt(d), x = async () => {
     try {
-      h ? await d.unpin() : await d.pin();
-    } catch (p) {
+      u ? await d.unpin() : await d.pin();
+    } catch (r) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        p
+        r
       );
     }
   };
@@ -1368,17 +1370,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          ie,
+          ce,
           {
-            id: ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) || d.id || "unknown",
+            id: ((p = a == null ? void 0 : a.user) == null ? void 0 : p.id) || d.id || "unknown",
             name: c,
-            image: g,
-            starred: l && h,
+            image: f,
+            starred: l && u,
             size: 40
           }
         ),
@@ -1389,17 +1391,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: ue,
-            onClick: b,
+            onClick: x,
             type: "button",
-            "aria-label": h ? "Unstar conversation" : "Star conversation",
+            "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Ue,
+              Pe,
               {
                 className: A("size-5", {
-                  "text-yellow-600": h,
-                  "text-black/90": !h
+                  "text-yellow-600": u,
+                  "text-black/90": !u
                 }),
-                weight: h ? "duotone" : "regular"
+                weight: u ? "duotone" : "regular"
               }
             )
           }
@@ -1411,7 +1413,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(We, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1425,16 +1427,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: t,
             className: ue,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(Ve, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
-          ie,
+          ce,
           {
-            id: ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || d.id || "unknown",
+            id: ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) || d.id || "unknown",
             name: c,
-            image: g,
-            starred: l && h,
+            image: f,
+            starred: l && u,
             size: 40
           }
         ),
@@ -1445,17 +1447,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: ue,
-            onClick: b,
+            onClick: x,
             type: "button",
-            "aria-label": h ? "Unstar conversation" : "Star conversation",
+            "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Ue,
+              Pe,
               {
                 className: A("size-5", {
-                  "text-yellow-600": h,
-                  "text-black/90": !h
+                  "text-yellow-600": u,
+                  "text-black/90": !u
                 }),
-                weight: h ? "duotone" : "regular"
+                weight: u ? "duotone" : "regular"
               }
             )
           }
@@ -1467,13 +1469,13 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(We, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Js = ({
+}, Xs = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
@@ -1482,67 +1484,69 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBlockParticipant: d,
   showDeleteConversation: a = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: g,
-  onReportParticipantClick: h,
-  showStarButton: b = !1,
+  onBlockParticipantClick: f,
+  onReportParticipantClick: u,
+  showStarButton: x = !1,
   chatbotVotingEnabled: C = !1,
-  onAttachmentUnlock: S,
-  onAttachmentDownload: m,
+  onAttachmentUnlockClick: E,
+  onAttachmentDownloadClick: h,
+  onAttachmentUnlocked: p,
   renderChannelBanner: v,
   customProfileContent: r,
-  customChannelActions: p,
-  renderMessage: M
+  customChannelActions: M,
+  renderMessage: S
 }) => {
-  const { channel: N } = Ie(), w = Q(null), _ = F.useMemo(() => Object.values(N.state.members || {}).find(
-    (E) => {
-      var y;
-      return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== N._client.userID;
+  const { channel: N } = ke(), w = ee(null), R = F.useMemo(() => Object.values(N.state.members || {}).find(
+    (_) => {
+      var k;
+      return ((k = _.user) == null ? void 0 : k.id) && _.user.id !== N._client.userID;
     }
-  ), [N._client.userID, N.state.members]), L = F.useMemo(() => {
-    const f = N.data ?? {};
-    if (f.followerStatus)
-      return String(f.followerStatus);
-    if (f.isFollower !== void 0)
-      return f.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [N.data]), x = U(() => {
-    var f;
-    (f = w.current) == null || f.showModal();
-  }, []), u = U(() => {
-    var f;
-    (f = w.current) == null || f.close();
+  ), [N._client.userID, N.state.members]), g = F.useMemo(() => {
+    const b = N.data ?? {};
+    if (b.followerStatus)
+      return String(b.followerStatus);
+    if (b.isFollower !== void 0)
+      return b.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [N.data]), m = U(() => {
+    var b;
+    (b = w.current) == null || b.showModal();
+  }, []), y = U(() => {
+    var b;
+    (b = w.current) == null || b.close();
   }, []);
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e(
-      Jt,
+      Xt,
       {
         overrides: {
-          Message: (f) => {
-            const { message: E } = Qe("ChannelView"), y = /* @__PURE__ */ e(
-              Rs,
+          Message: (b) => {
+            const { message: _ } = et("ChannelView"), k = /* @__PURE__ */ e(
+              As,
               {
-                ...f,
+                ...b,
                 chatbotVotingEnabled: C,
-                onAttachmentUnlock: S,
-                onAttachmentDownload: m
+                onAttachmentUnlockClick: E,
+                onAttachmentDownloadClick: h,
+                onAttachmentUnlocked: p
               }
             );
-            return !M || !E ? y : M(y, E);
+            return !S || !_ ? k : S(k, _);
           }
         },
-        children: /* @__PURE__ */ i(Xt, { children: [
+        children: /* @__PURE__ */ i(Kt, { children: [
           /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            Zs,
+            Js,
             {
               onBack: t,
               showBackButton: s,
-              onShowInfo: x,
-              canShowInfo: !!_,
-              showStarButton: b
+              onShowInfo: m,
+              canShowInfo: !!R,
+              showStarButton: x
             }
           ) }),
           v == null ? void 0 : v(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-            Kt,
+            Qt,
             {
               hideDeletedMessages: !0,
               hideNewMessageSeparator: !1,
@@ -1551,7 +1555,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ) }),
           o == null ? void 0 : o(N),
           /* @__PURE__ */ e(
-            Fs,
+            Os,
             {
               renderActions: () => n == null ? void 0 : n(N)
             }
@@ -1563,22 +1567,22 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ps,
       {
         dialogRef: w,
-        onClose: u,
-        participant: _,
+        onClose: y,
+        participant: R,
         channel: N,
-        followerStatusLabel: L,
+        followerStatusLabel: g,
         onLeaveConversation: l,
         onBlockParticipant: d,
         showDeleteConversation: a,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: g,
-        onReportParticipantClick: h,
+        onBlockParticipantClick: f,
+        onReportParticipantClick: u,
         customProfileContent: r,
-        customChannelActions: p
+        customChannelActions: M
       }
     )
   ] });
-}, it = F.memo(
+}, ct = F.memo(
   ({
     channel: t,
     onBack: s,
@@ -1588,42 +1592,43 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: d,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Ws,
-    showDeleteConversation: h = !0,
-    onDeleteConversationClick: b,
+    CustomChannelEmptyState: f = qs,
+    showDeleteConversation: u = !0,
+    onDeleteConversationClick: x,
     onBlockParticipantClick: C,
-    onReportParticipantClick: S,
-    dmAgentEnabled: m,
-    messageMetadata: v,
-    onMessageSent: r,
-    showStarButton: p = !1,
+    onReportParticipantClick: E,
+    dmAgentEnabled: h,
+    messageMetadata: p,
+    onMessageSent: v,
+    showStarButton: r = !1,
     chatbotVotingEnabled: M = !1,
-    onAttachmentUnlock: N,
-    onAttachmentDownload: w,
-    renderChannelBanner: _,
-    customProfileContent: L,
-    customChannelActions: x,
-    renderMessage: u
+    onAttachmentUnlockClick: S,
+    onAttachmentDownloadClick: N,
+    onAttachmentUnlocked: w,
+    renderChannelBanner: R,
+    customProfileContent: g,
+    customChannelActions: m,
+    renderMessage: y
   }) => {
-    const f = U(
-      async (E, y, D) => {
+    const b = U(
+      async (_, k, Y) => {
         var J;
-        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, T = m && !G, j = {
-          ...y,
-          ...T && { silent: !0 },
-          ...v && {
+        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, D = h && !G, j = {
+          ...k,
+          ...D && { silent: !0 },
+          ...p && {
             metadata: {
-              ...y.metadata ?? {},
-              ...v
+              ...k.metadata ?? {},
+              ...p
             }
           }
-        }, se = {
-          ...D,
-          ...T && { skip_push: !0 }
-        }, Z = await t.sendMessage(j, se);
-        return r == null || r(Z), Z;
+        }, te = {
+          ...Y,
+          ...D && { skip_push: !0 }
+        }, Z = await t.sendMessage(j, te);
+        return v == null || v(Z), Z;
       },
-      [t, m, v, r]
+      [t, h, p, v]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1633,16 +1638,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           c
         ),
         children: /* @__PURE__ */ e(
-          Zt,
+          Jt,
           {
             channel: t,
-            MessageSystem: Ys,
-            EmptyStateIndicator: g,
-            LoadingIndicator: Se,
-            DateSeparator: ys,
-            doSendMessageRequest: f,
+            MessageSystem: Ws,
+            EmptyStateIndicator: f,
+            LoadingIndicator: Ie,
+            DateSeparator: vs,
+            doSendMessageRequest: b,
             children: /* @__PURE__ */ e(
-              Js,
+              Xs,
               {
                 onBack: s,
                 showBackButton: n,
@@ -1650,19 +1655,20 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 renderConversationFooter: l,
                 onLeaveConversation: d,
                 onBlockParticipant: a,
-                CustomChannelEmptyState: g,
-                showDeleteConversation: h,
-                onDeleteConversationClick: b,
+                CustomChannelEmptyState: f,
+                showDeleteConversation: u,
+                onDeleteConversationClick: x,
                 onBlockParticipantClick: C,
-                onReportParticipantClick: S,
-                showStarButton: p,
+                onReportParticipantClick: E,
+                showStarButton: r,
                 chatbotVotingEnabled: M,
-                onAttachmentUnlock: N,
-                onAttachmentDownload: w,
-                renderChannelBanner: _,
-                customProfileContent: L,
-                customChannelActions: x,
-                renderMessage: u
+                onAttachmentUnlockClick: S,
+                onAttachmentDownloadClick: N,
+                onAttachmentUnlocked: w,
+                renderChannelBanner: R,
+                customProfileContent: g,
+                customChannelActions: m,
+                renderMessage: y
               }
             )
           }
@@ -1671,16 +1677,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-it.displayName = "ChannelView";
-function Xs({
+ct.displayName = "ChannelView";
+function Ks({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const o = Q(null);
+  const o = ee(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      rs,
+      os,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1698,7 +1704,7 @@ function Xs({
       }
     ),
     t && /* @__PURE__ */ e(
-      ot,
+      lt,
       {
         label: "Clear search",
         onClick: () => {
@@ -1706,12 +1712,12 @@ function Xs({
           s(""), (l = o.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
-        children: /* @__PURE__ */ e(Oe, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(Be, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const Ks = ({
+const Qs = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
@@ -1720,11 +1726,11 @@ const Ks = ({
   searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [S, m] = k(!1), [v, r] = k(null), [p, M] = k(
+  const { debug: c } = Me(), [f, u] = T(""), [x, C] = T([]), [E, h] = T(!1), [p, v] = T(null), [r, M] = T(
     null
-  ), N = Q(!1);
+  ), S = ee(!1);
   X(() => {
-    N.current = !1;
+    S.current = !1;
   }, [t]), X(() => {
     if (t.loading) {
       c && console.log(
@@ -1732,125 +1738,125 @@ const Ks = ({
       );
       return;
     }
-    if (N.current) return;
+    if (S.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), r(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), h(!0), v(null);
       try {
-        const u = await t.loadParticipants({
+        const m = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        C(u.participants), N.current = !0, c && console.log(
+        C(m.participants), S.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          u.participants.length
+          m.participants.length
         );
-      } catch (u) {
-        const f = u instanceof Error ? u.message : "Failed to load participants";
-        r(f), console.error("[ParticipantPicker] Failed to load participants:", u);
+      } catch (m) {
+        const y = m instanceof Error ? m.message : "Failed to load participants";
+        v(y), console.error("[ParticipantPicker] Failed to load participants:", m);
       } finally {
-        m(!1);
+        h(!1);
       }
     })();
   }, [t, c]);
-  const w = b.filter((x) => !o.has(x.id)).filter((x) => {
-    var f;
-    if (!g) return !0;
-    const u = g.toLowerCase();
-    return x.name.toLowerCase().includes(u) || ((f = x.email) == null ? void 0 : f.toLowerCase().includes(u)) || !1;
-  }), _ = U(
-    async (x) => {
-      if (!p) {
-        M(x.id);
+  const N = x.filter((g) => !o.has(g.id)).filter((g) => {
+    var y;
+    if (!f) return !0;
+    const m = f.toLowerCase();
+    return g.name.toLowerCase().includes(m) || ((y = g.email) == null ? void 0 : y.toLowerCase().includes(m)) || !1;
+  }), w = U(
+    async (g) => {
+      if (!r) {
+        M(g.id);
         try {
-          await s(x);
-        } catch (u) {
-          console.error("[ParticipantPicker] Failed to start chat:", u), M(null);
+          await s(g);
+        } catch (m) {
+          console.error("[ParticipantPicker] Failed to start chat:", m), M(null);
         }
       }
     },
-    [s, p]
-  ), L = (x, u) => {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), _(u));
+    [s, r]
+  ), R = (g, m) => {
+    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), w(m));
   };
   return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
-        /* @__PURE__ */ e(lt, { onClick: n })
+        /* @__PURE__ */ e(it, { onClick: n })
       ] }),
       /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        w.length,
+        N.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Xs,
+        Ks,
         {
-          searchQuery: g,
-          setSearchQuery: h,
+          searchQuery: f,
+          setSearchQuery: u,
           placeholder: d
         }
       )
     ] }),
-    v && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    p && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      v
+      p
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: S && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: E && N.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
       /* @__PURE__ */ i("span", { className: "text-sm text-stone", children: [
         "Loading ",
         l,
         "..."
       ] })
-    ] }) }) : w.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
-      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(We, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: g ? "Try a different search term" : b.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
+    ] }) }) : N.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(qe, { className: "h-8 w-8 text-charcoal" }) }),
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: f ? `No ${l} found` : x.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: f ? "Try a different search term" : x.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      w.map((x) => {
-        const u = x.name || x.email || x.id, f = x.email && x.name ? x.email : x.phone;
+      N.map((g) => {
+        const m = g.name || g.email || g.id, y = g.email && g.name ? g.email : g.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => _(x),
-            onKeyDown: (E) => L(E, x),
+            onClick: () => w(g),
+            onKeyDown: (b) => R(b, g),
             className: "w-full px-4 py-3 hover:bg-sand transition-colors border-b border-sand text-left focus-ring",
             children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center space-x-3 flex-1 min-w-0", children: [
                 /* @__PURE__ */ e(
-                  ie,
+                  ce,
                   {
-                    id: x.id,
-                    name: u,
-                    image: x.image,
+                    id: g.id,
+                    name: m,
+                    image: g.image,
                     size: 40
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: u }),
-                  f && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: f })
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: m }),
+                  y && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: y })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === x.id ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: r === g.id ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(qe, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, x.id);
+        ) }, g.id);
       }),
-      S && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, Qs = ({ className: t }) => /* @__PURE__ */ i(
+}, en = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1984,17 +1990,17 @@ const Ks = ({
       ] })
     ]
   }
-), ct = F.memo(
+), dt = F.memo(
   ({ hasChannels: t, channelsLoaded: s }) => /* @__PURE__ */ e("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ e(Qs, {}),
+    /* @__PURE__ */ e(en, {}),
     s && !t && /* @__PURE__ */ i("div", { className: "mt-8", children: [
       /* @__PURE__ */ e("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ e("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-ct.displayName = "EmptyState";
-const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
+dt.displayName = "EmptyState";
+const Se = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ i("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ e("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ e("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ e("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ e("p", { className: "text-stone text-sm mb-6", children: t }),
@@ -2008,8 +2014,8 @@ const Ee = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
     }
   )
 ] }) }));
-Ee.displayName = "ErrorState";
-const dn = ({
+Se.displayName = "ErrorState";
+const mn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
@@ -2018,41 +2024,42 @@ const dn = ({
   onParticipantSelect: d,
   initialParticipantFilter: a,
   initialParticipantData: c,
-  CustomChannelEmptyState: g,
-  showChannelList: h = !0,
-  filters: b,
+  CustomChannelEmptyState: f,
+  showChannelList: u = !0,
+  filters: x,
   channelRenderFilterFn: C,
-  channelListCustomEmptyStateIndicator: S,
-  onDeleteConversationClick: m,
-  onBlockParticipantClick: v,
-  onReportParticipantClick: r,
-  dmAgentEnabled: p,
+  channelListCustomEmptyStateIndicator: E,
+  onDeleteConversationClick: h,
+  onBlockParticipantClick: p,
+  onReportParticipantClick: v,
+  dmAgentEnabled: r,
   messageMetadata: M,
-  onMessageSent: N,
-  showStarButton: w = !1,
-  chatbotVotingEnabled: _ = !1,
-  renderMessagePreview: L,
-  renderChannelBanner: x,
-  customProfileContent: u,
-  customChannelActions: f,
-  renderMessage: E,
-  onAttachmentUnlock: y,
-  onAttachmentDownload: D
+  onMessageSent: S,
+  showStarButton: N = !1,
+  chatbotVotingEnabled: w = !1,
+  renderMessagePreview: R,
+  renderChannelBanner: g,
+  customProfileContent: m,
+  customChannelActions: y,
+  renderMessage: b,
+  onAttachmentUnlockClick: _,
+  onAttachmentDownloadClick: k,
+  onAttachmentUnlocked: Y
 }) => {
   const {
     service: G,
-    client: T,
+    client: D,
     isConnected: j,
-    isLoading: se,
+    isLoading: te,
     error: Z,
     refreshConnection: J,
     debug: P
-  } = os(), [V, z] = k(null), [ce, de] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [ae, Ge] = k(0), [q, me] = k(!1), [re, oe] = k(null), te = Q(null), {
+  } = ls(), [W, z] = T(null), [de, O] = T(!1), [L, H] = T(!1), [K, se] = T(!1), [xe, ne] = T(/* @__PURE__ */ new Set()), [re, je] = T(0), [q, me] = T(!1), [oe, le] = T(null), ae = ee(null), {
     participantSource: fe,
     participantLabel: ge = "participants",
-    showDeleteConversation: xe = !0
-  } = t, be = F.useMemo(() => {
-    const I = T == null ? void 0 : T.userID;
+    showDeleteConversation: be = !0
+  } = t, Ce = F.useMemo(() => {
+    const I = D == null ? void 0 : D.userID;
     return {
       ...{
         type: "messaging",
@@ -2062,15 +2069,15 @@ const dn = ({
           hidden: !1
         }
       },
-      ...b
+      ...x
     };
-  }, [b, T == null ? void 0 : T.userID]), le = Q(null), K = U(async () => {
-    if (!T || !j) return;
-    const I = T.userID;
+  }, [x, D == null ? void 0 : D.userID]), ie = ee(null), Q = U(async () => {
+    if (!D || !j) return;
+    const I = D.userID;
     if (I)
       try {
         P && console.log("[MessagingShell] Syncing channels for user:", I);
-        const H = await T.queryChannels(
+        const V = await D.queryChannels(
           {
             type: "messaging",
             members: { $in: [I] }
@@ -2078,45 +2085,45 @@ const dn = ({
           {},
           { limit: 100 }
         ), B = /* @__PURE__ */ new Set();
-        H.forEach(($) => {
-          const ke = $.state.members;
-          Object.values(ke).forEach((ht) => {
-            var je;
-            const Te = (je = ht.user) == null ? void 0 : je.id;
-            Te && Te !== I && B.add(Te);
+        V.forEach(($) => {
+          const Te = $.state.members;
+          Object.values(Te).forEach((ft) => {
+            var $e;
+            const De = ($e = ft.user) == null ? void 0 : $e.id;
+            De && De !== I && B.add(De);
           });
-        }), ee(($) => $.size === B.size && [...$].every((ke) => B.has(ke)) ? $ : B), de(H.length > 0), O(!0), le.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
-          channelCount: H.length,
+        }), ne(($) => $.size === B.size && [...$].every((Te) => B.has(Te)) ? $ : B), O(V.length > 0), H(!0), ie.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: V.length,
           memberCount: B.size
         });
-      } catch (H) {
-        console.error("[MessagingShell] Failed to sync channels:", H);
+      } catch (V) {
+        console.error("[MessagingShell] Failed to sync channels:", V);
       }
-  }, [T, j, P]);
+  }, [D, j, P]);
   X(() => {
-    if (!T || !j) return;
-    const I = T.userID;
-    I && le.current !== I && K();
-  }, [T, j, K]), X(() => {
-    if (!a || !T || !j) return;
+    if (!D || !j) return;
+    const I = D.userID;
+    I && ie.current !== I && Q();
+  }, [D, j, Q]), X(() => {
+    if (!a || !D || !j) return;
     (async () => {
-      const H = T.userID;
-      if (H)
+      const V = D.userID;
+      if (V)
         try {
           P && console.log(
             "[MessagingShell] Loading initial conversation with:",
             a
           );
-          const B = await T.queryChannels(
+          const B = await D.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [H, a] }
+              members: { $eq: [V, a] }
             },
             {},
             { limit: 1 }
           );
           if (B.length > 0)
-            z(B[0]), me(!0), oe(null), l && l(B[0]), P && console.log(
+            z(B[0]), me(!0), le(null), l && l(B[0]), P && console.log(
               "[MessagingShell] Initial conversation loaded:",
               B[0].id
             );
@@ -2132,7 +2139,7 @@ const dn = ({
                 email: c.email,
                 phone: c.phone
               });
-              z($), me(!0), oe(null), l && l($), P && console.log(
+              z($), me(!0), le(null), l && l($), P && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 $.id
               );
@@ -2140,10 +2147,10 @@ const dn = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 $
-              ), oe("Failed to create conversation");
+              ), le("Failed to create conversation");
             }
           } else
-            oe(
+            le(
               "No conversation found with this account"
             ), P && console.log(
               "[MessagingShell] No conversation found for:",
@@ -2153,28 +2160,28 @@ const dn = ({
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             B
-          ), oe("Failed to load conversation");
+          ), le("Failed to load conversation");
         }
     })();
   }, [
     a,
     c,
-    T,
+    D,
     j,
     G,
     P,
     l
   ]);
-  const Ce = U(
+  const Ne = U(
     (I) => {
       z(I), l == null || l(I);
     },
     [l]
-  ), Ne = U(() => {
+  ), ye = U(() => {
     q || z(null);
   }, [q]), pe = U(
     async (I) => {
-      var H;
+      var V;
       if (G)
         try {
           P && console.log(
@@ -2192,38 +2199,38 @@ const dn = ({
           } catch ($) {
             console.warn("[MessagingShell] Failed to unhide channel:", $);
           }
-          z(B), W(!1), (H = te.current) == null || H.close(), d == null || d(I);
+          z(B), se(!1), (V = ae.current) == null || V.close(), d == null || d(I);
         } catch (B) {
           console.error("[MessagingShell] Failed to start conversation:", B);
         }
     },
     [G, d, P]
-  ), ye = U(() => {
+  ), ve = U(() => {
     var I;
-    W(!1), (I = te.current) == null || I.close();
-  }, []), dt = U(
+    se(!1), (I = ae.current) == null || I.close();
+  }, []), mt = U(
     (I) => {
-      I.target === te.current && ye();
+      I.target === ae.current && ve();
     },
-    [ye]
-  ), mt = U(
+    [ve]
+  ), ut = U(
     async (I) => {
-      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), le.current = null, await K();
+      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), ie.current = null, await Q();
     },
-    [K, P]
-  ), ut = U(
+    [Q, P]
+  ), ht = U(
     async (I) => {
-      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), le.current = null, await K();
+      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), ie.current = null, await Q();
     },
-    [K, P]
-  ), ve = !!V;
-  return se ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !j || !T ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
-    Ee,
+    [Q, P]
+  ), we = !!W;
+  return te ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, {}) }) : Z ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: Z, onBack: J }) }) : !j || !D ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
+    Se,
     {
       message: "Not connected to messaging service",
       onBack: J
     }
-  ) }) : re ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: re }) }) : /* @__PURE__ */ i(
+  ) }) : oe ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: oe }) }) : /* @__PURE__ */ i(
     "div",
     {
       className: A(
@@ -2238,22 +2245,22 @@ const dn = ({
               className: A(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": h === !1 || q,
+                  "!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": h !== !1 && !q && ve,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !q && we,
                   // 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": h !== !1 && !q && !ve
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": u !== !1 && !q && !we
                 }
               ),
               children: /* @__PURE__ */ e(
-                rt,
+                ot,
                 {
-                  onChannelSelect: Ce,
-                  selectedChannel: V || void 0,
-                  filters: be,
+                  onChannelSelect: Ne,
+                  selectedChannel: W || void 0,
+                  filters: Ce,
                   channelRenderFilterFn: C,
-                  customEmptyStateIndicator: S,
-                  renderMessagePreview: L
+                  customEmptyStateIndicator: E,
+                  renderMessagePreview: R
                 }
               )
             }
@@ -2265,47 +2272,48 @@ const dn = ({
                 "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 || ve || a,
+                  flex: q || we || a,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !q && !ve && !a
+                  "hidden lg:flex": !q && !we && !a
                 }
               ),
-              children: V ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                it,
+              children: W ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
+                ct,
                 {
-                  channel: V,
-                  onBack: Ne,
+                  channel: W,
+                  onBack: ye,
                   showBackButton: !q,
                   renderMessageInputActions: n,
                   renderConversationFooter: o,
-                  renderChannelBanner: x,
-                  onLeaveConversation: mt,
-                  onBlockParticipant: ut,
-                  CustomChannelEmptyState: g,
-                  showDeleteConversation: xe,
-                  onDeleteConversationClick: m,
-                  onBlockParticipantClick: v,
-                  onReportParticipantClick: r,
-                  dmAgentEnabled: p,
+                  renderChannelBanner: g,
+                  onLeaveConversation: ut,
+                  onBlockParticipant: ht,
+                  CustomChannelEmptyState: f,
+                  showDeleteConversation: be,
+                  onDeleteConversationClick: h,
+                  onBlockParticipantClick: p,
+                  onReportParticipantClick: v,
+                  dmAgentEnabled: r,
                   messageMetadata: M,
-                  onMessageSent: N,
-                  showStarButton: w,
-                  chatbotVotingEnabled: _,
-                  customProfileContent: u,
-                  customChannelActions: f,
-                  renderMessage: E,
-                  onAttachmentUnlock: y,
-                  onAttachmentDownload: D
+                  onMessageSent: S,
+                  showStarButton: N,
+                  chatbotVotingEnabled: w,
+                  customProfileContent: m,
+                  customChannelActions: y,
+                  renderMessage: b,
+                  onAttachmentUnlockClick: _,
+                  onAttachmentDownloadClick: k,
+                  onAttachmentUnlocked: Y
                 },
-                V.id
+                W.id
               ) }) : a ? (
                 // Show loading while creating/loading direct conversation channel
-                /* @__PURE__ */ e(Se, {})
+                /* @__PURE__ */ e(Ie, {})
               ) : /* @__PURE__ */ e(
-                ct,
+                dt,
                 {
-                  hasChannels: ce,
-                  channelsLoaded: R
+                  hasChannels: de,
+                  channelsLoaded: L
                 }
               )
             }
@@ -2315,28 +2323,28 @@ const dn = ({
         /* @__PURE__ */ e(
           "dialog",
           {
-            ref: te,
+            ref: ae,
             className: "mes-dialog",
-            onClick: dt,
-            onClose: ye,
+            onClick: mt,
+            onClose: ve,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Ks,
+              Qs,
               {
                 participantSource: fe,
                 onSelectParticipant: pe,
-                onClose: ye,
-                existingParticipantIds: ne,
+                onClose: ve,
+                existingParticipantIds: xe,
                 participantLabel: ge,
                 searchPlaceholder: `Search ${ge}...`
               },
-              ae
+              re
             ) })
           }
         )
       ]
     }
   );
-}, en = ({
+}, tn = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2358,7 +2366,7 @@ const dn = ({
     ),
     children: t
   }
-), mn = ({
+), un = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
@@ -2367,10 +2375,10 @@ const dn = ({
   avatarImage: d,
   avatarName: a
 }) => {
-  const c = t.filter((g) => g.enabled).sort((g, h) => (g.order ?? 0) - (h.order ?? 0));
+  const c = t.filter((f) => f.enabled).sort((f, u) => (f.order ?? 0) - (u.order ?? 0));
   return c.length === 0 ? null : /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ i("div", { className: "flex gap-3 items-end", children: [
     (d || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
-      ie,
+      ce,
       {
         id: a || "account",
         name: a || "Account",
@@ -2386,76 +2394,76 @@ const dn = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
-          c.map((g) => /* @__PURE__ */ e(
-            en,
+          c.map((f) => /* @__PURE__ */ e(
+            tn,
             {
-              question: g.question,
-              onClick: () => s(g.id),
-              loading: n === g.id
+              question: f.question,
+              onClick: () => s(f.id),
+              loading: n === f.id
             },
-            g.id
+            f.id
           ))
         ]
       }
     )
   ] }) });
-}, un = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [S, m] = k(!0), [v, r] = k(), p = U(async (_ = !1, L) => {
+}, hn = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = T([]), [a, c] = T(!1), [f, u] = T(null), [x, C] = T(n), [E, h] = T(!0), [p, v] = T(), r = U(async (w = !1, R) => {
     if (a) return;
-    const x = L !== void 0 ? L : b;
-    c(!0), h(null);
+    const g = R !== void 0 ? R : x;
+    c(!0), u(null);
     try {
-      const u = await t.loadParticipants({
-        search: x || void 0,
+      const m = await t.loadParticipants({
+        search: g || void 0,
         limit: o,
-        cursor: _ ? void 0 : v
+        cursor: w ? void 0 : p
       });
       d(
-        (f) => _ ? u.participants : [...f, ...u.participants]
-      ), m(u.hasMore), r(u.nextCursor);
-    } catch (u) {
-      const f = u instanceof Error ? u.message : "Failed to load participants";
-      h(f), console.error("[useParticipants] Load error:", u);
+        (y) => w ? m.participants : [...y, ...m.participants]
+      ), h(m.hasMore), v(m.nextCursor);
+    } catch (m) {
+      const y = m instanceof Error ? m.message : "Failed to load participants";
+      u(y), console.error("[useParticipants] Load error:", m);
     } finally {
       c(!1);
     }
-  }, [t, b, v, o, a]), M = U(() => {
-    S && !a && p(!1);
-  }, [S, a, p]), N = U((_) => {
-    C(_), r(void 0), p(!0, _);
-  }, [p]), w = U(() => {
-    r(void 0), p(!0);
-  }, [p]);
+  }, [t, x, p, o, a]), M = U(() => {
+    E && !a && r(!1);
+  }, [E, a, r]), S = U((w) => {
+    C(w), v(void 0), r(!0, w);
+  }, [r]), N = U(() => {
+    v(void 0), r(!0);
+  }, [r]);
   return X(() => {
-    p(!0);
+    r(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
-    error: g,
-    searchQuery: b,
-    hasMore: S,
+    error: f,
+    searchQuery: x,
+    hasMore: E,
     totalCount: t.totalCount,
     loadMore: M,
-    search: N,
-    refresh: w
+    search: S,
+    refresh: N
   };
 };
 export {
-  we as ActionButton,
-  ie as Avatar,
-  Ws as ChannelEmptyState,
-  rt as ChannelList,
-  it as ChannelView,
-  mn as FaqList,
-  en as FaqListItem,
-  Ss as LockedAttachment,
-  ks as MessageVoteButtons,
-  cn as MessagingProvider,
-  dn as MessagingShell,
-  Ks as ParticipantPicker,
-  ms as formatRelativeTime,
-  ws as useMessageVote,
-  os as useMessaging,
-  un as useParticipants
+  _e as ActionButton,
+  ce as Avatar,
+  qs as ChannelEmptyState,
+  ot as ChannelList,
+  ct as ChannelView,
+  un as FaqList,
+  tn as FaqListItem,
+  Is as LockedAttachment,
+  Ts as MessageVoteButtons,
+  dn as MessagingProvider,
+  mn as MessagingShell,
+  Qs as ParticipantPicker,
+  us as formatRelativeTime,
+  _s as useMessageVote,
+  ls as useMessaging,
+  hn as useParticipants
 };
 //# sourceMappingURL=index.js.map