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

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as ge } from "react/jsx-runtime";
 import A from "classnames";
-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({
+import U, { createContext as Ke, useContext as Qe, useCallback as R, useState as T, useRef as Q, useEffect as Z, useMemo as Ue, Suspense as et } from "react";
+import { StreamChatService as xt } from "@linktr.ee/messaging-core";
+import { Chat as bt, ChannelList as Ct, DateSeparator as pt, useChannelStateContext as Me, useChatContext as tt, areMessageUIPropsEqual as Nt, 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 Pt, isMessageBounced as Ut, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as st, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Vt, SimpleAttachmentSelector as Ht, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as Ae, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
+import { StarIcon as Fe, GiftIcon as Qt, XIcon as Ge, SpinnerGapIcon as Ee, SignOutIcon as es, ProhibitInsetIcon as Ve, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as He, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
+import { LinkPreviewsManager as qe } from "stream-chat";
+const nt = Ke({
   service: null,
   client: null,
   isConnected: !1,
@@ -15,199 +15,199 @@ const tt = gt({
   refreshConnection: async () => {
   },
   debug: !1
-}), Me = () => xt(tt), dn = ({
+}), ke = () => Qe(nt), hn = ({
   children: t,
   user: s,
   serviceConfig: n,
   apiKey: o,
   capabilities: l = {},
-  debug: d = !1
+  debug: m = !1
 }) => {
-  const a = U(
-    (m, ...y) => {
-      d && console.log(`🔥 [MessagingProvider] ${m}`, ...y);
+  const r = R(
+    (d, ...C) => {
+      m && console.log(`🔥 [MessagingProvider] ${d}`, ...C);
     },
-    [d]
+    [m]
   );
-  a("🔄 RENDER START", {
+  r("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
     apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  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({
+  const [c, h] = T(null), [u, b] = T(null), [g, v] = T(!1), [a, w] = T(!1), [N, x] = T(null), M = Q(!1), k = Q({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), N = ee(0);
-  N.current++, a("📊 RENDER INFO", {
-    renderCount: N.current,
+  }), S = Q(0);
+  S.current++, r("📊 RENDER INFO", {
+    renderCount: S.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
-      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
+      userChanged: k.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: k.current.apiKey !== o,
+      serviceConfigChanged: k.current.serviceConfig !== n,
+      capabilitiesChanged: k.current.capabilities !== l
     }
-  }), S.current = {
+  }), k.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }, X(() => {
-    const m = N.current;
-    if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: m,
+  }, Z(() => {
+    const d = S.current;
+    if (r("🔧 SERVICE INIT EFFECT TRIGGERED", {
+      renderCount: d,
       apiKey: !!o,
       serviceConfig: !!n,
       dependencies: {
         apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: S.current.serviceConfig === n,
-        apiKeyStable: S.current.apiKey === o
+        serviceConfigStable: k.current.serviceConfig === n,
+        apiKeyStable: k.current.apiKey === o
       }
     }), !o || !n) {
-      a("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: m,
+      r("⚠️ SERVICE INIT SKIPPED", {
+        renderCount: d,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
-    a("🚀 CREATING NEW SERVICE", {
-      renderCount: m,
+    r("🚀 CREATING NEW SERVICE", {
+      renderCount: d,
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
-      serviceConfigChanged: S.current.serviceConfig !== n
+      serviceConfigChanged: k.current.serviceConfig !== n
     });
-    const y = new bt({
+    const C = new xt({
       ...n,
       apiKey: o,
-      debug: d
+      debug: m
     });
-    return f(y), a("✅ SERVICE SET", {
-      renderCount: m,
-      serviceInstance: !!y
+    return h(C), r("✅ SERVICE SET", {
+      renderCount: d,
+      serviceInstance: !!C
     }), () => {
-      a("🧹 SERVICE CLEANUP", {
-        renderCount: m,
+      r("🧹 SERVICE CLEANUP", {
+        renderCount: d,
         reason: "Effect cleanup"
-      }), y.disconnectUser().catch(console.error);
+      }), C.disconnectUser().catch(console.error);
     };
-  }, [o, n, d, a]);
-  const w = ee(null);
-  X(() => {
-    var y, b;
-    if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
+  }, [o, n, m, r]);
+  const I = Q(null);
+  Z(() => {
+    var C, _;
+    if (r("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
       isConnecting: M.current,
-      isConnected: C,
+      isConnected: g,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
-      a("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
+      r("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
     if (M.current) {
-      a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
+      r("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((y = w.current) == null ? void 0 : y.serviceId) === c && ((b = w.current) == null ? void 0 : b.userId) === s.id) {
-      a(
+    if (((C = I.current) == null ? void 0 : C.serviceId) === c && ((_ = I.current) == null ? void 0 : _.userId) === s.id) {
+      r(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
       );
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, p(!0), r(null);
+      r("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, w(!0), x(null);
       try {
-        a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const _ = await c.connectUser(s);
-        x(_), E(!0), w.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        r("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
+        const y = await c.connectUser(s);
+        b(y), v(!0), I.current = { serviceId: c, userId: s.id }, r("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: _.userID
+          clientId: y.userID
         });
-      } catch (_) {
-        const k = _ instanceof Error ? _.message : "Connection failed";
-        r(k), a("❌ USER CONNECTION ERROR", {
+      } catch (y) {
+        const p = y instanceof Error ? y.message : "Connection failed";
+        x(p), r("❌ USER CONNECTION ERROR", {
           userId: s.id,
-          error: k
+          error: p
         });
       } finally {
-        p(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        w(!1), M.current = !1, r("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: C
+          isConnected: g
         });
       }
     })();
-  }, [c, s, a, C]), X(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, r, g]), Z(() => (r("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: C
+    isConnected: g
   }), () => {
-    c && C ? (a(
+    c && g ? (r(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), w.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+    ), I.current = null, c.disconnectUser().catch(console.error)) : r("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: C
+      isConnected: g
     });
-  }), [c, C, a]);
-  const R = U(async () => {
-    if (a("🔄 REFRESH CONNECTION CALLED", {
+  }), [c, g, r]);
+  const D = R(async () => {
+    if (r("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
     }), !c || !s) {
-      a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
+      r("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), p(!0);
+    r("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), w(!0);
     try {
-      a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
-      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", {
+      r("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), r("📞 RECONNECTING FOR REFRESH");
+      const d = await c.connectUser(s);
+      b(d), v(!0), x(null), r("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+    } catch (d) {
+      const C = d instanceof Error ? d.message : "Refresh failed";
+      x(C), r("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: y
+        error: C
       });
     } finally {
-      p(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      w(!1), r("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, a]), g = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, r]), f = U.useMemo(() => (r("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!u,
-    isConnected: C,
-    isLoading: h,
-    hasError: !!v,
+    isConnected: g,
+    isLoading: a,
+    hasError: !!N,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
     client: u,
-    isConnected: C,
-    isLoading: h,
-    error: v,
+    isConnected: g,
+    isLoading: a,
+    error: N,
     capabilities: l,
-    refreshConnection: R,
-    debug: d
+    refreshConnection: D,
+    debug: m
   }), [
     c,
     u,
-    C,
-    h,
-    v,
+    g,
+    a,
+    N,
     l,
-    R,
-    d,
-    a
+    D,
+    m,
+    r
   ]);
-  return a("🔄 RENDER END", {
-    renderCount: N.current,
-    willRenderChat: !!(u && C),
-    contextValueReady: !!g
-  }), /* @__PURE__ */ e(tt.Provider, { value: g, children: u && C ? /* @__PURE__ */ e(
-    Ct,
+  return r("🔄 RENDER END", {
+    renderCount: S.current,
+    willRenderChat: !!(u && g),
+    contextValueReady: !!f
+  }), /* @__PURE__ */ e(nt.Provider, { value: f, children: u && g ? /* @__PURE__ */ e(
+    bt,
     {
       client: u,
       customClasses: {
@@ -216,53 +216,53 @@ const tt = gt({
       children: t
     }
   ) : t });
-}, ls = () => Me();
-function is(t) {
+}, os = () => ke();
+function ls(t) {
   const s = t.state.pending_messages;
   if (s != null && s.length)
     for (const n of s)
       t.state.addMessageSorted(n.message);
 }
-const st = F.createContext({
+const at = U.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), cs = st.Provider, ds = () => F.useContext(st), nt = (t) => {
+}), is = at.Provider, cs = () => U.useContext(at), rt = (t) => {
   var o, l;
   const [s, n] = T(
     !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
-  return X(() => {
-    var a;
+  return Z(() => {
+    var r;
     if (!t) {
       n(!1);
       return;
     }
-    n(!!((a = t.state.membership) != null && a.pinned_at));
-    const d = (c) => {
-      var f;
+    n(!!((r = t.state.membership) != null && r.pinned_at));
+    const m = (c) => {
+      var h;
       n(
-        c != null && c.member ? !!c.member.pinned_at : !!((f = t.state.membership) != null && f.pinned_at)
+        c != null && c.member ? !!c.member.pinned_at : !!((h = t.state.membership) != null && h.pinned_at)
       );
     };
-    return t.on("member.updated", d), () => {
-      t.off("member.updated", d);
+    return t.on("member.updated", m), () => {
+      t.off("member.updated", m);
     };
   }, [t]), s;
-}, ms = (t, s) => {
+}, ds = (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));
-}, us = (t) => {
+}, ms = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const o = ms(t, s);
+  const o = ds(t, s);
   return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -272,7 +272,7 @@ const st = F.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Je = [
+}, Ze = [
   "🍎",
   // Apple
   "🍌",
@@ -300,7 +300,7 @@ const st = F.createContext({
   "🍈"
   // Melon
 ];
-function hs(t) {
+function us(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
     const o = t.charCodeAt(n);
@@ -308,9 +308,9 @@ function hs(t) {
   }
   return Math.abs(s);
 }
-function fs(t) {
-  const n = hs(t) % Je.length;
-  return Je[n];
+function hs(t) {
+  const n = us(t) % Ze.length;
+  return Ze[n];
 }
 const ce = ({
   id: t,
@@ -318,9 +318,9 @@ const ce = ({
   size: n = 40,
   className: o,
   starred: l = !1,
-  shape: d = "squircle"
+  shape: m = "squircle"
 }) => {
-  const a = fs(t), f = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", u = d === "circle" ? { borderRadius: "50%" } : {
+  const r = hs(t), h = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", u = m === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -338,7 +338,7 @@ const ce = ({
           {
             "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(Pe, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ e(Fe, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ e("div", { className: "h-full w-full overflow-hidden", style: u, children: s ? /* @__PURE__ */ e(
@@ -354,15 +354,15 @@ const ce = ({
             "aria-hidden": "true",
             className: A(
               "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
-              f
+              h
             ),
-            children: a
+            children: r
           }
         ) })
       ]
     }
   );
-}, gs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, fs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -379,108 +379,108 @@ const ce = ({
       }
     )
   }
-), xs = (t) => {
+), gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, bs = (t) => {
+}, xs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
-}, Ge = (t) => {
+}, $e = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, Cs = (t) => {
+}, bs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, at = (t) => xs(t) || bs(t), Ns = (t) => {
+}, ot = (t) => gs(t) || xs(t), Cs = (t) => {
   var s;
-  return at(t) && !((s = t.text) != null && s.trim());
-}, Ae = ({
+  return ot(t) && !((s = t.text) != null && s.trim());
+}, Le = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
-  var C;
-  const l = at(t), d = Ge(t);
-  if (!l && !d)
+  var g;
+  const l = ot(t), m = $e(t);
+  if (!l && !m)
     return null;
   if (l) {
-    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 v = (g = t.metadata) == null ? void 0 : g.amount_text;
+    if (!v) return null;
+    const a = s ? "message-tip-standalone" : "message-tag message-tag--tip", w = s ? `${v} tip` : `Delivered with ${v} tip`;
+    return /* @__PURE__ */ i("div", { className: a, children: [
+      /* @__PURE__ */ e(Qt, { size: s ? 14 : 12 }),
+      /* @__PURE__ */ e("span", { children: w })
     ] });
   }
-  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", f = [
+  const r = n && o, c = r ? "Sent with AI" : "Sent with DM Agent", h = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
-    a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].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: [
+    r ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
+  ].join(" "), u = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(fs, { size: r ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: h, "data-testid": "message-chatbot-indicator", children: n && !r ? /* @__PURE__ */ i(ge, { children: [
     u,
-    x
-  ] }) : /* @__PURE__ */ i(he, { children: [
-    x,
+    b
+  ] }) : /* @__PURE__ */ i(ge, { children: [
+    b,
     u
   ] }) });
-}, rt = F.memo(
+}, lt = U.memo(
   ({ channel: t, unread: s }) => {
-    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 = () => {
+    var D, f, d, C;
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: m } = cs(), r = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
-    }, 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);
+    }, h = (_) => {
+      const y = _.key === "Enter" || _.key === " ", p = _.repeat;
+      !y || p || (_.preventDefault(), c());
+    }, b = Object.values(((D = t == null ? void 0 : t.state) == null ? void 0 : D.members) || {}).find(
+      (_) => {
+        var y, p;
+        return ((y = _.user) == null ? void 0 : y.id) && _.user.id !== ((p = t == null ? void 0 : t._client) == null ? void 0 : p.userID);
       }
-    ), 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];
+    ), g = ((f = b == null ? void 0 : b.user) == null ? void 0 : f.name) || "Conversation", v = (d = b == null ? void 0 : b.user) == null ? void 0 : d.image, a = (() => {
+      var y;
+      const _ = (y = t == null ? void 0 : t.state) == null ? void 0 : y.messages;
+      if (_ != null && _.length) {
+        for (let p = _.length - 1; p >= 0; p--)
+          if (_[p].type !== "system") return _[p];
       }
-    })(), 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;
+    })(), N = (() => {
+      var p, F;
+      if (a != null && a.text) return a.text;
+      if (((p = a == null ? void 0 : a.metadata) == null ? void 0 : p.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      const y = (F = a == null ? void 0 : a.attachments) == null ? void 0 : F[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";
+    })(), x = a != null && a.created_at ? ms(new Date(a.created_at)) : "", M = a ? $e(a) : !1, k = m ? m(a, N) : `${M ? "✨ " : ""}${N}`, S = rt(t), I = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
-      isSelected: a,
-      participantName: C,
-      unreadCount: w,
-      hasTimestamp: !!r
+      isSelected: r,
+      participantName: g,
+      unreadCount: I,
+      hasTimestamp: !!x
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: f,
+        onKeyDown: h,
         className: A(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
-            "bg-primary-alt/10 border-l-4 border-l-primary": a,
-            "hover:bg-sand": !a
+            "bg-primary-alt/10 border-l-4 border-l-primary": r,
+            "hover:bg-sand": !r
           }
         ),
         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
             ce,
             {
-              id: ((y = x == null ? void 0 : x.user) == null ? void 0 : y.id) || t.id || "unknown",
-              name: C,
-              image: E,
+              id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || t.id || "unknown",
+              name: g,
+              image: v,
               size: 44,
-              starred: N,
+              starred: S,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -491,19 +491,19 @@ const ce = ({
                 {
                   className: A(
                     "text-sm font-medium truncate",
-                    a ? "text-primary" : "text-charcoal"
+                    r ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    N && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
-                    C
+                    S && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    g
                   ]
                 }
               ),
-              r && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: r })
+              x && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: x })
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: S }),
-              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 })
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: k }),
+              I > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: I > 99 ? "99+" : I })
             ] })
           ] })
         ] })
@@ -511,63 +511,63 @@ const ce = ({
     );
   }
 );
-rt.displayName = "CustomChannelPreview";
-const ys = { last_message_at: -1 }, ot = F.memo(
+lt.displayName = "CustomChannelPreview";
+const ps = { last_message_at: -1 }, it = U.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: o = !1,
     onMessageNew: l,
-    onAddedToChannel: d,
-    channelRenderFilterFn: a,
-    sort: c = ys,
-    className: f,
+    onAddedToChannel: m,
+    channelRenderFilterFn: r,
+    sort: c = ps,
+    className: h,
     customEmptyStateIndicator: u,
-    renderMessagePreview: x
+    renderMessagePreview: b
   }) => {
-    const C = F.useRef(0);
-    C.current++;
-    const { debug: E = !1 } = Me(), h = F.useCallback(
-      (v) => {
-        for (const r of v)
-          is(r);
-        return a ? a(v) : v;
+    const g = U.useRef(0);
+    g.current++;
+    const { debug: v = !1 } = ke(), a = U.useCallback(
+      (N) => {
+        for (const x of N)
+          ls(x);
+        return r ? r(N) : N;
       },
-      [a]
+      [r]
     );
-    E && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: C.current,
+    v && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: g.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const p = F.useMemo(
+    const w = U.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: E,
-        renderMessagePreview: x
+        debug: v,
+        renderMessagePreview: b
       }),
-      [s, t, E, x]
+      [s, t, v, b]
     );
     return /* @__PURE__ */ e(
       "div",
       {
         className: A(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          f
+          h
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(cs, { value: p, children: /* @__PURE__ */ e(
-          Nt,
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(is, { value: w, children: /* @__PURE__ */ e(
+          Ct,
           {
             filters: n,
             sort: c,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: o,
             onMessageNew: l,
-            onAddedToChannel: d,
-            channelRenderFilterFn: h,
-            Preview: rt,
+            onAddedToChannel: m,
+            channelRenderFilterFn: a,
+            Preview: lt,
             EmptyStateIndicator: u
           },
           `${JSON.stringify(n)}:${JSON.stringify(c)}`
@@ -576,7 +576,7 @@ const ys = { last_message_at: -1 }, ot = F.memo(
     );
   }
 );
-ot.displayName = "ChannelList";
+it.displayName = "ChannelList";
 const _e = ({
   variant: t = "default",
   className: s,
@@ -595,7 +595,7 @@ const _e = ({
     children: n
   }
 );
-function lt({ label: t, className: s, children: n, ...o }) {
+function ct({ label: t, className: s, children: n, ...o }) {
   return /* @__PURE__ */ i(
     "button",
     {
@@ -616,92 +616,92 @@ function lt({ label: t, className: s, children: n, ...o }) {
     }
   );
 }
-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" }) });
+function dt({ onClick: t }) {
+  return /* @__PURE__ */ e(ct, { label: "Close", onClick: t, className: "p-1", children: /* @__PURE__ */ e(Ge, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const ps = ({
+const Ns = ({
   dialogRef: t,
   onClose: s,
   participant: n,
   channel: o,
   followerStatusLabel: l,
-  onLeaveConversation: d,
-  onBlockParticipant: a,
+  onLeaveConversation: m,
+  onBlockParticipant: r,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: f,
+  onDeleteConversationClick: h,
   onBlockParticipantClick: u,
-  onReportParticipantClick: x,
-  customProfileContent: C,
-  customChannelActions: E
+  onReportParticipantClick: b,
+  customProfileContent: g,
+  customChannelActions: v
 }) => {
-  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)))
+  var L, W, z, de, me, te, ue;
+  const { service: a, debug: w } = ke(), [N, x] = T(!1), [M, k] = T(!1), [S, I] = T(!1), D = R(async () => {
+    var G;
+    if (!(!a || !((G = n == null ? void 0 : n.user) != null && G.id)))
       try {
-        const H = (await h.getBlockedUsers()).some(
-          (K) => {
+        const B = (await a.getBlockedUsers()).some(
+          (q) => {
             var se;
-            return K.blocked_user_id === ((se = n == null ? void 0 : n.user) == null ? void 0 : se.id);
+            return q.blocked_user_id === ((se = n == null ? void 0 : n.user) == null ? void 0 : se.id);
           }
         );
-        r(H);
-      } catch (L) {
+        x(B);
+      } catch (O) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          L
+          O
         );
       }
-  }, [h, (te = n == null ? void 0 : n.user) == null ? void 0 : te.id]);
-  X(() => {
-    R();
-  }, [R]);
-  const g = async () => {
-    var O;
+  }, [a, (L = n == null ? void 0 : n.user) == null ? void 0 : L.id]);
+  Z(() => {
+    D();
+  }, [D]);
+  const f = async () => {
+    var G;
     if (!M) {
-      f == null || f(), p && console.log("[ChannelInfoDialog] Leave conversation", o.cid), S(!0);
+      h == null || h(), w && console.log("[ChannelInfoDialog] Leave conversation", o.cid), k(!0);
       try {
-        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);
+        const O = ((G = o._client) == null ? void 0 : G.userID) ?? null;
+        await o.hide(O, !1), m && await m(o), s();
+      } catch (O) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", O);
       } finally {
-        S(!1);
+        k(!1);
       }
     }
-  }, 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);
+  }, d = async () => {
+    var G, O, B;
+    if (!(S || !a)) {
+      u == null || u(), w && console.log("[ChannelInfoDialog] Block member", (G = n == null ? void 0 : n.user) == null ? void 0 : G.id), I(!0);
       try {
-        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);
+        await a.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), r && await r((B = n == null ? void 0 : n.user) == null ? void 0 : B.id), s();
+      } catch (q) {
+        console.error("[ChannelInfoDialog] Failed to block member", q);
       } finally {
-        w(!1);
+        I(!1);
       }
     }
-  }, 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);
+  }, C = async () => {
+    var G, O, B;
+    if (!(S || !a)) {
+      u == null || u(), w && console.log("[ChannelInfoDialog] Unblock member", (G = n == null ? void 0 : n.user) == null ? void 0 : G.id), I(!0);
       try {
-        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);
+        await a.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), r && await r((B = n == null ? void 0 : n.user) == null ? void 0 : B.id), s();
+      } catch (q) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", q);
       } finally {
-        w(!1);
+        I(!1);
       }
     }
-  }, b = () => {
-    x == null || x(), s(), window.open(
+  }, _ = () => {
+    b == null || b(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
       "noopener,noreferrer"
     );
   };
   if (!n) return null;
-  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";
+  const y = ((W = n.user) == null ? void 0 : W.name) || ((z = n.user) == null ? void 0 : z.id) || "Unknown member", p = (de = n.user) == null ? void 0 : de.image, F = (me = n.user) == null ? void 0 : me.email, ee = (te = n.user) == null ? void 0 : te.username, Y = F || (ee ? `linktr.ee/${ee}` : void 0), J = ((ue = n.user) == null ? void 0 : ue.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: (O) => {
-          O.target === t.current && s();
+        onClick: (G) => {
+          G.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(it, { onClick: s })
+            /* @__PURE__ */ e(dt, { onClick: s })
           ] }),
           /* @__PURE__ */ i("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ e(
@@ -728,17 +728,17 @@ const ps = ({
                   /* @__PURE__ */ e(
                     ce,
                     {
-                      id: j,
-                      name: _,
-                      image: k,
+                      id: J,
+                      name: y,
+                      image: p,
                       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: _ }),
-                    D && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: D }),
-                    l && !C && /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: y }),
+                    Y && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: Y }),
+                    l && !g && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -752,7 +752,7 @@ const ps = ({
                         children: l
                       }
                     ),
-                    C
+                    g
                   ] })
                 ] })
               }
@@ -761,87 +761,95 @@ const ps = ({
               c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
                 _e,
                 {
-                  onClick: g,
+                  onClick: f,
                   disabled: M,
                   "aria-busy": M,
                   children: [
-                    M ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
+                    M ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(es, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: v ? /* @__PURE__ */ i(
+              /* @__PURE__ */ e("li", { children: N ? /* @__PURE__ */ i(
                 _e,
                 {
-                  onClick: y,
-                  disabled: N,
-                  "aria-busy": N,
+                  onClick: C,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    N ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+                    S ? /* @__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(
                 _e,
                 {
-                  onClick: m,
-                  disabled: N,
-                  "aria-busy": N,
+                  onClick: d,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    N ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "h-5 w-5" }),
+                    S ? /* @__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(_e, { variant: "danger", onClick: b, children: [
-                /* @__PURE__ */ e(ss, { className: "h-5 w-5" }),
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(_e, { variant: "danger", onClick: _, children: [
+                /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              E
+              v
             ] })
           ] })
         ] })
       }
     )
   );
-}, vs = (t) => /* @__PURE__ */ e(yt, { ...t, position: "center" }), Fe = "vote_up", Oe = "vote_down";
-function ws(t) {
-  return t != null && t.length ? t.some((s) => s.type === Oe) ? "down" : t.some((s) => s.type === Fe) ? "up" : null : null;
+}, ys = (t) => /* @__PURE__ */ e(pt, { ...t, position: "center" }), Oe = "vote_up", Be = "vote_down";
+function vs(t) {
+  return t != null && t.length ? t.some((s) => s.type === Be) ? "down" : t.some((s) => s.type === Oe) ? "up" : null : null;
 }
-function _s(t) {
-  const { channel: s } = ke(), { client: n } = Qe("useMessageVote"), o = Ue(
-    () => ws(t.own_reactions),
+function ws(t) {
+  const { channel: s } = Me(), { client: n } = tt("useMessageVote"), o = Ue(
+    () => vs(t.own_reactions),
     [t.own_reactions]
-  ), l = U(async () => {
+  ), l = R(async () => {
     if (n != null && n.userID)
       try {
-        o === "up" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, Oe) : await s.sendReaction(
           t.id,
-          { type: Fe },
+          { type: Oe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, o]), d = U(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, o]), m = R(async () => {
     if (n != null && n.userID)
       try {
-        o === "down" ? await s.deleteReaction(t.id, Oe) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, Be) : await s.sendReaction(
           t.id,
-          { type: Oe },
+          { type: Be },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
   }, [s, n == null ? void 0 : n.userID, t.id, o]);
-  return { selected: o, voteUp: l, voteDown: d };
+  return { selected: o, voteUp: l, voteDown: m };
 }
-const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => import("./Visitor-DyJTWB2_.js")), Xe = () => /* @__PURE__ */ e(
+const _s = U.lazy(() => import("./Card-C5t3dZ5q.js")), Es = U.lazy(() => import("./Card-Cn2va-Qr.js")), mt = () => /* @__PURE__ */ e(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-[24px] bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
     "aria-hidden": !0
   }
-), 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(
+), Ss = (t) => /* @__PURE__ */ e(et, { fallback: /* @__PURE__ */ e(mt, {}), children: /* @__PURE__ */ e(_s, { ...t }) }), Is = (t) => /* @__PURE__ */ e(et, { fallback: /* @__PURE__ */ e(mt, {}), children: /* @__PURE__ */ e(Es, { ...t }) }), Je = { Creator: Ss, Visitor: Is }, Ms = {
+  isUnlocking: () => !1
+}, ks = {
+  LockedAttachment: Ms
+}, ut = Ke({}), fn = ut.Provider;
+function Ts(t) {
+  return Qe(ut)[t] ?? ks[t];
+}
+const Ds = ({ 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",
@@ -851,7 +859,7 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+) }), Rs = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
   "path",
   {
     d: "M11.333 8.667l-2.666 6A1.333 1.333 0 017.333 14v-2.667a.667.667 0 00-.666-.666H2.903a1.334 1.334 0 01-1.192-1.93l2.333-4.666a1.333 1.333 0 011.193-.738h6.096m0 5.334V3.333m0 5.334h2a1.333 1.333 0 001.334-1.334V4.667a1.333 1.333 0 00-1.334-1.334h-2",
@@ -861,7 +869,7 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
     strokeLinejoin: "round",
     fill: t ? "currentColor" : "none"
   }
-) }), Ts = ({
+) }), As = ({
   selected: t,
   onVoteUp: s,
   onVoteDown: n
@@ -874,7 +882,7 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
       onClick: s,
       "aria-label": "Helpful",
       "aria-pressed": t === "up",
-      children: /* @__PURE__ */ e(ks, { filled: t === "up" })
+      children: /* @__PURE__ */ e(Ds, { filled: t === "up" })
     }
   ),
   /* @__PURE__ */ e(
@@ -885,205 +893,213 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
       onClick: n,
       "aria-label": "Not helpful",
       "aria-pressed": t === "down",
-      children: /* @__PURE__ */ e(Ms, { filled: t === "down" })
+      children: /* @__PURE__ */ e(Rs, { filled: t === "down" })
     }
   )
-] }), Ds = (t) => {
-  var ge, be, Ce, ie, Q, Ne, ye, pe;
+] }), Ls = (t) => {
+  var K, Ce, pe, Ne, le, ye, ve, we, ie, E, j, P, $, he;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
-    onAttachmentUnlockClick: o,
-    onAttachmentDownloadClick: l,
-    onAttachmentUnlocked: d,
-    editing: a,
-    endOfGroup: c,
-    firstOfGroup: f,
-    groupedByUser: u,
-    handleAction: x,
-    handleOpenThread: C,
-    handleRetry: E,
-    highlighted: h,
-    isMessageAIGenerated: p,
+    editing: o,
+    endOfGroup: l,
+    firstOfGroup: m,
+    groupedByUser: r,
+    handleAction: c,
+    handleOpenThread: h,
+    handleRetry: u,
+    highlighted: b,
+    isMessageAIGenerated: g,
     isMyMessage: v,
-    message: r,
-    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]
+    message: a,
+    renderText: w,
+    threadList: N
+  } = t, { client: x } = tt("CustomMessage"), { channel: M } = Me("CustomMessage"), { isUnlocking: k, onUnlockClick: S, onFetchSource: I, onDownloadClick: D } = Ts("LockedAttachment"), [f, d] = T(!1), C = yt(a.id), { selected: _, voteUp: y, voteDown: p } = ws(a), {
+    Attachment: F = wt,
+    EditMessageModal: ee = _t,
+    MessageBlocked: Y = Et,
+    MessageBouncePrompt: J = St,
+    MessageDeleted: L = It,
+    MessageIsThreadReplyInChannelButtonIndicator: W = Mt,
+    MessageRepliesCountButton: z = kt,
+    ReminderNotification: de = Tt,
+    StreamedMessageText: me = Dt,
+    PinIndicator: te
+  } = vt("CustomMessage"), ue = Rt(a), G = At(a), O = Ue(
+    () => g == null ? void 0 : g(a),
+    [g, a]
+  ), B = Ue(
+    () => !a.shared_location && !a.attachments ? [] : a.shared_location ? [a.shared_location, ...a.attachments ?? []] : a.attachments,
+    [a]
   );
-  if (Ut(r))
+  if (Lt(a))
     return null;
-  if (r.deleted_at || r.type === "deleted")
-    return /* @__PURE__ */ e(j, { message: r });
-  if (Pt(r))
-    return /* @__PURE__ */ e(G, {});
-  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(
+  if (a.deleted_at || a.type === "deleted")
+    return /* @__PURE__ */ e(L, { message: a });
+  if (Pt(a))
+    return /* @__PURE__ */ e(Y, {});
+  const q = !N && !!a.reply_count, se = !N && a.show_in_channel && a.parent_id, Te = a.status === "failed" && ((K = a.error) == null ? void 0 : K.status) !== 403, V = Ut(a);
+  let H;
+  Te ? H = () => u(a) : V && (H = () => d(!0));
+  const X = v(), ne = A(
     "str-chat__message str-chat__message-simple",
-    `str-chat__message--${r.type}`,
-    `str-chat__message--${r.status}`,
-    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--${a.type}`,
+    `str-chat__message--${a.status}`,
+    X ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    a.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": z,
-      "str-chat__message--highlighted": h,
-      "str-chat__message--pinned pinned-message": r.pinned,
-      "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
+      "str-chat__message--has-attachment": ue,
+      "str-chat__message--highlighted": b,
+      "str-chat__message--pinned pinned-message": a.pinned,
+      "str-chat__message--with-reactions": G,
+      "str-chat__message-send-can-be-retried": (a == null ? void 0 : a.status) === "failed" && ((Ce = a == null ? void 0 : a.error) == null ? void 0 : Ce.status) !== 403,
+      "str-chat__message-with-thread-link": q || se,
+      "str-chat__virtual-message__wrapper--end": l,
+      "str-chat__virtual-message__wrapper--first": m,
+      "str-chat__virtual-message__wrapper--group": r
     }
-  ), 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: [
-    a && /* @__PURE__ */ e(
-      Y,
+  ), ae = a.poll_id && x.polls.fromState(a.poll_id), be = Cs(a), re = $e(a), De = bs(a), xe = !!(B != null && B.length && !a.quoted_message), oe = re && X && xe;
+  return /* @__PURE__ */ i(ge, { children: [
+    o && /* @__PURE__ */ e(
+      ee,
       {
         additionalMessageInputProps: s
       }
     ),
-    R && /* @__PURE__ */ e(
-      Ot,
+    f && /* @__PURE__ */ e(
+      Ft,
       {
-        MessageBouncePrompt: D,
-        onClose: () => g(!1),
-        open: R
+        MessageBouncePrompt: J,
+        onClose: () => d(!1),
+        open: f
       }
     ),
-    /* @__PURE__ */ i("div", { className: je, children: [
-      W && /* @__PURE__ */ e(W, {}),
-      !!m && /* @__PURE__ */ e(J, { reminder: m }),
-      r.user && /* @__PURE__ */ e(
+    /* @__PURE__ */ i("div", { className: ne, children: [
+      te && /* @__PURE__ */ e(te, {}),
+      !!C && /* @__PURE__ */ e(de, { reminder: C }),
+      a.user && /* @__PURE__ */ e(
         ce,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: r.user.id,
-          image: r.user.image,
-          name: r.user.name || r.user.id
+          id: a.user.id,
+          image: a.user.image,
+          name: a.user.name || a.user.id
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
           className: A("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": se || xe
+            "str-chat__simple-message--error-failed": Te || V
           }),
           "data-testid": "message-inner",
-          onClick: ne,
-          onKeyDown: ne,
-          role: ne ? "button" : void 0,
-          tabIndex: ne ? 0 : void 0,
+          onClick: H,
+          onKeyDown: H,
+          role: H ? "button" : void 0,
+          tabIndex: H ? 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: le ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", re ? "items-end" : "items-start"), children: [
-            /* @__PURE__ */ e(
-              Is,
+          children: De ? /* @__PURE__ */ i("div", { className: `flex flex-col gap-1 ${X ? "items-end" : "items-start"}`, children: [
+            X ? /* @__PURE__ */ e(
+              Je.Creator,
+              {
+                title: (pe = a.metadata) == null ? void 0 : pe.attachment_title,
+                mimeType: (Ne = a.metadata) == null ? void 0 : Ne.attachment_mime_type,
+                thumbnailUrl: (le = a.metadata) == null ? void 0 : le.attachment_thumbnail,
+                amountText: (ye = a.metadata) == null ? void 0 : ye.amount_text,
+                detail: (ve = a.metadata) == null ? void 0 : ve.attachment_detail,
+                paymentStatus: (we = a.metadata) == null ? void 0 : we.payment_status
+              }
+            ) : /* @__PURE__ */ e(
+              Je.Visitor,
               {
-                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,
-                onUnlockClick: o ? () => o(r, w) : void 0,
-                onDownloadClick: l ? () => l(r, w) : void 0,
-                onUnlocked: d ? () => d(r, w) : void 0
+                title: (ie = a.metadata) == null ? void 0 : ie.attachment_title,
+                mimeType: (E = a.metadata) == null ? void 0 : E.attachment_mime_type,
+                thumbnailUrl: (j = a.metadata) == null ? void 0 : j.attachment_thumbnail,
+                amountText: (P = a.metadata) == null ? void 0 : P.amount_text,
+                detail: ($ = a.metadata) == null ? void 0 : $.attachment_detail,
+                paymentStatus: (he = a.metadata) == null ? void 0 : he.payment_status,
+                isUnlocking: k(a.id),
+                onUnlockClick: () => S == null ? void 0 : S(a, M),
+                onFetchSource: async () => await (I == null ? void 0 : I(a, M)),
+                onDownloadClick: () => D == null ? void 0 : D(a, M)
               }
             ),
-            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 ? (
+            a.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: a, renderText: w }) }) })
+          ] }) : be ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Ae, { message: r, standalone: !0 })
+            /* @__PURE__ */ e(Le, { message: a, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
-              oe && !fe && /* @__PURE__ */ e(
-                Ae,
+              re && !oe && /* @__PURE__ */ e(
+                Le,
                 {
-                  message: r,
-                  hasAttachment: ae,
-                  isMyMessage: re
+                  message: a,
+                  hasAttachment: xe,
+                  isMyMessage: X
                 }
               ),
-              q && /* @__PURE__ */ e(Bt, { poll: q }),
-              L != null && L.length && !r.quoted_message ? /* @__PURE__ */ e(
-                k,
+              ae && /* @__PURE__ */ e(Ot, { poll: ae }),
+              B != null && B.length && !a.quoted_message ? /* @__PURE__ */ e(
+                F,
                 {
-                  actionHandler: x,
-                  attachments: L
+                  actionHandler: c,
+                  attachments: B
                 }
               ) : null,
               O ? /* @__PURE__ */ e(
-                P,
+                me,
                 {
-                  message: r,
-                  renderText: M
+                  message: a,
+                  renderText: w
                 }
-              ) : /* @__PURE__ */ e(He, { message: r, renderText: M }),
-              /* @__PURE__ */ e(Gt, {})
+              ) : /* @__PURE__ */ e(ze, { message: a, renderText: w }),
+              /* @__PURE__ */ e(Bt, {})
             ] }),
-            (!oe || fe) && /* @__PURE__ */ e(
-              Ae,
+            (!re || oe) && /* @__PURE__ */ e(
+              Le,
               {
-                message: r,
-                hasAttachment: ae,
-                isMyMessage: re
+                message: a,
+                hasAttachment: xe,
+                isMyMessage: X
               }
             ),
-            n && oe && /* @__PURE__ */ e(
-              Ts,
+            n && re && /* @__PURE__ */ e(
+              As,
               {
-                selected: y,
-                onVoteUp: b,
-                onVoteDown: _
+                selected: _,
+                onVoteUp: y,
+                onVoteDown: p
               }
             )
           ] })
         }
       ),
-      H && /* @__PURE__ */ e(
-        Z,
+      q && /* @__PURE__ */ e(
+        z,
         {
-          onClick: C,
-          reply_count: r.reply_count
+          onClick: h,
+          reply_count: a.reply_count
         }
       ),
-      K && /* @__PURE__ */ e(te, {})
-    ] }, r.id)
+      se && /* @__PURE__ */ e(W, {})
+    ] }, a.id)
   ] });
-}, 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) => ({
+}, Ps = U.memo(
+  Ls,
+  (t, s) => t.chatbotVotingEnabled !== s.chatbotVotingEnabled ? !1 : Nt(t, s)
+), Us = (t) => {
+  const s = st("CustomMessage");
+  return /* @__PURE__ */ e(Ps, { ...s, ...t });
+}, Fs = (t) => ({
   linkPreviews: Array.from(t.previews.values()).filter(
-    (s) => Ze.previewIsLoaded(s) || Ze.previewIsLoading(s)
+    (s) => qe.previewIsLoaded(s) || qe.previewIsLoading(s)
   )
-}), Us = ({
+}), Os = ({
   link: t,
   onDismiss: s
 }) => {
@@ -1108,12 +1124,12 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
           "button",
           {
             type: "button",
-            onClick: (a) => {
-              a.preventDefault(), s(n);
+            onClick: (r) => {
+              r.preventDefault(), s(n);
             },
             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(Be, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ e(Ge, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
@@ -1123,32 +1139,32 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
       ]
     }
   );
-}, Ps = () => {
-  const { linkPreviewsManager: t } = jt(), { linkPreviews: s } = $t(
+}, Bs = () => {
+  const { linkPreviewsManager: t } = Gt(), { linkPreviews: s } = $t(
     t.state,
-    Ls
+    Fs
   ), 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(
-    Us,
+    Os,
     {
       link: l,
       onDismiss: n
     },
     l.og_scrape_url
   )) }) : null;
-}, Fs = () => {
-  const { handleSubmit: t } = Ht(), s = Vt();
-  return /* @__PURE__ */ i(he, { children: [
-    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Yt, {}) }),
+}, Gs = () => {
+  const { handleSubmit: t } = zt(), s = Vt();
+  return /* @__PURE__ */ i(ge, { children: [
+    /* @__PURE__ */ e("div", { className: "left-container", children: /* @__PURE__ */ e(Ht, {}) }),
     /* @__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(Bs, {}),
       /* @__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(
-          Zt,
+          qt,
           {
             className: "w-full resize-none outline-none leading-6",
             autoFocus: !0,
@@ -1164,72 +1180,72 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
             disabled: !s,
             onClick: t,
             type: "button",
-            children: /* @__PURE__ */ e(ns, { className: "size-4" })
+            children: /* @__PURE__ */ e(ss, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
-}, Os = ({
+}, $s = ({
   renderActions: t
 }) => /* @__PURE__ */ i("div", { className: "message-input flex items-center gap-2 p-4", children: [
   t && (t == null ? void 0 : t()),
-  /* @__PURE__ */ e(zt, { Input: Fs })
-] }), Bs = [
+  /* @__PURE__ */ e(jt, { Input: Gs })
+] }), js = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Gs = {
+], zs = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, js = [
+}, Vs = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], $s = {
+], Hs = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Le = "age safety guidelines.", zs = "https://linktr.ee/s/about/contact", Ke = (t) => Bs.includes(t), Hs = (t) => js.includes(t), Vs = (t) => {
+}, Pe = "age safety guidelines.", Ys = "https://linktr.ee/s/about/contact", Xe = (t) => js.includes(t), Ws = (t) => Vs.includes(t), qs = (t) => {
   var o;
   const s = (o = t.metadata) == null ? void 0 : o.custom_type;
-  if (Ke(s))
+  if (Xe(s))
     return {
       kind: "dm-agent",
       type: s
     };
-  if (Hs(s))
+  if (Ws(s))
     return {
       kind: "age-safety",
       type: s
     };
   const n = t.dm_agent_system_type;
-  if (Ke(n))
+  if (Xe(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Ys = (t) => {
-  const s = t.indexOf(Le);
+}, Zs = (t) => {
+  const s = t.indexOf(Pe);
   if (s === -1)
     return t;
-  const n = s + Le.length;
-  return /* @__PURE__ */ i(he, { children: [
+  const n = s + Pe.length;
+  return /* @__PURE__ */ i(ge, { children: [
     t.slice(0, s),
     /* @__PURE__ */ e(
       "a",
       {
-        href: zs,
+        href: Ys,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Le
+        children: Pe
       }
     ),
     t.slice(n)
   ] });
-}, Ws = (t) => {
+}, Js = (t) => {
   var o, l;
-  const s = t.message.hide_date === !0, n = Vs(
+  const s = t.message.hide_date === !0, n = qs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || Gs[n.type];
+    const m = ((o = t.message.text) == null ? void 0 : o.trim()) || zs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1239,7 +1255,7 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              as,
+              ns,
               {
                 size: 16,
                 weight: "regular",
@@ -1247,15 +1263,15 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
                 className: "mes-dm-agent-system-message__sparkle shrink-0"
               }
             ),
-            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: d })
+            /* @__PURE__ */ e("p", { className: "mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]", children: m })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Re, { message: t.message })
+      !s && /* @__PURE__ */ e(Ae, { message: t.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const d = ((l = t.message.text) == null ? void 0 : l.trim()) || $s[n.type];
+    const m = ((l = t.message.text) == null ? void 0 : l.trim()) || Hs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1265,7 +1281,7 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ e(
-              rs,
+              as,
               {
                 size: 24,
                 weight: "duotone",
@@ -1274,11 +1290,11 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = 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: Ys(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: Zs(m) }) })
           ]
         }
       ),
-      !s && /* @__PURE__ */ e(Re, { message: t.message })
+      !s && /* @__PURE__ */ e(Ae, { message: t.message })
     ] });
   }
   return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1287,9 +1303,9 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
       /* @__PURE__ */ e("p", { children: t.message.text }),
       /* @__PURE__ */ e("div", { className: "str-chat__message--system__line" })
     ] }),
-    !s && /* @__PURE__ */ e(Re, { message: t.message })
+    !s && /* @__PURE__ */ e(Ae, { message: t.message })
   ] });
-}, qs = () => null, Zs = ({ className: t, message: s }) => /* @__PURE__ */ i(
+}, Xs = () => null, Ks = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
     className: A("flex items-center justify-center h-full", t),
@@ -1332,31 +1348,31 @@ const Es = F.lazy(() => import("./Creator-DGe3CQ_j.js")), Ss = F.lazy(() => impo
       s && /* @__PURE__ */ e("span", { className: "text-stone", children: s })
     ]
   }
-), 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" }),
+), Ie = U.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(Ks, { className: "w-6 h-6" }),
   /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 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 = ({
+const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Qs = ({
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
   canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var C, E, h, p, v;
-  const { channel: d } = ke(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
+  var g, v, a, w, N;
+  const { channel: m } = Me(), r = U.useMemo(() => Object.values(m.state.members || {}).find(
     (M) => {
-      var S;
-      return ((S = M.user) == null ? void 0 : S.id) && M.user.id !== d._client.userID;
+      var k;
+      return ((k = M.user) == null ? void 0 : k.id) && M.user.id !== m._client.userID;
     }
-  ), [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 () => {
+  ), [m._client.userID, m.state.members]), c = ((g = r == null ? void 0 : r.user) == null ? void 0 : g.name) || ((v = r == null ? void 0 : r.user) == null ? void 0 : v.id) || "Unknown member", h = (a = r == null ? void 0 : r.user) == null ? void 0 : a.image, u = rt(m), b = async () => {
     try {
-      u ? await d.unpin() : await d.pin();
-    } catch (r) {
+      u ? await m.unpin() : await m.pin();
+    } catch (x) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        r
+        x
       );
     }
   };
@@ -1365,21 +1381,21 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s && /* @__PURE__ */ e(
         "button",
         {
-          className: ue,
+          className: fe,
           onClick: t || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ e(He, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
           ce,
           {
-            id: ((p = a == null ? void 0 : a.user) == null ? void 0 : p.id) || d.id || "unknown",
+            id: ((w = r == null ? void 0 : r.user) == null ? void 0 : w.id) || m.id || "unknown",
             name: c,
-            image: f,
+            image: h,
             starred: l && u,
             size: 40
           }
@@ -1390,12 +1406,12 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         l && /* @__PURE__ */ e(
           "button",
           {
-            className: ue,
-            onClick: x,
+            className: fe,
+            onClick: b,
             type: "button",
             "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Pe,
+              Fe,
               {
                 className: A("size-5", {
                   "text-yellow-600": u,
@@ -1409,11 +1425,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           "button",
           {
-            className: ue,
+            className: fe,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(We, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -1425,17 +1441,17 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             type: "button",
             onClick: t,
-            className: ue,
+            className: fe,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(He, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ e(
           ce,
           {
-            id: ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) || d.id || "unknown",
+            id: ((N = r == null ? void 0 : r.user) == null ? void 0 : N.id) || m.id || "unknown",
             name: c,
-            image: f,
+            image: h,
             starred: l && u,
             size: 40
           }
@@ -1446,12 +1462,12 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         l && /* @__PURE__ */ e(
           "button",
           {
-            className: ue,
-            onClick: x,
+            className: fe,
+            onClick: b,
             type: "button",
             "aria-label": u ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
-              Pe,
+              Fe,
               {
                 className: A("size-5", {
                   "text-yellow-600": u,
@@ -1465,170 +1481,156 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         o && n && /* @__PURE__ */ e(
           "button",
           {
-            className: ue,
+            className: fe,
             onClick: n,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ e(We, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ e(Ye, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, Xs = ({
+}, en = ({
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
   onLeaveConversation: l,
-  onBlockParticipant: d,
-  showDeleteConversation: a = !0,
+  onBlockParticipant: m,
+  showDeleteConversation: r = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: f,
+  onBlockParticipantClick: h,
   onReportParticipantClick: u,
-  showStarButton: x = !1,
-  chatbotVotingEnabled: C = !1,
-  onAttachmentUnlockClick: E,
-  onAttachmentDownloadClick: h,
-  onAttachmentUnlocked: p,
+  showStarButton: b = !1,
+  chatbotVotingEnabled: g = !1,
   renderChannelBanner: v,
-  customProfileContent: r,
-  customChannelActions: M,
-  renderMessage: S
+  customProfileContent: a,
+  customChannelActions: w,
+  renderMessage: N
 }) => {
-  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;
+  const { channel: x } = Me(), M = Q(null), k = U.useMemo(() => Object.values(x.state.members || {}).find(
+    (C) => {
+      var _;
+      return ((_ = C.user) == null ? void 0 : _.id) && C.user.id !== x._client.userID;
     }
-  ), [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(
-      Xt,
-      {
-        overrides: {
-          Message: (b) => {
-            const { message: _ } = et("ChannelView"), k = /* @__PURE__ */ e(
-              As,
-              {
-                ...b,
-                chatbotVotingEnabled: C,
-                onAttachmentUnlockClick: E,
-                onAttachmentDownloadClick: h,
-                onAttachmentUnlocked: p
-              }
-            );
-            return !S || !_ ? k : S(k, _);
-          }
-        },
-        children: /* @__PURE__ */ i(Kt, { children: [
-          /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
-            Js,
-            {
-              onBack: t,
-              showBackButton: s,
-              onShowInfo: m,
-              canShowInfo: !!R,
-              showStarButton: x
-            }
-          ) }),
-          v == null ? void 0 : v(),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
-            Qt,
-            {
-              hideDeletedMessages: !0,
-              hideNewMessageSeparator: !1,
-              messageActions: void 0
-            }
-          ) }),
-          o == null ? void 0 : o(N),
-          /* @__PURE__ */ e(
-            Os,
-            {
-              renderActions: () => n == null ? void 0 : n(N)
-            }
-          )
-        ] })
-      }
-    ),
+  ), [x._client.userID, x.state.members]), S = U.useMemo(() => {
+    const d = x.data ?? {};
+    if (d.followerStatus)
+      return String(d.followerStatus);
+    if (d.isFollower !== void 0)
+      return d.isFollower ? "Subscribed to you" : "Not subscribed";
+  }, [x.data]), I = R(() => {
+    var d;
+    (d = M.current) == null || d.showModal();
+  }, []), D = R(() => {
+    var d;
+    (d = M.current) == null || d.close();
+  }, []), f = R(
+    (d) => {
+      const { message: C } = st("ChannelView"), _ = /* @__PURE__ */ e(
+        Us,
+        {
+          ...d,
+          chatbotVotingEnabled: g
+        }
+      );
+      return !N || !C ? _ : N(_, C);
+    },
+    [g, N]
+  );
+  return /* @__PURE__ */ i(ge, { children: [
+    /* @__PURE__ */ e(Jt, { overrides: { Message: f }, children: /* @__PURE__ */ i(Xt, { children: [
+      /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
+        Qs,
+        {
+          onBack: t,
+          showBackButton: s,
+          onShowInfo: I,
+          canShowInfo: !!k,
+          showStarButton: b
+        }
+      ) }),
+      v == null ? void 0 : v(),
+      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
+        Kt,
+        {
+          hideDeletedMessages: !0,
+          hideNewMessageSeparator: !1,
+          messageActions: void 0
+        }
+      ) }),
+      o == null ? void 0 : o(x),
+      /* @__PURE__ */ e(
+        $s,
+        {
+          renderActions: () => n == null ? void 0 : n(x)
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ e(
-      ps,
+      Ns,
       {
-        dialogRef: w,
-        onClose: y,
-        participant: R,
-        channel: N,
-        followerStatusLabel: g,
+        dialogRef: M,
+        onClose: D,
+        participant: k,
+        channel: x,
+        followerStatusLabel: S,
         onLeaveConversation: l,
-        onBlockParticipant: d,
-        showDeleteConversation: a,
+        onBlockParticipant: m,
+        showDeleteConversation: r,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: f,
+        onBlockParticipantClick: h,
         onReportParticipantClick: u,
-        customProfileContent: r,
-        customChannelActions: M
+        customProfileContent: a,
+        customChannelActions: w
       }
     )
   ] });
-}, ct = F.memo(
+}, ht = U.memo(
   ({
     channel: t,
     onBack: s,
     showBackButton: n = !1,
     renderMessageInputActions: o,
     renderConversationFooter: l,
-    onLeaveConversation: d,
-    onBlockParticipant: a,
+    onLeaveConversation: m,
+    onBlockParticipant: r,
     className: c,
-    CustomChannelEmptyState: f = qs,
+    CustomChannelEmptyState: h = Xs,
     showDeleteConversation: u = !0,
-    onDeleteConversationClick: x,
-    onBlockParticipantClick: C,
-    onReportParticipantClick: E,
-    dmAgentEnabled: h,
-    messageMetadata: p,
-    onMessageSent: v,
-    showStarButton: r = !1,
+    onDeleteConversationClick: b,
+    onBlockParticipantClick: g,
+    onReportParticipantClick: v,
+    dmAgentEnabled: a,
+    messageMetadata: w,
+    onMessageSent: N,
+    showStarButton: x = !1,
     chatbotVotingEnabled: M = !1,
-    onAttachmentUnlockClick: S,
-    onAttachmentDownloadClick: N,
-    onAttachmentUnlocked: w,
-    renderChannelBanner: R,
-    customProfileContent: g,
-    customChannelActions: m,
-    renderMessage: y
+    renderChannelBanner: k,
+    customProfileContent: S,
+    customChannelActions: I,
+    renderMessage: D
   }) => {
-    const b = U(
-      async (_, k, Y) => {
+    const f = R(
+      async (d, C, _) => {
         var J;
-        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, D = h && !G, j = {
-          ...k,
-          ...D && { silent: !0 },
-          ...p && {
+        const y = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, p = a && !y, F = {
+          ...C,
+          ...p && { silent: !0 },
+          ...w && {
             metadata: {
-              ...k.metadata ?? {},
-              ...p
+              ...C.metadata ?? {},
+              ...w
             }
           }
-        }, te = {
-          ...Y,
-          ...D && { skip_push: !0 }
-        }, Z = await t.sendMessage(j, te);
-        return v == null || v(Z), Z;
+        }, ee = {
+          ..._,
+          ...p && { skip_push: !0 }
+        }, Y = await t.sendMessage(F, ee);
+        return N == null || N(Y), Y;
       },
-      [t, h, p, v]
+      [t, a, w, N]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1638,37 +1640,34 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           c
         ),
         children: /* @__PURE__ */ e(
-          Jt,
+          Zt,
           {
             channel: t,
-            MessageSystem: Ws,
-            EmptyStateIndicator: f,
+            MessageSystem: Js,
+            EmptyStateIndicator: h,
             LoadingIndicator: Ie,
-            DateSeparator: vs,
-            doSendMessageRequest: b,
+            DateSeparator: ys,
+            doSendMessageRequest: f,
             children: /* @__PURE__ */ e(
-              Xs,
+              en,
               {
                 onBack: s,
                 showBackButton: n,
                 renderMessageInputActions: o,
                 renderConversationFooter: l,
-                onLeaveConversation: d,
-                onBlockParticipant: a,
-                CustomChannelEmptyState: f,
+                onLeaveConversation: m,
+                onBlockParticipant: r,
+                CustomChannelEmptyState: h,
                 showDeleteConversation: u,
-                onDeleteConversationClick: x,
-                onBlockParticipantClick: C,
-                onReportParticipantClick: E,
-                showStarButton: r,
+                onDeleteConversationClick: b,
+                onBlockParticipantClick: g,
+                onReportParticipantClick: v,
+                showStarButton: x,
                 chatbotVotingEnabled: M,
-                onAttachmentUnlockClick: S,
-                onAttachmentDownloadClick: N,
-                onAttachmentUnlocked: w,
-                renderChannelBanner: R,
-                customProfileContent: g,
-                customChannelActions: m,
-                renderMessage: y
+                renderChannelBanner: k,
+                customProfileContent: S,
+                customChannelActions: I,
+                renderMessage: D
               }
             )
           }
@@ -1677,16 +1676,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-ct.displayName = "ChannelView";
-function Ks({
+ht.displayName = "ChannelView";
+function tn({
   searchQuery: t,
   setSearchQuery: s,
   placeholder: n
 }) {
-  const o = ee(null);
+  const o = Q(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      os,
+      rs,
       {
         className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-stone",
         weight: "bold"
@@ -1704,7 +1703,7 @@ function Ks({
       }
     ),
     t && /* @__PURE__ */ e(
-      lt,
+      ct,
       {
         label: "Clear search",
         onClick: () => {
@@ -1712,151 +1711,151 @@ function Ks({
           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(Be, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ e(Ge, { className: "h-4 w-4", weight: "bold" })
       }
     )
   ] });
 }
-const Qs = ({
+const sn = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
   existingParticipantIds: o = /* @__PURE__ */ new Set(),
   participantLabel: l = "participants",
-  searchPlaceholder: d = "Search participants...",
-  className: a
+  searchPlaceholder: m = "Search participants...",
+  className: r
 }) => {
-  const { debug: c } = Me(), [f, u] = T(""), [x, C] = T([]), [E, h] = T(!1), [p, v] = T(null), [r, M] = T(
+  const { debug: c } = ke(), [h, u] = T(""), [b, g] = T([]), [v, a] = T(!1), [w, N] = T(null), [x, M] = T(
     null
-  ), S = ee(!1);
-  X(() => {
-    S.current = !1;
-  }, [t]), X(() => {
+  ), k = Q(!1);
+  Z(() => {
+    k.current = !1;
+  }, [t]), Z(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
       );
       return;
     }
-    if (S.current) return;
+    if (k.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), h(!0), v(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), a(!0), N(null);
       try {
-        const m = await t.loadParticipants({
+        const d = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        C(m.participants), S.current = !0, c && console.log(
+        g(d.participants), k.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
-          m.participants.length
+          d.participants.length
         );
-      } catch (m) {
-        const y = m instanceof Error ? m.message : "Failed to load participants";
-        v(y), console.error("[ParticipantPicker] Failed to load participants:", m);
+      } catch (d) {
+        const C = d instanceof Error ? d.message : "Failed to load participants";
+        N(C), console.error("[ParticipantPicker] Failed to load participants:", d);
       } finally {
-        h(!1);
+        a(!1);
       }
     })();
   }, [t, c]);
-  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);
+  const S = b.filter((f) => !o.has(f.id)).filter((f) => {
+    var C;
+    if (!h) return !0;
+    const d = h.toLowerCase();
+    return f.name.toLowerCase().includes(d) || ((C = f.email) == null ? void 0 : C.toLowerCase().includes(d)) || !1;
+  }), I = R(
+    async (f) => {
+      if (!x) {
+        M(f.id);
         try {
-          await s(g);
-        } catch (m) {
-          console.error("[ParticipantPicker] Failed to start chat:", m), M(null);
+          await s(f);
+        } catch (d) {
+          console.error("[ParticipantPicker] Failed to start chat:", d), M(null);
         }
       }
     },
-    [s, r]
-  ), R = (g, m) => {
-    (g.key === "Enter" || g.key === " ") && (g.preventDefault(), w(m));
+    [s, x]
+  ), D = (f, d) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), I(d));
   };
-  return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", a), children: [
+  return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", r), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
-        /* @__PURE__ */ e(it, { onClick: n })
+        /* @__PURE__ */ e(dt, { onClick: n })
       ] }),
       /* @__PURE__ */ i("p", { className: "text-xs text-stone mb-3", children: [
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        N.length,
+        S.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
-        Ks,
+        tn,
         {
-          searchQuery: f,
+          searchQuery: h,
           setSearchQuery: u,
-          placeholder: d
+          placeholder: m
         }
       )
     ] }),
-    p && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    w && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      p
+      w
     ] }),
-    /* @__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: "flex-1 overflow-auto", children: v && S.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,
         "..."
       ] })
-    ] }) }) : 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` })
+    ] }) }) : S.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: h ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "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` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      N.map((g) => {
-        const m = g.name || g.email || g.id, y = g.email && g.name ? g.email : g.phone;
+      S.map((f) => {
+        const d = f.name || f.email || f.id, C = f.email && f.name ? f.email : f.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => w(g),
-            onKeyDown: (b) => R(b, g),
+            onClick: () => I(f),
+            onKeyDown: (_) => D(_, f),
             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(
                   ce,
                   {
-                    id: g.id,
-                    name: m,
-                    image: g.image,
+                    id: f.id,
+                    name: d,
+                    image: f.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: m }),
-                  y && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: y })
+                  /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: d }),
+                  C && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: C })
                 ] })
               ] }),
-              /* @__PURE__ */ 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" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: x === f.id ? /* @__PURE__ */ e(Ee, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, g.id);
+        ) }, f.id);
       }),
-      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      v && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e("div", { className: "w-4 h-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
         /* @__PURE__ */ e("span", { className: "text-sm text-stone", children: "Loading more..." })
       ] }) })
     ] }) })
   ] });
-}, en = ({ className: t }) => /* @__PURE__ */ i(
+}, nn = ({ className: t }) => /* @__PURE__ */ i(
   "svg",
   {
     width: "140",
@@ -1990,17 +1989,17 @@ const Qs = ({
       ] })
     ]
   }
-), dt = F.memo(
+), ft = U.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(en, {}),
+    /* @__PURE__ */ e(nn, {}),
     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" })
     ] })
   ] }) })
 );
-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: [
+ft.displayName = "EmptyState";
+const Se = U.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 }),
@@ -2015,131 +2014,128 @@ const Se = F.memo(({ message: t, onBack: s }) => /* @__PURE__ */ e("div", { clas
   )
 ] }) }));
 Se.displayName = "ErrorState";
-const mn = ({
+const gn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
   renderConversationFooter: o,
   onChannelSelect: l,
-  onParticipantSelect: d,
-  initialParticipantFilter: a,
+  onParticipantSelect: m,
+  initialParticipantFilter: r,
   initialParticipantData: c,
-  CustomChannelEmptyState: f,
+  CustomChannelEmptyState: h,
   showChannelList: u = !0,
-  filters: x,
-  channelRenderFilterFn: C,
-  channelListCustomEmptyStateIndicator: E,
-  onDeleteConversationClick: h,
-  onBlockParticipantClick: p,
-  onReportParticipantClick: v,
-  dmAgentEnabled: r,
+  filters: b,
+  channelRenderFilterFn: g,
+  channelListCustomEmptyStateIndicator: v,
+  onDeleteConversationClick: a,
+  onBlockParticipantClick: w,
+  onReportParticipantClick: N,
+  dmAgentEnabled: x,
   messageMetadata: M,
-  onMessageSent: S,
-  showStarButton: N = !1,
-  chatbotVotingEnabled: w = !1,
-  renderMessagePreview: R,
-  renderChannelBanner: g,
-  customProfileContent: m,
-  customChannelActions: y,
-  renderMessage: b,
-  onAttachmentUnlockClick: _,
-  onAttachmentDownloadClick: k,
-  onAttachmentUnlocked: Y
+  onMessageSent: k,
+  showStarButton: S = !1,
+  chatbotVotingEnabled: I = !1,
+  renderMessagePreview: D,
+  renderChannelBanner: f,
+  customProfileContent: d,
+  customChannelActions: C,
+  renderMessage: _
 }) => {
   const {
-    service: G,
-    client: D,
-    isConnected: j,
-    isLoading: te,
-    error: Z,
+    service: y,
+    client: p,
+    isConnected: F,
+    isLoading: ee,
+    error: Y,
     refreshConnection: J,
-    debug: P
-  } = 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: be = !0
-  } = t, Ce = F.useMemo(() => {
-    const I = D == null ? void 0 : D.userID;
+    debug: L
+  } = os(), [W, z] = T(null), [de, me] = T(!1), [te, ue] = T(!1), [G, O] = T(!1), [B, q] = T(/* @__PURE__ */ new Set()), [se, Te] = T(0), [V, H] = T(!1), [X, ne] = T(null), ae = Q(null), {
+    participantSource: be,
+    participantLabel: re = "participants",
+    showDeleteConversation: De = !0
+  } = t, xe = U.useMemo(() => {
+    const E = p == null ? void 0 : p.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...I && {
-          members: { $in: [I] },
+        ...E && {
+          members: { $in: [E] },
           hidden: !1
         }
       },
-      ...x
+      ...b
     };
-  }, [x, D == null ? void 0 : D.userID]), ie = ee(null), Q = U(async () => {
-    if (!D || !j) return;
-    const I = D.userID;
-    if (I)
+  }, [b, p == null ? void 0 : p.userID]), oe = Q(null), K = R(async () => {
+    if (!p || !F) return;
+    const E = p.userID;
+    if (E)
       try {
-        P && console.log("[MessagingShell] Syncing channels for user:", I);
-        const V = await D.queryChannels(
+        L && console.log("[MessagingShell] Syncing channels for user:", E);
+        const j = await p.queryChannels(
           {
             type: "messaging",
-            members: { $in: [I] }
+            members: { $in: [E] }
           },
           {},
           { limit: 100 }
-        ), B = /* @__PURE__ */ new Set();
-        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);
+        ), P = /* @__PURE__ */ new Set();
+        j.forEach(($) => {
+          const he = $.state.members;
+          Object.values(he).forEach((gt) => {
+            var je;
+            const Re = (je = gt.user) == null ? void 0 : je.id;
+            Re && Re !== E && P.add(Re);
           });
-        }), 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
+        }), q(($) => $.size === P.size && [...$].every((he) => P.has(he)) ? $ : P), me(j.length > 0), ue(!0), oe.current = E, L && console.log("[MessagingShell] Channels synced successfully:", {
+          channelCount: j.length,
+          memberCount: P.size
         });
-      } catch (V) {
-        console.error("[MessagingShell] Failed to sync channels:", V);
+      } catch (j) {
+        console.error("[MessagingShell] Failed to sync channels:", j);
       }
-  }, [D, j, P]);
-  X(() => {
-    if (!D || !j) return;
-    const I = D.userID;
-    I && ie.current !== I && Q();
-  }, [D, j, Q]), X(() => {
-    if (!a || !D || !j) return;
+  }, [p, F, L]);
+  Z(() => {
+    if (!p || !F) return;
+    const E = p.userID;
+    E && oe.current !== E && K();
+  }, [p, F, K]), Z(() => {
+    if (!r || !p || !F) return;
     (async () => {
-      const V = D.userID;
-      if (V)
+      const j = p.userID;
+      if (j)
         try {
-          P && console.log(
+          L && console.log(
             "[MessagingShell] Loading initial conversation with:",
-            a
+            r
           );
-          const B = await D.queryChannels(
+          const P = await p.queryChannels(
             {
               type: "messaging",
-              members: { $eq: [V, a] }
+              members: { $eq: [j, r] }
             },
             {},
             { limit: 1 }
           );
-          if (B.length > 0)
-            z(B[0]), me(!0), le(null), l && l(B[0]), P && console.log(
+          if (P.length > 0)
+            z(P[0]), H(!0), ne(null), l && l(P[0]), L && console.log(
               "[MessagingShell] Initial conversation loaded:",
-              B[0].id
+              P[0].id
             );
-          else if (c && G) {
-            P && console.log(
+          else if (c && y) {
+            L && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               c
             );
             try {
-              const $ = await G.startChannelWithParticipant({
+              const $ = await y.startChannelWithParticipant({
                 id: c.id,
                 name: c.name,
                 email: c.email,
                 phone: c.phone
               });
-              z($), me(!0), le(null), l && l($), P && console.log(
+              z($), H(!0), ne(null), l && l($), L && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 $.id
               );
@@ -2147,90 +2143,90 @@ const mn = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 $
-              ), le("Failed to create conversation");
+              ), ne("Failed to create conversation");
             }
           } else
-            le(
+            ne(
               "No conversation found with this account"
-            ), P && console.log(
+            ), L && console.log(
               "[MessagingShell] No conversation found for:",
-              a
+              r
             );
-        } catch (B) {
+        } catch (P) {
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
-            B
-          ), le("Failed to load conversation");
+            P
+          ), ne("Failed to load conversation");
         }
     })();
   }, [
-    a,
+    r,
     c,
-    D,
-    j,
-    G,
-    P,
+    p,
+    F,
+    y,
+    L,
     l
   ]);
-  const Ne = U(
-    (I) => {
-      z(I), l == null || l(I);
+  const Ce = R(
+    (E) => {
+      z(E), l == null || l(E);
     },
     [l]
-  ), ye = U(() => {
-    q || z(null);
-  }, [q]), pe = U(
-    async (I) => {
-      var V;
-      if (G)
+  ), pe = R(() => {
+    V || z(null);
+  }, [V]), Ne = R(
+    async (E) => {
+      var j;
+      if (y)
         try {
-          P && console.log(
+          L && console.log(
             "[MessagingShell] Starting conversation with:",
-            I.id
+            E.id
           );
-          const B = await G.startChannelWithParticipant({
-            id: I.id,
-            name: I.name,
-            email: I.email,
-            phone: I.phone
+          const P = await y.startChannelWithParticipant({
+            id: E.id,
+            name: E.name,
+            email: E.email,
+            phone: E.phone
           });
           try {
-            await B.show();
+            await P.show();
           } catch ($) {
             console.warn("[MessagingShell] Failed to unhide channel:", $);
           }
-          z(B), se(!1), (V = ae.current) == null || V.close(), d == null || d(I);
-        } catch (B) {
-          console.error("[MessagingShell] Failed to start conversation:", B);
+          z(P), O(!1), (j = ae.current) == null || j.close(), m == null || m(E);
+        } catch (P) {
+          console.error("[MessagingShell] Failed to start conversation:", P);
         }
     },
-    [G, d, P]
-  ), ve = U(() => {
-    var I;
-    se(!1), (I = ae.current) == null || I.close();
-  }, []), mt = U(
-    (I) => {
-      I.target === ae.current && ve();
+    [y, m, L]
+  ), le = R(() => {
+    var E;
+    O(!1), (E = ae.current) == null || E.close();
+  }, []), ye = R(
+    (E) => {
+      E.target === ae.current && le();
     },
-    [ve]
-  ), ut = U(
-    async (I) => {
-      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), ie.current = null, await Q();
+    [le]
+  ), ve = R(
+    async (E) => {
+      L && console.log("[MessagingShell] Leaving conversation:", E.id), z(null), H(!1), oe.current = null, await K();
     },
-    [Q, P]
-  ), ht = U(
-    async (I) => {
-      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), ie.current = null, await Q();
+    [K, L]
+  ), we = R(
+    async (E) => {
+      L && console.log("[MessagingShell] Blocking participant:", E), z(null), H(!1), oe.current = null, await K();
     },
-    [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(
+    [K, L]
+  ), ie = !!W;
+  return ee ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ie, {}) }) : Y ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: Y, onBack: J }) }) : !F || !p ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
     Se,
     {
       message: "Not connected to messaging service",
       onBack: J
     }
-  ) }) : oe ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: oe }) }) : /* @__PURE__ */ i(
+  ) }) : X ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, { message: X }) }) : /* @__PURE__ */ i(
     "div",
     {
       className: A(
@@ -2245,22 +2241,22 @@ const mn = ({
               className: A(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": u === !1 || q,
+                  "!hidden": u === !1 || V,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !q && we,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": u !== !1 && !V && ie,
                   // Show on mobile when no channel selected, use same wide width on desktop
-                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": u !== !1 && !q && !we
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": u !== !1 && !V && !ie
                 }
               ),
               children: /* @__PURE__ */ e(
-                ot,
+                it,
                 {
-                  onChannelSelect: Ne,
+                  onChannelSelect: Ce,
                   selectedChannel: W || void 0,
-                  filters: Ce,
-                  channelRenderFilterFn: C,
-                  customEmptyStateIndicator: E,
-                  renderMessagePreview: R
+                  filters: xe,
+                  channelRenderFilterFn: g,
+                  customEmptyStateIndicator: v,
+                  renderMessagePreview: D
                 }
               )
             }
@@ -2272,79 +2268,76 @@ const mn = ({
                 "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 || we || a,
+                  flex: V || ie || r,
                   // Normal mode: hide on mobile when no channel selected
-                  "hidden lg:flex": !q && !we && !a
+                  "hidden lg:flex": !V && !ie && !r
                 }
               ),
               children: W ? /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ e(
-                ct,
+                ht,
                 {
                   channel: W,
-                  onBack: ye,
-                  showBackButton: !q,
+                  onBack: pe,
+                  showBackButton: !V,
                   renderMessageInputActions: n,
                   renderConversationFooter: o,
-                  renderChannelBanner: g,
-                  onLeaveConversation: ut,
-                  onBlockParticipant: ht,
-                  CustomChannelEmptyState: f,
-                  showDeleteConversation: be,
-                  onDeleteConversationClick: h,
-                  onBlockParticipantClick: p,
-                  onReportParticipantClick: v,
-                  dmAgentEnabled: r,
+                  renderChannelBanner: f,
+                  onLeaveConversation: ve,
+                  onBlockParticipant: we,
+                  CustomChannelEmptyState: h,
+                  showDeleteConversation: De,
+                  onDeleteConversationClick: a,
+                  onBlockParticipantClick: w,
+                  onReportParticipantClick: N,
+                  dmAgentEnabled: x,
                   messageMetadata: M,
-                  onMessageSent: S,
-                  showStarButton: N,
-                  chatbotVotingEnabled: w,
-                  customProfileContent: m,
-                  customChannelActions: y,
-                  renderMessage: b,
-                  onAttachmentUnlockClick: _,
-                  onAttachmentDownloadClick: k,
-                  onAttachmentUnlocked: Y
+                  onMessageSent: k,
+                  showStarButton: S,
+                  chatbotVotingEnabled: I,
+                  customProfileContent: d,
+                  customChannelActions: C,
+                  renderMessage: _
                 },
                 W.id
-              ) }) : a ? (
+              ) }) : r ? (
                 // Show loading while creating/loading direct conversation channel
                 /* @__PURE__ */ e(Ie, {})
               ) : /* @__PURE__ */ e(
-                dt,
+                ft,
                 {
                   hasChannels: de,
-                  channelsLoaded: L
+                  channelsLoaded: te
                 }
               )
             }
           )
         ] }),
-        fe && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+        be && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         /* @__PURE__ */ e(
           "dialog",
           {
             ref: ae,
             className: "mes-dialog",
-            onClick: mt,
-            onClose: ve,
+            onClick: ye,
+            onClose: le,
             children: /* @__PURE__ */ e("div", { className: "h-full w-full bg-white shadow-max-elevation-light", children: /* @__PURE__ */ e(
-              Qs,
+              sn,
               {
-                participantSource: fe,
-                onSelectParticipant: pe,
-                onClose: ve,
-                existingParticipantIds: xe,
-                participantLabel: ge,
-                searchPlaceholder: `Search ${ge}...`
+                participantSource: be,
+                onSelectParticipant: Ne,
+                onClose: le,
+                existingParticipantIds: B,
+                participantLabel: re,
+                searchPlaceholder: `Search ${re}...`
               },
-              re
+              se
             ) })
           }
         )
       ]
     }
   );
-}, tn = ({
+}, an = ({
   question: t,
   onClick: s,
   loading: n = !1,
@@ -2366,23 +2359,23 @@ const mn = ({
     ),
     children: t
   }
-), un = ({
+), xn = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
   headerText: o,
   className: l,
-  avatarImage: d,
-  avatarName: a
+  avatarImage: m,
+  avatarName: r
 }) => {
-  const c = t.filter((f) => f.enabled).sort((f, u) => (f.order ?? 0) - (u.order ?? 0));
+  const c = t.filter((h) => h.enabled).sort((h, u) => (h.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(
+    (m || r) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       ce,
       {
-        id: a || "account",
-        name: a || "Account",
-        image: d,
+        id: r || "account",
+        name: r || "Account",
+        image: m,
         size: 24,
         shape: "circle"
       }
@@ -2394,76 +2387,78 @@ const mn = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
-          c.map((f) => /* @__PURE__ */ e(
-            tn,
+          c.map((h) => /* @__PURE__ */ e(
+            an,
             {
-              question: f.question,
-              onClick: () => s(f.id),
-              loading: n === f.id
+              question: h.question,
+              onClick: () => s(h.id),
+              loading: n === h.id
             },
-            f.id
+            h.id
           ))
         ]
       }
     )
   ] }) });
-}, 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 g = R !== void 0 ? R : x;
+}, bn = (t, s = {}) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = T([]), [r, c] = T(!1), [h, u] = T(null), [b, g] = T(n), [v, a] = T(!0), [w, N] = T(), x = R(async (I = !1, D) => {
+    if (r) return;
+    const f = D !== void 0 ? D : b;
     c(!0), u(null);
     try {
-      const m = await t.loadParticipants({
-        search: g || void 0,
+      const d = await t.loadParticipants({
+        search: f || void 0,
         limit: o,
-        cursor: w ? void 0 : p
+        cursor: I ? void 0 : w
       });
-      d(
-        (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);
+      m(
+        (C) => I ? d.participants : [...C, ...d.participants]
+      ), a(d.hasMore), N(d.nextCursor);
+    } catch (d) {
+      const C = d instanceof Error ? d.message : "Failed to load participants";
+      u(C), console.error("[useParticipants] Load error:", d);
     } finally {
       c(!1);
     }
-  }, [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(() => {
-    r(!0);
+  }, [t, b, w, o, r]), M = R(() => {
+    v && !r && x(!1);
+  }, [v, r, x]), k = R((I) => {
+    g(I), N(void 0), x(!0, I);
+  }, [x]), S = R(() => {
+    N(void 0), x(!0);
+  }, [x]);
+  return Z(() => {
+    x(!0);
   }, [t.loadParticipants]), {
     participants: l,
-    loading: a,
-    error: f,
-    searchQuery: x,
-    hasMore: E,
+    loading: r,
+    error: h,
+    searchQuery: b,
+    hasMore: v,
     totalCount: t.totalCount,
     loadMore: M,
-    search: S,
-    refresh: N
+    search: k,
+    refresh: S
   };
 };
 export {
   _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
+  Xs as ChannelEmptyState,
+  it as ChannelList,
+  ht as ChannelView,
+  fn as CustomMessageProvider,
+  xn as FaqList,
+  an as FaqListItem,
+  Je as LockedAttachment,
+  As as MessageVoteButtons,
+  hn as MessagingProvider,
+  gn as MessagingShell,
+  sn as ParticipantPicker,
+  ms as formatRelativeTime,
+  Ts as useCustomMessage,
+  ws as useMessageVote,
+  os as useMessaging,
+  bn as useParticipants
 };
 //# sourceMappingURL=index.js.map