@linktr.ee/messaging-react 1.29.0-rc-1776320021 → 1.29.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as i, Fragment as he } from "react/jsx-runtime";
-import L from "classnames";
-import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as K, useEffect as Z, useMemo as Le, Suspense as je } from "react";
+import A from "classnames";
+import F, { createContext as ft, useContext as gt, useCallback as U, useState as k, useRef as Q, useEffect as X, useMemo as Le, Suspense as je } from "react";
 import { StreamChatService as xt } from "@linktr.ee/messaging-core";
 import { Chat as bt, ChannelList as Ct, DateSeparator as Nt, useChannelStateContext as Ie, useChatContext as Ke, areMessageUIPropsEqual as pt, useMessageReminder as yt, useComponentContext as vt, Attachment as wt, EditMessageModal as _t, MessageBlocked as Et, MessageBouncePrompt as St, MessageDeleted as It, MessageIsThreadReplyInChannelButtonIndicator as Mt, MessageRepliesCountButton as kt, ReminderNotification as Tt, StreamedMessageText as Dt, messageHasAttachments as Rt, messageHasReactions as At, isDateSeparatorMessage as Lt, isMessageBlocked as Ut, isMessageBounced as Pt, MessageBounceModal as Ft, MessageText as ze, Poll as Ot, MessageErrorIcon as Bt, useMessageContext as Qe, useMessageComposer as Gt, useStateStore as $t, MessageInput as jt, useMessageInputContext as zt, useMessageComposerHasSendableData as Ht, SimpleAttachmentSelector as Vt, QuotedMessagePreview as Yt, AttachmentPreviewList as Wt, TextareaComposer as qt, MessageTimestamp as De, Channel as Zt, WithComponents as Jt, Window as Xt, MessageList as Kt } from "stream-chat-react";
 import { StarIcon as Ue, GiftIcon as Qt, XIcon as Oe, SpinnerGapIcon as _e, SignOutIcon as es, ProhibitInsetIcon as He, FlagIcon as ts, ArrowUpIcon as ss, SparkleIcon as ns, ProhibitIcon as as, ArrowLeftIcon as Ve, DotsThreeIcon as Ye, MagnifyingGlassIcon as rs, ChatCircleDotsIcon as We } from "@phosphor-icons/react";
@@ -19,7 +19,7 @@ const et = ft({
   children: t,
   user: s,
   serviceConfig: n,
-  apiKey: r,
+  apiKey: o,
   capabilities: l = {},
   debug: d = !1
 }) => {
@@ -31,43 +31,43 @@ const et = ft({
   );
   a("🔄 RENDER START", {
     userId: s == null ? void 0 : s.id,
-    apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+    apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = k(null), [h, b] = k(null), [C, E] = k(!1), [m, S] = k(!1), [o, y] = k(null), M = K(!1), N = K({
+  const [c, g] = k(null), [h, b] = k(null), [C, S] = k(!1), [m, v] = k(!1), [r, p] = k(null), M = Q(!1), N = Q({
     userId: s == null ? void 0 : s.id,
-    apiKey: r,
+    apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), v = K(0);
-  v.current++, a("📊 RENDER INFO", {
-    renderCount: v.current,
-    currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
+  }), w = Q(0);
+  w.current++, a("📊 RENDER INFO", {
+    renderCount: w.current,
+    currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: N.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: N.current.apiKey !== r,
+      apiKeyChanged: N.current.apiKey !== o,
       serviceConfigChanged: N.current.serviceConfig !== n,
       capabilitiesChanged: N.current.capabilities !== l
     }
   }), N.current = {
     userId: s == null ? void 0 : s.id,
-    apiKey: r,
+    apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }, Z(() => {
-    const u = v.current;
+  }, X(() => {
+    const u = w.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
-      apiKey: !!r,
+      apiKey: !!o,
       serviceConfig: !!n,
       dependencies: {
-        apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+        apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
         serviceConfigStable: N.current.serviceConfig === n,
-        apiKeyStable: N.current.apiKey === r
+        apiKeyStable: N.current.apiKey === o
       }
-    }), !r || !n) {
+    }), !o || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
         renderCount: u,
         reason: "Missing apiKey or serviceConfig"
@@ -76,12 +76,12 @@ const et = ft({
     }
     a("🚀 CREATING NEW SERVICE", {
       renderCount: u,
-      apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
+      apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
       serviceConfigChanged: N.current.serviceConfig !== n
     });
     const f = new xt({
       ...n,
-      apiKey: r,
+      apiKey: o,
       debug: d
     });
     return g(f), a("✅ SERVICE SET", {
@@ -93,10 +93,10 @@ const et = ft({
         reason: "Effect cleanup"
       }), f.disconnectUser().catch(console.error);
     };
-  }, [r, n, d, a]);
-  const w = K(null);
-  Z(() => {
-    var f, _;
+  }, [o, n, d, a]);
+  const _ = Q(null);
+  X(() => {
+    var f, E;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
@@ -112,7 +112,7 @@ const et = ft({
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((f = w.current) == null ? void 0 : f.serviceId) === c && ((_ = w.current) == null ? void 0 : _.userId) === s.id) {
+    if (((f = _.current) == null ? void 0 : f.serviceId) === c && ((E = _.current) == null ? void 0 : E.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,40 +120,40 @@ const et = ft({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, S(!0), y(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), M.current = !0, v(!0), p(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
-        const p = await c.connectUser(s);
-        b(p), E(!0), w.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        const y = await c.connectUser(s);
+        b(y), S(!0), _.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
-          clientId: p.userID
+          clientId: y.userID
         });
-      } catch (p) {
-        const D = p instanceof Error ? p.message : "Connection failed";
-        y(D), a("❌ USER CONNECTION ERROR", {
+      } catch (y) {
+        const D = y instanceof Error ? y.message : "Connection failed";
+        p(D), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: D
         });
       } finally {
-        S(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
+        v(!1), M.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
           isConnected: C
         });
       }
     })();
-  }, [c, s, a, C]), Z(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, C]), X(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
     isConnected: C
   }), () => {
     c && C ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), w.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
+    ), _.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
       isConnected: C
     });
   }), [c, C, a]);
-  const A = U(async () => {
+  const L = U(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
       hasUser: !!s
@@ -161,49 +161,49 @@ const et = ft({
       a("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), S(!0);
+    a("🚀 STARTING CONNECTION REFRESH", { userId: s.id }), v(!0);
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      b(u), E(!0), y(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), S(!0), p(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const f = u instanceof Error ? u.message : "Refresh failed";
-      y(f), a("❌ CONNECTION REFRESH ERROR", {
+      p(f), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: f
       });
     } finally {
-      S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
+      v(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
   }, [c, s, a]), x = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
     hasClient: !!h,
     isConnected: C,
     isLoading: m,
-    hasError: !!o,
+    hasError: !!r,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
     client: h,
     isConnected: C,
     isLoading: m,
-    error: o,
+    error: r,
     capabilities: l,
-    refreshConnection: A,
+    refreshConnection: L,
     debug: d
   }), [
     c,
     h,
     C,
     m,
-    o,
+    r,
     l,
-    A,
+    L,
     d,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: v.current,
+    renderCount: w.current,
     willRenderChat: !!(h && C),
     contextValueReady: !!x
   }), /* @__PURE__ */ e(et.Provider, { value: x, children: h && C ? /* @__PURE__ */ e(
@@ -216,18 +216,25 @@ const et = ft({
       children: t
     }
   ) : t });
-}, os = () => Me(), tt = F.createContext({
+}, os = () => Me();
+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 tt = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0
-}), ls = tt.Provider, is = () => F.useContext(tt), st = (t) => {
-  var r, l;
+}), is = tt.Provider, cs = () => F.useContext(tt), st = (t) => {
+  var o, l;
   const [s, n] = k(
-    !!((l = (r = t == null ? void 0 : t.state) == null ? void 0 : r.membership) != null && l.pinned_at)
+    !!((l = (o = t == null ? void 0 : t.state) == null ? void 0 : o.membership) != null && l.pinned_at)
   );
-  return Z(() => {
+  return X(() => {
     var a;
     if (!t) {
       n(!1);
@@ -244,23 +251,23 @@ const et = ft({
       t.off("member.updated", d);
     };
   }, [t]), s;
-}, cs = (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));
-}, ds = (t) => {
+}, ms = (t) => {
   const s = /* @__PURE__ */ new Date();
   if (Math.floor((s.getTime() - t.getTime()) / 1e3) < 60)
     return "Just now";
-  const r = cs(t, s);
-  return r === 0 ? t.toLocaleTimeString([], {
+  const o = ds(t, s);
+  return o === 0 ? t.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
-  }) : r === 1 ? "Yesterday" : r < 7 ? `${r}d` : r < 28 ? `${Math.floor(r / 7)}w` : t.toLocaleDateString("en-US", {
+  }) : o === 1 ? "Yesterday" : o < 7 ? `${o}d` : o < 28 ? `${Math.floor(o / 7)}w` : t.toLocaleDateString("en-US", {
     month: "numeric",
     day: "numeric",
     year: "2-digit"
@@ -293,34 +300,34 @@ const et = ft({
   "🍈"
   // Melon
 ];
-function ms(t) {
+function us(t) {
   let s = 0;
   for (let n = 0; n < t.length; n++) {
-    const r = t.charCodeAt(n);
-    s = (s << 5) - s + r, s = s & s;
+    const o = t.charCodeAt(n);
+    s = (s << 5) - s + o, s = s & s;
   }
   return Math.abs(s);
 }
-function us(t) {
-  const n = ms(t) % Ze.length;
+function hs(t) {
+  const n = us(t) % Ze.length;
   return Ze[n];
 }
-const le = ({
+const ie = ({
   id: t,
   image: s,
   size: n = 40,
-  className: r,
+  className: o,
   starred: l = !1,
   shape: d = "squircle"
 }) => {
-  const a = us(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
+  const a = hs(t), g = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", h = d === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
   return /* @__PURE__ */ i(
     "div",
     {
-      className: L("relative flex-shrink-0", r),
+      className: A("relative flex-shrink-0", o),
       style: {
         width: `${n}px`,
         height: `${n}px`
@@ -345,7 +352,7 @@ const le = ({
           "div",
           {
             "aria-hidden": "true",
-            className: L(
+            className: A(
               "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
               g
             ),
@@ -355,7 +362,7 @@ const le = ({
       ]
     }
   );
-}, hs = ({ size: t = 15 }) => /* @__PURE__ */ e(
+}, fs = ({ size: t = 15 }) => /* @__PURE__ */ e(
   "svg",
   {
     width: t,
@@ -372,45 +379,45 @@ const le = ({
       }
     )
   }
-), fs = (t) => {
+), gs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_TIP";
-}, gs = (t) => {
+}, xs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_PAID";
 }, Be = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_CHATBOT";
-}, xs = (t) => {
+}, bs = (t) => {
   var s;
   return ((s = t.metadata) == null ? void 0 : s.custom_type) === "MESSAGE_ATTACHMENT";
-}, nt = (t) => fs(t) || gs(t), bs = (t) => {
+}, nt = (t) => gs(t) || xs(t), Cs = (t) => {
   var s;
   return nt(t) && !((s = t.text) != null && s.trim());
 }, Re = ({
   message: t,
   standalone: s = !1,
   isMyMessage: n = !1,
-  hasAttachment: r = !1
+  hasAttachment: o = !1
 }) => {
   var C;
   const l = nt(t), d = Be(t);
   if (!l && !d)
     return null;
   if (l) {
-    const E = (C = t.metadata) == null ? void 0 : C.amount_text;
-    if (!E) return null;
-    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", S = s ? `${E} tip` : `Delivered with ${E} tip`;
+    const S = (C = t.metadata) == null ? void 0 : C.amount_text;
+    if (!S) return null;
+    const m = s ? "message-tip-standalone" : "message-tag message-tag--tip", v = s ? `${S} tip` : `Delivered with ${S} tip`;
     return /* @__PURE__ */ i("div", { className: m, children: [
       /* @__PURE__ */ e(Qt, { size: s ? 14 : 12 }),
-      /* @__PURE__ */ e("span", { children: S })
+      /* @__PURE__ */ e("span", { children: v })
     ] });
   }
-  const a = n && r, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
+  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(hs, { size: a ? 12 : 15 }) });
+  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(fs, { size: a ? 12 : 15 }) });
   return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(he, { children: [
     h,
     b
@@ -420,37 +427,37 @@ const le = ({
   ] }) });
 }, at = F.memo(
   ({ channel: t, unread: s }) => {
-    var A, x, u, f;
-    const { selectedChannel: n, onChannelSelect: r, debug: l, renderMessagePreview: d } = is(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
-      t && r(t);
-    }, g = (_) => {
-      const p = _.key === "Enter" || _.key === " ", D = _.repeat;
-      !p || D || (_.preventDefault(), c());
-    }, b = Object.values(((A = t == null ? void 0 : t.state) == null ? void 0 : A.members) || {}).find(
-      (_) => {
-        var p, D;
-        return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
+    var L, x, u, f;
+    const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: d } = cs(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
+      t && o(t);
+    }, g = (E) => {
+      const y = E.key === "Enter" || E.key === " ", D = E.repeat;
+      !y || D || (E.preventDefault(), c());
+    }, b = Object.values(((L = t == null ? void 0 : t.state) == null ? void 0 : L.members) || {}).find(
+      (E) => {
+        var y, D;
+        return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== ((D = t == null ? void 0 : t._client) == null ? void 0 : D.userID);
       }
-    ), C = ((x = b == null ? void 0 : b.user) == null ? void 0 : x.name) || "Conversation", E = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, m = (() => {
-      var p;
-      const _ = (p = t == null ? void 0 : t.state) == null ? void 0 : p.messages;
-      if (_ != null && _.length) {
-        for (let D = _.length - 1; D >= 0; D--)
-          if (_[D].type !== "system") return _[D];
+    ), C = ((x = b == null ? void 0 : b.user) == null ? void 0 : x.name) || "Conversation", S = (u = b == null ? void 0 : b.user) == null ? void 0 : u.image, m = (() => {
+      var y;
+      const E = (y = t == null ? void 0 : t.state) == null ? void 0 : y.messages;
+      if (E != null && E.length) {
+        for (let D = E.length - 1; D >= 0; D--)
+          if (E[D].type !== "system") return E[D];
       }
-    })(), o = (() => {
+    })(), r = (() => {
       var D, G;
       if (m != null && m.text) return m.text;
       if (((D = m == null ? void 0 : m.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const p = (G = m == null ? void 0 : m.attachments) == null ? void 0 : G[0];
-      return p ? p.og_scrape_url ? p.og_scrape_url : p.type === "image" ? "📷 Sent an image" : p.type === "video" ? "🎥 Sent a video" : p.type === "audio" ? "🎵 Sent audio" : p.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), y = m != null && m.created_at ? ds(new Date(m.created_at)) : "", M = m ? Be(m) : !1, N = d ? d(m, o) : `${M ? "✨ " : ""}${o}`, v = st(t), w = s ?? 0;
+      const y = (G = m == null ? void 0 : m.attachments) == null ? void 0 : G[0];
+      return y ? y.og_scrape_url ? y.og_scrape_url : y.type === "image" ? "📷 Sent an image" : y.type === "video" ? "🎥 Sent a video" : y.type === "audio" ? "🎵 Sent audio" : y.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), p = m != null && m.created_at ? ms(new Date(m.created_at)) : "", M = m ? Be(m) : !1, N = d ? d(m, r) : `${M ? "✨ " : ""}${r}`, w = st(t), _ = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
       participantName: C,
-      unreadCount: w,
-      hasTimestamp: !!y
+      unreadCount: _,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ e(
       "div",
       {
@@ -458,7 +465,7 @@ const le = ({
         tabIndex: 0,
         onClick: c,
         onKeyDown: g,
-        className: L(
+        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,
@@ -467,13 +474,13 @@ const le = ({
         ),
         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ e(
-            le,
+            ie,
             {
               id: ((f = b == null ? void 0 : b.user) == null ? void 0 : f.id) || t.id || "unknown",
               name: C,
-              image: E,
+              image: S,
               size: 44,
-              starred: v,
+              starred: w,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -482,21 +489,21 @@ const le = ({
               /* @__PURE__ */ i(
                 "h3",
                 {
-                  className: L(
+                  className: A(
                     "text-sm font-medium truncate",
                     a ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    v && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
+                    w && /* @__PURE__ */ e("span", { className: "sr-only", children: "Starred conversation. " }),
                     C
                   ]
                 }
               ),
-              y && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: y })
+              p && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: p })
             ] }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: N }),
-              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 })
+              _ > 0 && /* @__PURE__ */ e("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: _ > 99 ? "99+" : _ })
             ] })
           ] })
         ] })
@@ -505,54 +512,61 @@ const le = ({
   }
 );
 at.displayName = "CustomChannelPreview";
-const Cs = { last_message_at: -1 }, rt = F.memo(
+const Ns = { last_message_at: -1 }, rt = F.memo(
   ({
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    allowNewMessagesFromUnfilteredChannels: r = !1,
+    allowNewMessagesFromUnfilteredChannels: o = !1,
     onMessageNew: l,
     onAddedToChannel: d,
     channelRenderFilterFn: a,
-    sort: c = Cs,
+    sort: c = Ns,
     className: g,
     customEmptyStateIndicator: h,
     renderMessagePreview: b
   }) => {
     const C = F.useRef(0);
     C.current++;
-    const { debug: E = !1 } = Me();
-    E && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    const { debug: S = !1 } = Me(), m = F.useCallback(
+      (r) => {
+        for (const p of r)
+          ls(p);
+        return a ? a(r) : r;
+      },
+      [a]
+    );
+    S && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: C.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const m = F.useMemo(
+    const v = F.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
-        debug: E,
+        debug: S,
         renderMessagePreview: b
       }),
-      [s, t, E, b]
+      [s, t, S, b]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: L(
+        className: A(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           g
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(ls, { value: m, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(is, { value: v, children: /* @__PURE__ */ e(
           Ct,
           {
             filters: n,
             sort: c,
             options: { limit: 30 },
-            allowNewMessagesFromUnfilteredChannels: r,
+            allowNewMessagesFromUnfilteredChannels: o,
             onMessageNew: l,
             onAddedToChannel: d,
-            channelRenderFilterFn: a,
+            channelRenderFilterFn: m,
             Preview: at,
             EmptyStateIndicator: h
           },
@@ -563,53 +577,38 @@ const Cs = { last_message_at: -1 }, rt = F.memo(
   }
 );
 rt.displayName = "ChannelList";
-function Ns(t) {
-  const s = K(null);
-  Z(() => {
-    const n = t.cid;
-    if (!n || s.current === n) return;
-    const r = t.state.pending_messages;
-    if (!(r != null && r.length)) {
-      s.current = n;
-      return;
-    }
-    for (const l of r)
-      t.state.addMessageSorted(l.message);
-    s.current = n;
-  }, [t]);
-}
 const we = ({
   variant: t = "default",
   className: s,
   children: n,
-  ...r
+  ...o
 }) => /* @__PURE__ */ e(
   "button",
   {
     type: "button",
-    className: L(
+    className: A(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       t === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       s
     ),
-    ...r,
+    ...o,
     children: n
   }
 );
-function ot({ label: t, className: s, children: n, ...r }) {
+function ot({ label: t, className: s, children: n, ...o }) {
   return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      className: L(
+      className: A(
         "rounded-full p-2 transition-colors focus-ring",
         {
-          "cursor-not-allowed opacity-50": r.disabled,
-          "hover:bg-sand": !r.disabled
+          "cursor-not-allowed opacity-50": o.disabled,
+          "hover:bg-sand": !o.disabled
         },
         s
       ),
-      ...r,
+      ...o,
       children: [
         /* @__PURE__ */ e("span", { className: "sr-only", children: t }),
         n
@@ -624,7 +623,7 @@ const ps = ({
   dialogRef: t,
   onClose: s,
   participant: n,
-  channel: r,
+  channel: o,
   followerStatusLabel: l,
   onLeaveConversation: d,
   onBlockParticipant: a,
@@ -633,10 +632,10 @@ const ps = ({
   onBlockParticipantClick: h,
   onReportParticipantClick: b,
   customProfileContent: C,
-  customChannelActions: E
+  customChannelActions: S
 }) => {
-  var J, X, P, V, z, ie, ce;
-  const { service: m, debug: S } = Me(), [o, y] = k(!1), [M, N] = k(!1), [v, w] = k(!1), A = U(async () => {
+  var Z, J, P, V, z, ce, de;
+  const { service: m, debug: v } = Me(), [r, p] = k(!1), [M, N] = k(!1), [w, _] = k(!1), L = U(async () => {
     var R;
     if (!(!m || !((R = n == null ? void 0 : n.user) != null && R.id)))
       try {
@@ -646,24 +645,24 @@ const ps = ({
             return W.blocked_user_id === ((ne = n == null ? void 0 : n.user) == null ? void 0 : ne.id);
           }
         );
-        y(Y);
+        p(Y);
       } catch (O) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
           O
         );
       }
-  }, [m, (J = n == null ? void 0 : n.user) == null ? void 0 : J.id]);
-  Z(() => {
-    A();
-  }, [A]);
+  }, [m, (Z = n == null ? void 0 : n.user) == null ? void 0 : Z.id]);
+  X(() => {
+    L();
+  }, [L]);
   const x = async () => {
     var R;
     if (!M) {
-      g == null || g(), S && console.log("[ChannelInfoDialog] Leave conversation", r.cid), N(!0);
+      g == null || g(), v && console.log("[ChannelInfoDialog] Leave conversation", o.cid), N(!0);
       try {
-        const O = ((R = r._client) == null ? void 0 : R.userID) ?? null;
-        await r.hide(O, !1), d && await d(r), s();
+        const O = ((R = o._client) == null ? void 0 : R.userID) ?? null;
+        await o.hide(O, !1), d && await d(o), s();
       } catch (O) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", O);
       } finally {
@@ -672,29 +671,29 @@ const ps = ({
     }
   }, u = async () => {
     var R, O, Y;
-    if (!(v || !m)) {
-      h == null || h(), S && console.log("[ChannelInfoDialog] Block member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), w(!0);
+    if (!(w || !m)) {
+      h == null || h(), v && console.log("[ChannelInfoDialog] Block member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
       try {
         await m.blockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
       } catch (W) {
         console.error("[ChannelInfoDialog] Failed to block member", W);
       } finally {
-        w(!1);
+        _(!1);
       }
     }
   }, f = async () => {
     var R, O, Y;
-    if (!(v || !m)) {
-      h == null || h(), S && console.log("[ChannelInfoDialog] Unblock member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), w(!0);
+    if (!(w || !m)) {
+      h == null || h(), v && console.log("[ChannelInfoDialog] Unblock member", (R = n == null ? void 0 : n.user) == null ? void 0 : R.id), _(!0);
       try {
         await m.unBlockUser((O = n == null ? void 0 : n.user) == null ? void 0 : O.id), a && await a((Y = n == null ? void 0 : n.user) == null ? void 0 : Y.id), s();
       } catch (W) {
         console.error("[ChannelInfoDialog] Failed to unblock member", W);
       } finally {
-        w(!1);
+        _(!1);
       }
     }
-  }, _ = () => {
+  }, E = () => {
     b == null || b(), s(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -702,7 +701,7 @@ const ps = ({
     );
   };
   if (!n) return null;
-  const p = ((X = n.user) == null ? void 0 : X.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ie = n.user) == null ? void 0 : ie.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((ce = n.user) == null ? void 0 : ce.id) || "unknown";
+  const y = ((J = n.user) == null ? void 0 : J.name) || ((P = n.user) == null ? void 0 : P.id) || "Unknown member", D = (V = n.user) == null ? void 0 : V.image, G = (z = n.user) == null ? void 0 : z.email, T = (ce = n.user) == null ? void 0 : ce.username, $ = G || (T ? `linktr.ee/${T}` : void 0), se = ((de = n.user) == null ? void 0 : de.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -727,17 +726,17 @@ const ps = ({
                 style: { backgroundColor: "#FBFAF9" },
                 children: /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ e(
-                    le,
+                    ie,
                     {
                       id: se,
-                      name: p,
+                      name: y,
                       image: D,
                       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: p }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: y }),
                     $ && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: $ }),
                     l && !C && /* @__PURE__ */ e(
                       "span",
@@ -771,14 +770,14 @@ const ps = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: o ? /* @__PURE__ */ i(
+              /* @__PURE__ */ e("li", { children: r ? /* @__PURE__ */ i(
                 we,
                 {
                   onClick: f,
-                  disabled: v,
-                  "aria-busy": v,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
@@ -786,19 +785,19 @@ const ps = ({
                 we,
                 {
                   onClick: u,
-                  disabled: v,
-                  "aria-busy": v,
+                  disabled: w,
+                  "aria-busy": w,
                   children: [
-                    v ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(He, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: _, children: [
+              /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(we, { variant: "danger", onClick: E, children: [
                 /* @__PURE__ */ e(ts, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              E
+              S
             ] })
           ] })
         ] })
@@ -810,31 +809,31 @@ function vs(t) {
   return t != null && t.length ? t.some((s) => s.type === Fe) ? "down" : t.some((s) => s.type === Pe) ? "up" : null : null;
 }
 function ws(t) {
-  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), r = Le(
+  const { channel: s } = Ie(), { client: n } = Ke("useMessageVote"), o = Le(
     () => vs(t.own_reactions),
     [t.own_reactions]
   ), l = U(async () => {
     if (n != null && n.userID)
       try {
-        r === "up" ? await s.deleteReaction(t.id, Pe) : await s.sendReaction(
+        o === "up" ? await s.deleteReaction(t.id, Pe) : await s.sendReaction(
           t.id,
           { type: Pe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]), d = U(async () => {
+  }, [s, n == null ? void 0 : n.userID, t.id, o]), d = U(async () => {
     if (n != null && n.userID)
       try {
-        r === "down" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
+        o === "down" ? await s.deleteReaction(t.id, Fe) : await s.sendReaction(
           t.id,
           { type: Fe },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [s, n == null ? void 0 : n.userID, t.id, r]);
-  return { selected: r, voteUp: l, voteDown: d };
+  }, [s, n == null ? void 0 : n.userID, t.id, o]);
+  return { selected: o, voteUp: l, voteDown: d };
 }
 const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => import("./Visitor-C4WqnN8H.js")), Je = () => /* @__PURE__ */ e(
   "div",
@@ -890,11 +889,11 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
     }
   )
 ] }), Ts = (t) => {
-  var ge, xe, be, oe, Q, Ce, Ne, pe;
+  var ge, xe, be, le, K, Ce, Ne, pe;
   const {
     additionalMessageInputProps: s,
     chatbotVotingEnabled: n,
-    onAttachmentUnlock: r,
+    onAttachmentUnlock: o,
     onAttachmentDownload: l,
     editing: d,
     endOfGroup: a,
@@ -903,57 +902,57 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
     handleAction: h,
     handleOpenThread: b,
     handleRetry: C,
-    highlighted: E,
+    highlighted: S,
     isMessageAIGenerated: m,
-    isMyMessage: S,
-    message: o,
-    renderText: y,
+    isMyMessage: v,
+    message: r,
+    renderText: p,
     threadList: M
-  } = t, { client: N } = Ke("CustomMessage"), { channel: v } = Ie("CustomMessage"), [w, A] = k(!1), x = yt(o.id), { selected: u, voteUp: f, voteDown: _ } = ws(o), {
-    Attachment: p = wt,
+  } = t, { client: N } = Ke("CustomMessage"), { channel: w } = Ie("CustomMessage"), [_, L] = k(!1), x = yt(r.id), { selected: u, voteUp: f, voteDown: E } = ws(r), {
+    Attachment: y = wt,
     EditMessageModal: D = _t,
     MessageBlocked: G = Et,
     MessageBouncePrompt: T = St,
     MessageDeleted: $ = It,
     MessageIsThreadReplyInChannelButtonIndicator: se = Mt,
-    MessageRepliesCountButton: J = kt,
-    ReminderNotification: X = Tt,
+    MessageRepliesCountButton: Z = kt,
+    ReminderNotification: J = Tt,
     StreamedMessageText: P = Dt,
     PinIndicator: V
-  } = vt("CustomMessage"), z = Rt(o), ie = At(o), ce = Le(
-    () => m == null ? void 0 : m(o),
-    [m, o]
+  } = vt("CustomMessage"), z = Rt(r), ce = At(r), de = Le(
+    () => m == null ? void 0 : m(r),
+    [m, r]
   ), R = Le(
-    () => !o.shared_location && !o.attachments ? [] : o.shared_location ? [o.shared_location, ...o.attachments ?? []] : o.attachments,
-    [o]
+    () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
+    [r]
   );
-  if (Lt(o))
+  if (Lt(r))
     return null;
-  if (o.deleted_at || o.type === "deleted")
-    return /* @__PURE__ */ e($, { message: o });
-  if (Ut(o))
+  if (r.deleted_at || r.type === "deleted")
+    return /* @__PURE__ */ e($, { message: r });
+  if (Ut(r))
     return /* @__PURE__ */ e(G, {});
-  const O = !M && !!o.reply_count, Y = !M && o.show_in_channel && o.parent_id, W = o.status === "failed" && ((ge = o.error) == null ? void 0 : ge.status) !== 403, ne = Pt(o);
+  const O = !M && !!r.reply_count, Y = !M && r.show_in_channel && r.parent_id, W = r.status === "failed" && ((ge = r.error) == null ? void 0 : ge.status) !== 403, ne = Pt(r);
   let ee;
-  W ? ee = () => C(o) : ne && (ee = () => A(!0));
-  const de = S(), Ge = L(
+  W ? ee = () => C(r) : ne && (ee = () => L(!0));
+  const ae = v(), Ge = A(
     "str-chat__message str-chat__message-simple",
-    `str-chat__message--${o.type}`,
-    `str-chat__message--${o.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
-    o.text ? "str-chat__message--has-text" : "has-no-text",
+    `str-chat__message--${r.type}`,
+    `str-chat__message--${r.status}`,
+    ae ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    r.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": z,
-      "str-chat__message--highlighted": E,
-      "str-chat__message--pinned pinned-message": o.pinned,
-      "str-chat__message--with-reactions": ie,
-      "str-chat__message-send-can-be-retried": (o == null ? void 0 : o.status) === "failed" && ((xe = o == null ? void 0 : o.error) == null ? void 0 : xe.status) !== 403,
+      "str-chat__message--highlighted": S,
+      "str-chat__message--pinned pinned-message": r.pinned,
+      "str-chat__message--with-reactions": ce,
+      "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((xe = r == null ? void 0 : r.error) == null ? void 0 : xe.status) !== 403,
       "str-chat__message-with-thread-link": O || Y,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": c,
       "str-chat__virtual-message__wrapper--group": g
     }
-  ), q = o.poll_id && N.polls.fromState(o.poll_id), me = bs(o), ae = Be(o), re = xs(o), te = !!(R != null && R.length && !o.quoted_message), fe = ae && de && te;
+  ), q = r.poll_id && N.polls.fromState(r.poll_id), me = Cs(r), re = Be(r), oe = bs(r), te = !!(R != null && R.length && !r.quoted_message), fe = re && ae && te;
   return /* @__PURE__ */ i(he, { children: [
     d && /* @__PURE__ */ e(
       D,
@@ -961,30 +960,30 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
         additionalMessageInputProps: s
       }
     ),
-    w && /* @__PURE__ */ e(
+    _ && /* @__PURE__ */ e(
       Ft,
       {
         MessageBouncePrompt: T,
-        onClose: () => A(!1),
-        open: w
+        onClose: () => L(!1),
+        open: _
       }
     ),
     /* @__PURE__ */ i("div", { className: Ge, children: [
       V && /* @__PURE__ */ e(V, {}),
-      !!x && /* @__PURE__ */ e(X, { reminder: x }),
-      o.user && /* @__PURE__ */ e(
-        le,
+      !!x && /* @__PURE__ */ e(J, { reminder: x }),
+      r.user && /* @__PURE__ */ e(
+        ie,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: o.user.id,
-          image: o.user.image,
-          name: o.user.name || o.user.id
+          id: r.user.id,
+          image: r.user.image,
+          name: r.user.name || r.user.id
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
-          className: L("str-chat__message-inner", {
+          className: A("str-chat__message-inner", {
             "str-chat__simple-message--error-failed": W || ne
           }),
           "data-testid": "message-inner",
@@ -998,79 +997,79 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
             marginInlineEnd: 0,
             marginInlineStart: 0
           },
-          children: re ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
+          children: oe ? /* @__PURE__ */ i("div", { className: A("flex flex-col gap-1", ae ? "items-end" : "items-start"), children: [
             /* @__PURE__ */ e(
               Ss,
               {
-                title: (be = o.metadata) == null ? void 0 : be.attachment_title,
-                mimeType: (oe = o.metadata) == null ? void 0 : oe.attachment_mime_type,
-                thumbnail: (Q = o.metadata) == null ? void 0 : Q.attachment_thumbnail,
-                amountText: (Ce = o.metadata) == null ? void 0 : Ce.amount_text,
-                detail: (Ne = o.metadata) == null ? void 0 : Ne.attachment_detail,
-                paymentStatus: (pe = o.metadata) == null ? void 0 : pe.payment_status,
-                onUnlock: r ? () => r(o, v) : void 0,
-                onDownload: l ? () => l(o, v) : void 0
+                title: (be = r.metadata) == null ? void 0 : be.attachment_title,
+                mimeType: (le = r.metadata) == null ? void 0 : le.attachment_mime_type,
+                thumbnail: (K = r.metadata) == null ? void 0 : K.attachment_thumbnail,
+                amountText: (Ce = r.metadata) == null ? void 0 : Ce.amount_text,
+                detail: (Ne = r.metadata) == null ? void 0 : Ne.attachment_detail,
+                paymentStatus: (pe = r.metadata) == null ? void 0 : pe.payment_status,
+                onUnlock: o ? () => o(r, w) : void 0,
+                onDownload: l ? () => l(r, w) : void 0
               }
             ),
-            o.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: o, renderText: y }) }) })
+            r.text && /* @__PURE__ */ e("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ e("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ e(ze, { message: r, renderText: p }) }) })
           ] }) : me ? (
             /* Tip-only messages render as a standalone bubble */
-            /* @__PURE__ */ e(Re, { message: o, standalone: !0 })
+            /* @__PURE__ */ e(Re, { message: r, standalone: !0 })
           ) : /* @__PURE__ */ i("div", { className: "str-chat__message-bubble-wrapper", children: [
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
-              ae && !fe && /* @__PURE__ */ e(
+              re && !fe && /* @__PURE__ */ e(
                 Re,
                 {
-                  message: o,
+                  message: r,
                   hasAttachment: te,
-                  isMyMessage: de
+                  isMyMessage: ae
                 }
               ),
               q && /* @__PURE__ */ e(Ot, { poll: q }),
-              R != null && R.length && !o.quoted_message ? /* @__PURE__ */ e(
-                p,
+              R != null && R.length && !r.quoted_message ? /* @__PURE__ */ e(
+                y,
                 {
                   actionHandler: h,
                   attachments: R
                 }
               ) : null,
-              ce ? /* @__PURE__ */ e(
+              de ? /* @__PURE__ */ e(
                 P,
                 {
-                  message: o,
-                  renderText: y
+                  message: r,
+                  renderText: p
                 }
-              ) : /* @__PURE__ */ e(ze, { message: o, renderText: y }),
+              ) : /* @__PURE__ */ e(ze, { message: r, renderText: p }),
               /* @__PURE__ */ e(Bt, {})
             ] }),
-            (!ae || fe) && /* @__PURE__ */ e(
+            (!re || fe) && /* @__PURE__ */ e(
               Re,
               {
-                message: o,
+                message: r,
                 hasAttachment: te,
-                isMyMessage: de
+                isMyMessage: ae
               }
             ),
-            n && ae && /* @__PURE__ */ e(
+            n && re && /* @__PURE__ */ e(
               ks,
               {
                 selected: u,
                 onVoteUp: f,
-                onVoteDown: _
+                onVoteDown: E
               }
             )
           ] })
         }
       ),
       O && /* @__PURE__ */ e(
-        J,
+        Z,
         {
           onClick: b,
-          reply_count: o.reply_count
+          reply_count: r.reply_count
         }
       ),
       Y && /* @__PURE__ */ e(se, {})
-    ] }, o.id)
+    ] }, r.id)
   ] });
 }, Ds = F.memo(
   Ts,
@@ -1086,7 +1085,7 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
   link: t,
   onDismiss: s
 }) => {
-  const { og_scrape_url: n, title: r, image_url: l } = t;
+  const { og_scrape_url: n, title: o, image_url: l } = t;
   return /* @__PURE__ */ i(
     "a",
     {
@@ -1099,7 +1098,7 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
           "img",
           {
             src: l,
-            alt: r || "",
+            alt: o || "",
             className: "h-[148px] w-full rounded-[20px] object-cover"
           }
         ),
@@ -1116,7 +1115,7 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
           }
         ),
         /* @__PURE__ */ i("div", { className: "p-2", children: [
-          r && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: r }),
+          o && /* @__PURE__ */ e("div", { className: "text-[14px] font-medium leading-5 text-white", children: o }),
           /* @__PURE__ */ e("div", { className: "text-[12px] leading-4 text-white/55", children: n })
         ] })
       ]
@@ -1185,8 +1184,8 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
 ], $s = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
 }, Ae = "age safety guidelines.", js = "https://linktr.ee/s/about/contact", Xe = (t) => Os.includes(t), zs = (t) => Gs.includes(t), Hs = (t) => {
-  var r;
-  const s = (r = t.metadata) == null ? void 0 : r.custom_type;
+  var o;
+  const s = (o = t.metadata) == null ? void 0 : o.custom_type;
   if (Xe(s))
     return {
       kind: "dm-agent",
@@ -1223,12 +1222,12 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
     t.slice(n)
   ] });
 }, Ys = (t) => {
-  var r, l;
+  var o, l;
   const s = t.message.hide_date === !0, n = Hs(
     t.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const d = ((r = t.message.text) == null ? void 0 : r.trim()) || Bs[n.type];
+    const d = ((o = t.message.text) == null ? void 0 : o.trim()) || Bs[n.type];
     return /* @__PURE__ */ i("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ i(
         "div",
@@ -1291,7 +1290,7 @@ const _s = F.lazy(() => import("./Creator-VyMyIk2b.js")), Es = F.lazy(() => impo
 }, Ws = () => null, qs = ({ className: t, message: s }) => /* @__PURE__ */ i(
   "div",
   {
-    className: L("flex items-center justify-center h-full", t),
+    className: A("flex items-center justify-center h-full", t),
     children: [
       /* @__PURE__ */ i("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ e(
@@ -1340,22 +1339,22 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBack: t,
   showBackButton: s,
   onShowInfo: n,
-  canShowInfo: r,
+  canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var C, E, m, S, o;
+  var C, S, m, v, r;
   const { channel: d } = Ie(), a = F.useMemo(() => Object.values(d.state.members || {}).find(
     (M) => {
       var N;
       return ((N = M.user) == null ? void 0 : N.id) && M.user.id !== d._client.userID;
     }
-  ), [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", g = (m = a == null ? void 0 : a.user) == null ? void 0 : m.image, h = st(d), b = async () => {
+  ), [d._client.userID, d.state.members]), c = ((C = a == null ? void 0 : a.user) == null ? void 0 : C.name) || ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || "Unknown member", g = (m = a == null ? void 0 : a.user) == null ? void 0 : m.image, h = st(d), b = async () => {
     try {
       h ? await d.unpin() : await d.pin();
-    } catch (y) {
+    } catch (p) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        y
+        p
       );
     }
   };
@@ -1374,9 +1373,9 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ) }),
       /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ e(
-          le,
+          ie,
           {
-            id: ((S = a == null ? void 0 : a.user) == null ? void 0 : S.id) || d.id || "unknown",
+            id: ((v = a == null ? void 0 : a.user) == null ? void 0 : v.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: l && h,
@@ -1396,7 +1395,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               Ue,
               {
-                className: L("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": h,
                   "text-black/90": !h
                 }),
@@ -1430,9 +1429,9 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         ),
         /* @__PURE__ */ e(
-          le,
+          ie,
           {
-            id: ((o = a == null ? void 0 : a.user) == null ? void 0 : o.id) || d.id || "unknown",
+            id: ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || d.id || "unknown",
             name: c,
             image: g,
             starred: l && h,
@@ -1452,7 +1451,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             children: /* @__PURE__ */ e(
               Ue,
               {
-                className: L("size-5", {
+                className: A("size-5", {
                   "text-yellow-600": h,
                   "text-black/90": !h
                 }),
@@ -1461,7 +1460,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             )
           }
         ),
-        r && n && /* @__PURE__ */ e(
+        o && n && /* @__PURE__ */ e(
           "button",
           {
             className: ue,
@@ -1478,7 +1477,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBack: t,
   showBackButton: s,
   renderMessageInputActions: n,
-  renderConversationFooter: r,
+  renderConversationFooter: o,
   onLeaveConversation: l,
   onBlockParticipant: d,
   showDeleteConversation: a = !0,
@@ -1487,21 +1486,19 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onReportParticipantClick: h,
   showStarButton: b = !1,
   chatbotVotingEnabled: C = !1,
-  onAttachmentUnlock: E,
+  onAttachmentUnlock: S,
   onAttachmentDownload: m,
-  renderChannelBanner: S,
-  customProfileContent: o,
-  customChannelActions: y,
+  renderChannelBanner: v,
+  customProfileContent: r,
+  customChannelActions: p,
   renderMessage: M
 }) => {
-  const { channel: N } = Ie();
-  Ns(N);
-  const v = K(null), w = F.useMemo(() => Object.values(N.state.members || {}).find(
-    (_) => {
-      var p;
-      return ((p = _.user) == null ? void 0 : p.id) && _.user.id !== N._client.userID;
+  const { channel: N } = Ie(), w = Q(null), _ = F.useMemo(() => Object.values(N.state.members || {}).find(
+    (E) => {
+      var y;
+      return ((y = E.user) == null ? void 0 : y.id) && E.user.id !== N._client.userID;
     }
-  ), [N._client.userID, N.state.members]), A = F.useMemo(() => {
+  ), [N._client.userID, N.state.members]), L = F.useMemo(() => {
     const f = N.data ?? {};
     if (f.followerStatus)
       return String(f.followerStatus);
@@ -1509,10 +1506,10 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       return f.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [N.data]), x = U(() => {
     var f;
-    (f = v.current) == null || f.showModal();
+    (f = w.current) == null || f.showModal();
   }, []), u = U(() => {
     var f;
-    (f = v.current) == null || f.close();
+    (f = w.current) == null || f.close();
   }, []);
   return /* @__PURE__ */ i(he, { children: [
     /* @__PURE__ */ e(
@@ -1520,16 +1517,16 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       {
         overrides: {
           Message: (f) => {
-            const { message: _ } = Qe("ChannelView"), p = /* @__PURE__ */ e(
+            const { message: E } = Qe("ChannelView"), y = /* @__PURE__ */ e(
               Rs,
               {
                 ...f,
                 chatbotVotingEnabled: C,
-                onAttachmentUnlock: E,
+                onAttachmentUnlock: S,
                 onAttachmentDownload: m
               }
             );
-            return !M || !_ ? p : M(p, _);
+            return !M || !E ? y : M(y, E);
           }
         },
         children: /* @__PURE__ */ i(Xt, { children: [
@@ -1539,11 +1536,11 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               onBack: t,
               showBackButton: s,
               onShowInfo: x,
-              canShowInfo: !!w,
+              canShowInfo: !!_,
               showStarButton: b
             }
           ) }),
-          S == null ? void 0 : S(),
+          v == null ? void 0 : v(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
             Kt,
             {
@@ -1552,7 +1549,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               messageActions: void 0
             }
           ) }),
-          r == null ? void 0 : r(N),
+          o == null ? void 0 : o(N),
           /* @__PURE__ */ e(
             Fs,
             {
@@ -1565,19 +1562,19 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ e(
       ps,
       {
-        dialogRef: v,
+        dialogRef: w,
         onClose: u,
-        participant: w,
+        participant: _,
         channel: N,
-        followerStatusLabel: A,
+        followerStatusLabel: L,
         onLeaveConversation: l,
         onBlockParticipant: d,
         showDeleteConversation: a,
         onDeleteConversationClick: c,
         onBlockParticipantClick: g,
         onReportParticipantClick: h,
-        customProfileContent: o,
-        customChannelActions: y
+        customProfileContent: r,
+        customChannelActions: p
       }
     )
   ] });
@@ -1586,7 +1583,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     channel: t,
     onBack: s,
     showBackButton: n = !1,
-    renderMessageInputActions: r,
+    renderMessageInputActions: o,
     renderConversationFooter: l,
     onLeaveConversation: d,
     onBlockParticipant: a,
@@ -1595,43 +1592,43 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     showDeleteConversation: h = !0,
     onDeleteConversationClick: b,
     onBlockParticipantClick: C,
-    onReportParticipantClick: E,
+    onReportParticipantClick: S,
     dmAgentEnabled: m,
-    messageMetadata: S,
-    onMessageSent: o,
-    showStarButton: y = !1,
+    messageMetadata: v,
+    onMessageSent: r,
+    showStarButton: p = !1,
     chatbotVotingEnabled: M = !1,
     onAttachmentUnlock: N,
-    onAttachmentDownload: v,
-    renderChannelBanner: w,
-    customProfileContent: A,
+    onAttachmentDownload: w,
+    renderChannelBanner: _,
+    customProfileContent: L,
     customChannelActions: x,
     renderMessage: u
   }) => {
     const f = U(
-      async (_, p, D) => {
-        var X;
-        const G = ((X = t.data) == null ? void 0 : X.chatbot_paused) === !0, T = m && !G, $ = {
-          ...p,
+      async (E, y, D) => {
+        var J;
+        const G = ((J = t.data) == null ? void 0 : J.chatbot_paused) === !0, T = m && !G, $ = {
+          ...y,
           ...T && { silent: !0 },
-          ...S && {
+          ...v && {
             metadata: {
-              ...p.metadata ?? {},
-              ...S
+              ...y.metadata ?? {},
+              ...v
             }
           }
         }, se = {
           ...D,
           ...T && { skip_push: !0 }
-        }, J = await t.sendMessage($, se);
-        return o == null || o(J), J;
+        }, Z = await t.sendMessage($, se);
+        return r == null || r(Z), Z;
       },
-      [t, m, S, o]
+      [t, m, v, r]
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        className: L(
+        className: A(
           "messaging-channel-view h-full flex flex-col",
           c
         ),
@@ -1649,7 +1646,7 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               {
                 onBack: s,
                 showBackButton: n,
-                renderMessageInputActions: r,
+                renderMessageInputActions: o,
                 renderConversationFooter: l,
                 onLeaveConversation: d,
                 onBlockParticipant: a,
@@ -1657,13 +1654,13 @@ const ue = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 showDeleteConversation: h,
                 onDeleteConversationClick: b,
                 onBlockParticipantClick: C,
-                onReportParticipantClick: E,
-                showStarButton: y,
+                onReportParticipantClick: S,
+                showStarButton: p,
                 chatbotVotingEnabled: M,
                 onAttachmentUnlock: N,
-                onAttachmentDownload: v,
-                renderChannelBanner: w,
-                customProfileContent: A,
+                onAttachmentDownload: w,
+                renderChannelBanner: _,
+                customProfileContent: L,
                 customChannelActions: x,
                 renderMessage: u
               }
@@ -1680,7 +1677,7 @@ function Xs({
   setSearchQuery: s,
   placeholder: n
 }) {
-  const r = K(null);
+  const o = Q(null);
   return /* @__PURE__ */ i("div", { className: "relative", children: [
     /* @__PURE__ */ e(
       rs,
@@ -1692,7 +1689,7 @@ function Xs({
     /* @__PURE__ */ e(
       "input",
       {
-        ref: r,
+        ref: o,
         type: "text",
         placeholder: n,
         value: t,
@@ -1706,7 +1703,7 @@ function Xs({
         label: "Clear search",
         onClick: () => {
           var l;
-          s(""), (l = r.current) == null || l.focus();
+          s(""), (l = o.current) == null || l.focus();
         },
         className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-stone hover:text-charcoal",
         children: /* @__PURE__ */ e(Oe, { className: "h-4 w-4", weight: "bold" })
@@ -1718,17 +1715,17 @@ const Ks = ({
   participantSource: t,
   onSelectParticipant: s,
   onClose: n,
-  existingParticipantIds: r = /* @__PURE__ */ new Set(),
+  existingParticipantIds: o = /* @__PURE__ */ new Set(),
   participantLabel: l = "participants",
   searchPlaceholder: d = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [E, m] = k(!1), [S, o] = k(null), [y, M] = k(
+  const { debug: c } = Me(), [g, h] = k(""), [b, C] = k([]), [S, m] = k(!1), [v, r] = k(null), [p, M] = k(
     null
-  ), N = K(!1);
-  Z(() => {
+  ), N = Q(!1);
+  X(() => {
     N.current = !1;
-  }, [t]), Z(() => {
+  }, [t]), X(() => {
     if (t.loading) {
       c && console.log(
         "[ParticipantPicker] Waiting for participant source to finish loading..."
@@ -1737,7 +1734,7 @@ const Ks = ({
     }
     if (N.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), o(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), m(!0), r(null);
       try {
         const u = await t.loadParticipants({
           search: "",
@@ -1750,20 +1747,20 @@ const Ks = ({
         );
       } catch (u) {
         const f = u instanceof Error ? u.message : "Failed to load participants";
-        o(f), console.error("[ParticipantPicker] Failed to load participants:", u);
+        r(f), console.error("[ParticipantPicker] Failed to load participants:", u);
       } finally {
         m(!1);
       }
     })();
   }, [t, c]);
-  const v = b.filter((x) => !r.has(x.id)).filter((x) => {
+  const w = b.filter((x) => !o.has(x.id)).filter((x) => {
     var f;
     if (!g) return !0;
     const u = g.toLowerCase();
     return x.name.toLowerCase().includes(u) || ((f = x.email) == null ? void 0 : f.toLowerCase().includes(u)) || !1;
-  }), w = U(
+  }), _ = U(
     async (x) => {
-      if (!y) {
+      if (!p) {
         M(x.id);
         try {
           await s(x);
@@ -1772,11 +1769,11 @@ const Ks = ({
         }
       }
     },
-    [s, y]
-  ), A = (x, u) => {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), w(u));
+    [s, p]
+  ), L = (x, u) => {
+    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), _(u));
   };
-  return /* @__PURE__ */ i("div", { className: L("flex flex-col h-full", a), children: [
+  return /* @__PURE__ */ i("div", { className: A("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-charcoal", children: "Start a new Conversation" }),
@@ -1786,7 +1783,7 @@ const Ks = ({
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        v.length,
+        w.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
@@ -1799,37 +1796,37 @@ const Ks = ({
         }
       )
     ] }),
-    S && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
+    v && /* @__PURE__ */ i("div", { className: "p-4 text-sm text-danger bg-danger-alt", children: [
       "Error loading ",
       l,
       ": ",
-      S
+      v
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: E && v.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: S && w.length === 0 ? /* @__PURE__ */ e("div", { className: "h-32 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ e("div", { className: "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,
         "..."
       ] })
-    ] }) }) : v.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+    ] }) }) : w.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
       /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-sand", children: /* @__PURE__ */ e(We, { className: "h-8 w-8 text-charcoal" }) }),
       /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: g ? "Try a different search term" : b.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
-      v.map((x) => {
+      w.map((x) => {
         const u = x.name || x.email || x.id, f = x.email && x.name ? x.email : x.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => w(x),
-            onKeyDown: (_) => A(_, x),
+            onClick: () => _(x),
+            onKeyDown: (E) => L(E, x),
             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(
-                  le,
+                  ie,
                   {
                     id: x.id,
                     name: u,
@@ -1842,12 +1839,12 @@ const Ks = ({
                   f && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: f })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: y === x.id ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === x.id ? /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(We, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
         ) }, x.id);
       }),
-      E && /* @__PURE__ */ e("li", { className: "p-4 flex justify-center", children: /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      S && /* @__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..." })
       ] }) })
@@ -2016,7 +2013,7 @@ const dn = ({
   capabilities: t = {},
   className: s,
   renderMessageInputActions: n,
-  renderConversationFooter: r,
+  renderConversationFooter: o,
   onChannelSelect: l,
   onParticipantSelect: d,
   initialParticipantFilter: a,
@@ -2025,21 +2022,21 @@ const dn = ({
   showChannelList: h = !0,
   filters: b,
   channelRenderFilterFn: C,
-  channelListCustomEmptyStateIndicator: E,
+  channelListCustomEmptyStateIndicator: S,
   onDeleteConversationClick: m,
-  onBlockParticipantClick: S,
-  onReportParticipantClick: o,
-  dmAgentEnabled: y,
+  onBlockParticipantClick: v,
+  onReportParticipantClick: r,
+  dmAgentEnabled: p,
   messageMetadata: M,
   onMessageSent: N,
-  showStarButton: v = !1,
-  chatbotVotingEnabled: w = !1,
-  renderMessagePreview: A,
+  showStarButton: w = !1,
+  chatbotVotingEnabled: _ = !1,
+  renderMessagePreview: L,
   renderChannelBanner: x,
   customProfileContent: u,
   customChannelActions: f,
-  renderMessage: _,
-  onAttachmentUnlock: p,
+  renderMessage: E,
+  onAttachmentUnlock: y,
   onAttachmentDownload: D
 }) => {
   const {
@@ -2047,10 +2044,10 @@ const dn = ({
     client: T,
     isConnected: $,
     isLoading: se,
-    error: J,
-    refreshConnection: X,
+    error: Z,
+    refreshConnection: J,
     debug: P
-  } = os(), [V, z] = k(null), [ie, ce] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [de, Ge] = k(0), [q, me] = k(!1), [ae, re] = k(null), te = K(null), {
+  } = os(), [V, z] = k(null), [ce, de] = k(!1), [R, O] = k(!1), [Y, W] = k(!1), [ne, ee] = k(/* @__PURE__ */ new Set()), [ae, Ge] = k(0), [q, me] = k(!1), [re, oe] = k(null), te = Q(null), {
     participantSource: fe,
     participantLabel: ge = "participants",
     showDeleteConversation: xe = !0
@@ -2067,7 +2064,7 @@ const dn = ({
       },
       ...b
     };
-  }, [b, T == null ? void 0 : T.userID]), oe = K(null), Q = U(async () => {
+  }, [b, T == null ? void 0 : T.userID]), le = Q(null), K = U(async () => {
     if (!T || !$) return;
     const I = T.userID;
     if (I)
@@ -2088,7 +2085,7 @@ const dn = ({
             const Te = ($e = ht.user) == null ? void 0 : $e.id;
             Te && Te !== I && B.add(Te);
           });
-        }), ee((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), ce(H.length > 0), O(!0), oe.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
+        }), ee((j) => j.size === B.size && [...j].every((ke) => B.has(ke)) ? j : B), de(H.length > 0), O(!0), le.current = I, P && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: H.length,
           memberCount: B.size
         });
@@ -2096,11 +2093,11 @@ const dn = ({
         console.error("[MessagingShell] Failed to sync channels:", H);
       }
   }, [T, $, P]);
-  Z(() => {
+  X(() => {
     if (!T || !$) return;
     const I = T.userID;
-    I && oe.current !== I && Q();
-  }, [T, $, Q]), Z(() => {
+    I && le.current !== I && K();
+  }, [T, $, K]), X(() => {
     if (!a || !T || !$) return;
     (async () => {
       const H = T.userID;
@@ -2119,7 +2116,7 @@ const dn = ({
             { limit: 1 }
           );
           if (B.length > 0)
-            z(B[0]), me(!0), re(null), l && l(B[0]), P && console.log(
+            z(B[0]), me(!0), oe(null), l && l(B[0]), P && console.log(
               "[MessagingShell] Initial conversation loaded:",
               B[0].id
             );
@@ -2135,7 +2132,7 @@ const dn = ({
                 email: c.email,
                 phone: c.phone
               });
-              z(j), me(!0), re(null), l && l(j), P && console.log(
+              z(j), me(!0), oe(null), l && l(j), P && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 j.id
               );
@@ -2143,10 +2140,10 @@ const dn = ({
               console.error(
                 "[MessagingShell] Failed to create conversation:",
                 j
-              ), re("Failed to create conversation");
+              ), oe("Failed to create conversation");
             }
           } else
-            re(
+            oe(
               "No conversation found with this account"
             ), P && console.log(
               "[MessagingShell] No conversation found for:",
@@ -2156,7 +2153,7 @@ const dn = ({
           console.error(
             "[MessagingShell] Failed to load initial conversation:",
             B
-          ), re("Failed to load conversation");
+          ), oe("Failed to load conversation");
         }
     })();
   }, [
@@ -2211,25 +2208,25 @@ const dn = ({
     [ye]
   ), mt = U(
     async (I) => {
-      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), oe.current = null, await Q();
+      P && console.log("[MessagingShell] Leaving conversation:", I.id), z(null), me(!1), le.current = null, await K();
     },
-    [Q, P]
+    [K, P]
   ), ut = U(
     async (I) => {
-      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), oe.current = null, await Q();
+      P && console.log("[MessagingShell] Blocking participant:", I), z(null), me(!1), le.current = null, await K();
     },
-    [Q, P]
+    [K, P]
   ), ve = !!V;
-  return se ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : J ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: J, onBack: X }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(
+  return se ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Se, {}) }) : Z ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: Z, onBack: J }) }) : !$ || !T ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(
     Ee,
     {
       message: "Not connected to messaging service",
-      onBack: X
+      onBack: J
     }
-  ) }) : ae ? /* @__PURE__ */ e("div", { className: L("h-full", s), children: /* @__PURE__ */ e(Ee, { message: ae }) }) : /* @__PURE__ */ i(
+  ) }) : re ? /* @__PURE__ */ e("div", { className: A("h-full", s), children: /* @__PURE__ */ e(Ee, { message: re }) }) : /* @__PURE__ */ i(
     "div",
     {
-      className: L(
+      className: A(
         "messaging-shell h-full bg-background-primary overflow-hidden",
         s
       ),
@@ -2238,7 +2235,7 @@ const dn = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: L(
+              className: A(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
                   "!hidden": h === !1 || q,
@@ -2255,8 +2252,8 @@ const dn = ({
                   selectedChannel: V || void 0,
                   filters: be,
                   channelRenderFilterFn: C,
-                  customEmptyStateIndicator: E,
-                  renderMessagePreview: A
+                  customEmptyStateIndicator: S,
+                  renderMessagePreview: L
                 }
               )
             }
@@ -2264,7 +2261,7 @@ const dn = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: L(
+              className: A(
                 "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
                 {
                   // In direct conversation mode (or waiting for it), always show (full width)
@@ -2280,24 +2277,24 @@ const dn = ({
                   onBack: Ne,
                   showBackButton: !q,
                   renderMessageInputActions: n,
-                  renderConversationFooter: r,
+                  renderConversationFooter: o,
                   renderChannelBanner: x,
                   onLeaveConversation: mt,
                   onBlockParticipant: ut,
                   CustomChannelEmptyState: g,
                   showDeleteConversation: xe,
                   onDeleteConversationClick: m,
-                  onBlockParticipantClick: S,
-                  onReportParticipantClick: o,
-                  dmAgentEnabled: y,
+                  onBlockParticipantClick: v,
+                  onReportParticipantClick: r,
+                  dmAgentEnabled: p,
                   messageMetadata: M,
                   onMessageSent: N,
-                  showStarButton: v,
-                  chatbotVotingEnabled: w,
+                  showStarButton: w,
+                  chatbotVotingEnabled: _,
                   customProfileContent: u,
                   customChannelActions: f,
-                  renderMessage: _,
-                  onAttachmentUnlock: p,
+                  renderMessage: E,
+                  onAttachmentUnlock: y,
                   onAttachmentDownload: D
                 },
                 V.id
@@ -2307,7 +2304,7 @@ const dn = ({
               ) : /* @__PURE__ */ e(
                 ct,
                 {
-                  hasChannels: ie,
+                  hasChannels: ce,
                   channelsLoaded: R
                 }
               )
@@ -2332,7 +2329,7 @@ const dn = ({
                 participantLabel: ge,
                 searchPlaceholder: `Search ${ge}...`
               },
-              de
+              ae
             ) })
           }
         )
@@ -2343,7 +2340,7 @@ const dn = ({
   question: t,
   onClick: s,
   loading: n = !1,
-  className: r
+  className: o
 }) => /* @__PURE__ */ e(
   "button",
   {
@@ -2351,13 +2348,13 @@ const dn = ({
     onClick: s,
     disabled: n,
     style: { backgroundColor: "#E6E5E3" },
-    className: L(
+    className: A(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !n,
         "opacity-50 cursor-not-allowed": n
       },
-      r
+      o
     ),
     children: t
   }
@@ -2365,7 +2362,7 @@ const dn = ({
   faqs: t,
   onFaqClick: s,
   loadingFaqId: n,
-  headerText: r,
+  headerText: o,
   className: l,
   avatarImage: d,
   avatarName: a
@@ -2373,7 +2370,7 @@ const dn = ({
   const c = t.filter((g) => g.enabled).sort((g, h) => (g.order ?? 0) - (h.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(
-      le,
+      ie,
       {
         id: a || "account",
         name: a || "Account",
@@ -2388,7 +2385,7 @@ const dn = ({
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
         style: { backgroundColor: "#F1F0EE" },
         children: [
-          r && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: r }),
+          o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
           c.map((g) => /* @__PURE__ */ e(
             en,
             {
@@ -2403,49 +2400,49 @@ const dn = ({
     )
   ] }) });
 }, un = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: r = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [E, m] = k(!0), [S, o] = k(), y = U(async (w = !1, A) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, d] = k([]), [a, c] = k(!1), [g, h] = k(null), [b, C] = k(n), [S, m] = k(!0), [v, r] = k(), p = U(async (_ = !1, L) => {
     if (a) return;
-    const x = A !== void 0 ? A : b;
+    const x = L !== void 0 ? L : b;
     c(!0), h(null);
     try {
       const u = await t.loadParticipants({
         search: x || void 0,
-        limit: r,
-        cursor: w ? void 0 : S
+        limit: o,
+        cursor: _ ? void 0 : v
       });
       d(
-        (f) => w ? u.participants : [...f, ...u.participants]
-      ), m(u.hasMore), o(u.nextCursor);
+        (f) => _ ? u.participants : [...f, ...u.participants]
+      ), m(u.hasMore), r(u.nextCursor);
     } catch (u) {
       const f = u instanceof Error ? u.message : "Failed to load participants";
       h(f), console.error("[useParticipants] Load error:", u);
     } finally {
       c(!1);
     }
-  }, [t, b, S, r, a]), M = U(() => {
-    E && !a && y(!1);
-  }, [E, a, y]), N = U((w) => {
-    C(w), o(void 0), y(!0, w);
-  }, [y]), v = U(() => {
-    o(void 0), y(!0);
-  }, [y]);
-  return Z(() => {
-    y(!0);
+  }, [t, b, v, o, a]), M = U(() => {
+    S && !a && p(!1);
+  }, [S, a, p]), N = U((_) => {
+    C(_), r(void 0), p(!0, _);
+  }, [p]), w = U(() => {
+    r(void 0), p(!0);
+  }, [p]);
+  return X(() => {
+    p(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
     error: g,
     searchQuery: b,
-    hasMore: E,
+    hasMore: S,
     totalCount: t.totalCount,
     loadMore: M,
     search: N,
-    refresh: v
+    refresh: w
   };
 };
 export {
   we as ActionButton,
-  le as Avatar,
+  ie as Avatar,
   Ws as ChannelEmptyState,
   rt as ChannelList,
   it as ChannelView,
@@ -2456,7 +2453,7 @@ export {
   cn as MessagingProvider,
   dn as MessagingShell,
   Ks as ParticipantPicker,
-  ds as formatRelativeTime,
+  ms as formatRelativeTime,
   ws as useMessageVote,
   os as useMessaging,
   un as useParticipants