@linktr.ee/messaging-react 1.24.3 → 1.24.4

package/dist/index.js

@@ -35,28 +35,28 @@ const Ge = rt({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [c, g] = k(null), [f, N] = k(null), [b, y] = k(!1), [r, S] = k(!1), [v, w] = k(null), D = J(!1), C = J({
+  const [c, x] = k(null), [h, b] = k(null), [g, v] = k(!1), [r, S] = k(!1), [w, p] = k(null), D = J(!1), N = J({
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
-  }), p = J(0);
-  p.current++, a("📊 RENDER INFO", {
-    renderCount: p.current,
+  }), y = J(0);
+  y.current++, a("📊 RENDER INFO", {
+    renderCount: y.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (o == null ? void 0 : o.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: C.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: C.current.apiKey !== o,
-      serviceConfigChanged: C.current.serviceConfig !== n,
-      capabilitiesChanged: C.current.capabilities !== l
+      userChanged: N.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: N.current.apiKey !== o,
+      serviceConfigChanged: N.current.serviceConfig !== n,
+      capabilitiesChanged: N.current.capabilities !== l
     }
-  }), C.current = {
+  }), N.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: o,
     serviceConfig: n,
     capabilities: l
   }, Q(() => {
-    const u = p.current;
+    const u = y.current;
     if (a("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: u,
       apiKey: !!o,
@@ -64,8 +64,8 @@ const Ge = rt({
       dependencies: {
         apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: C.current.serviceConfig === n,
-        apiKeyStable: C.current.apiKey === o
+        serviceConfigStable: N.current.serviceConfig === n,
+        apiKeyStable: N.current.apiKey === o
       }
     }), !o || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
@@ -77,14 +77,14 @@ const Ge = rt({
     a("🚀 CREATING NEW SERVICE", {
       renderCount: u,
       apiKey: (o == null ? void 0 : o.substring(0, 8)) + "...",
-      serviceConfigChanged: C.current.serviceConfig !== n
+      serviceConfigChanged: N.current.serviceConfig !== n
     });
     const d = new lt({
       ...n,
       apiKey: o,
       debug: m
     });
-    return g(d), a("✅ SERVICE SET", {
+    return x(d), a("✅ SERVICE SET", {
       renderCount: u,
       serviceInstance: !!d
     }), () => {
@@ -96,13 +96,13 @@ const Ge = rt({
   }, [o, n, m, a]);
   const E = J(null);
   Q(() => {
-    var d, x;
+    var d, C;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!c,
       hasUser: !!s,
       userId: s == null ? void 0 : s.id,
       isConnecting: D.current,
-      isConnected: b,
+      isConnected: g,
       dependencies: { service: !!c, userId: s == null ? void 0 : s.id }
     }), !c || !s) {
       a("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
@@ -112,7 +112,7 @@ const Ge = rt({
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((d = E.current) == null ? void 0 : d.serviceId) === c && ((x = E.current) == null ? void 0 : x.userId) === s.id) {
+    if (((d = E.current) == null ? void 0 : d.serviceId) === c && ((C = E.current) == null ? void 0 : C.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -120,39 +120,39 @@ const Ge = rt({
       return;
     }
     (async () => {
-      a("🚀 STARTING USER CONNECTION", { userId: s.id }), D.current = !0, S(!0), w(null);
+      a("🚀 STARTING USER CONNECTION", { userId: s.id }), D.current = !0, S(!0), p(null);
       try {
         a("📞 CALLING SERVICE.CONNECTUSER", { userId: s.id });
         const M = await c.connectUser(s);
-        N(M), y(!0), E.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
+        b(M), v(!0), E.current = { serviceId: c, userId: s.id }, a("✅ USER CONNECTION SUCCESS", {
           userId: s.id,
           clientId: M.userID
         });
       } catch (M) {
         const H = M instanceof Error ? M.message : "Connection failed";
-        w(H), a("❌ USER CONNECTION ERROR", {
+        p(H), a("❌ USER CONNECTION ERROR", {
           userId: s.id,
           error: H
         });
       } finally {
         S(!1), D.current = !1, a("🔄 USER CONNECTION FINISHED", {
           userId: s.id,
-          isConnected: b
+          isConnected: g
         });
       }
     })();
-  }, [c, s, a, b]), Q(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [c, s, a, g]), Q(() => (a("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!c,
-    isConnected: b
+    isConnected: g
   }), () => {
-    c && b ? (a(
+    c && g ? (a(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
     ), E.current = null, c.disconnectUser().catch(console.error)) : a("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!c,
-      isConnected: b
+      isConnected: g
     });
-  }), [c, b, a]);
+  }), [c, g, a]);
   const _ = L(async () => {
     if (a("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!c,
@@ -165,51 +165,51 @@ const Ge = rt({
     try {
       a("🔌 DISCONNECTING FOR REFRESH"), await c.disconnectUser(), a("📞 RECONNECTING FOR REFRESH");
       const u = await c.connectUser(s);
-      N(u), y(!0), w(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
+      b(u), v(!0), p(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (u) {
       const d = u instanceof Error ? u.message : "Refresh failed";
-      w(d), a("❌ CONNECTION REFRESH ERROR", {
+      p(d), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
         error: d
       });
     } finally {
       S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
     }
-  }, [c, s, a]), h = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [c, s, a]), f = F.useMemo(() => (a("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!c,
-    hasClient: !!f,
-    isConnected: b,
+    hasClient: !!h,
+    isConnected: g,
     isLoading: r,
-    hasError: !!v,
+    hasError: !!w,
     capabilitiesKeys: Object.keys(l)
   }), {
     service: c,
-    client: f,
-    isConnected: b,
+    client: h,
+    isConnected: g,
     isLoading: r,
-    error: v,
+    error: w,
     capabilities: l,
     refreshConnection: _,
     debug: m
   }), [
     c,
-    f,
-    b,
+    h,
+    g,
     r,
-    v,
+    w,
     l,
     _,
     m,
     a
   ]);
   return a("🔄 RENDER END", {
-    renderCount: p.current,
-    willRenderChat: !!(f && b),
-    contextValueReady: !!h
-  }), /* @__PURE__ */ e(Ge.Provider, { value: h, children: f && b ? /* @__PURE__ */ e(
+    renderCount: y.current,
+    willRenderChat: !!(h && g),
+    contextValueReady: !!f
+  }), /* @__PURE__ */ e(Ge.Provider, { value: f, children: h && g ? /* @__PURE__ */ e(
     it,
     {
-      client: f,
+      client: h,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -290,7 +290,7 @@ const te = ({
   className: o,
   shape: l = "squircle"
 }) => {
-  const m = ns(t), c = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", g = l === "circle" ? { borderRadius: "50%" } : {
+  const m = ns(t), c = n < 32 ? "text-xs" : n < 56 ? "text-sm" : n < 120 ? "text-lg" : "text-4xl", x = l === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     "corner-shape": "superellipse(1.3)"
   };
@@ -301,7 +301,7 @@ const te = ({
       style: {
         width: `${n}px`,
         height: `${n}px`,
-        ...g
+        ...x
       },
       children: s ? /* @__PURE__ */ e(
         "img",
@@ -358,70 +358,70 @@ const te = ({
   isMyMessage: n = !1,
   hasAttachment: o = !1
 }) => {
-  var b;
+  var g;
   const l = He(t), m = ke(t);
   if (!l && !m)
     return null;
   if (l) {
-    const y = (b = t.metadata) == null ? void 0 : b.amount_text;
-    if (!y) return null;
-    const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", S = s ? `${y} tip` : `Delivered with ${y} tip`;
+    const v = (g = t.metadata) == null ? void 0 : g.amount_text;
+    if (!v) return null;
+    const r = s ? "message-tip-standalone" : "message-tag message-tag--tip", S = s ? `${v} tip` : `Delivered with ${v} tip`;
     return /* @__PURE__ */ i("div", { className: r, children: [
       /* @__PURE__ */ e(zt, { size: s ? 14 : 12 }),
       /* @__PURE__ */ e("span", { children: S })
     ] });
   }
-  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", g = [
+  const a = n && o, c = a ? "Sent with AI" : "Sent with DM Agent", x = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     a ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), f = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), N = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(as, { size: a ? 12 : 15 }) });
-  return /* @__PURE__ */ e("div", { className: g, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(de, { children: [
-    f,
-    N
+  ].join(" "), h = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__label", children: c }), b = /* @__PURE__ */ e("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ e(as, { size: a ? 12 : 15 }) });
+  return /* @__PURE__ */ e("div", { className: x, "data-testid": "message-chatbot-indicator", children: n && !a ? /* @__PURE__ */ i(de, { children: [
+    h,
+    b
   ] }) : /* @__PURE__ */ i(de, { children: [
-    N,
-    f
+    b,
+    h
   ] }) });
 }, ze = F.memo(
   ({ channel: t, unread: s }) => {
-    var E, _, h, u;
+    var E, _, f, u;
     const { selectedChannel: n, onChannelSelect: o, debug: l, renderMessagePreview: m } = Kt(), a = (n == null ? void 0 : n.id) === (t == null ? void 0 : t.id), c = () => {
       t && o(t);
-    }, g = (d) => {
-      const x = d.key === "Enter" || d.key === " ", M = d.repeat;
-      !x || M || (d.preventDefault(), c());
-    }, N = Object.values(((E = t == null ? void 0 : t.state) == null ? void 0 : E.members) || {}).find(
+    }, x = (d) => {
+      const C = d.key === "Enter" || d.key === " ", M = d.repeat;
+      !C || M || (d.preventDefault(), c());
+    }, b = Object.values(((E = t == null ? void 0 : t.state) == null ? void 0 : E.members) || {}).find(
       (d) => {
-        var x, M;
-        return ((x = d.user) == null ? void 0 : x.id) && d.user.id !== ((M = t == null ? void 0 : t._client) == null ? void 0 : M.userID);
+        var C, M;
+        return ((C = d.user) == null ? void 0 : C.id) && d.user.id !== ((M = t == null ? void 0 : t._client) == null ? void 0 : M.userID);
       }
-    ), b = ((_ = N == null ? void 0 : N.user) == null ? void 0 : _.name) || "Conversation", y = (h = N == null ? void 0 : N.user) == null ? void 0 : h.image, r = (() => {
-      var x;
-      const d = (x = t == null ? void 0 : t.state) == null ? void 0 : x.messages;
+    ), g = ((_ = b == null ? void 0 : b.user) == null ? void 0 : _.name) || "Conversation", v = (f = b == null ? void 0 : b.user) == null ? void 0 : f.image, r = (() => {
+      var C;
+      const d = (C = t == null ? void 0 : t.state) == null ? void 0 : C.messages;
       if (d != null && d.length) {
         for (let M = d.length - 1; M >= 0; M--)
           if (d[M].type !== "system") return d[M];
       }
-    })(), v = (() => {
-      var x;
+    })(), w = (() => {
+      var C;
       if (r != null && r.text) return r.text;
-      const d = (x = r == null ? void 0 : r.attachments) == null ? void 0 : x[0];
+      const d = (C = r == null ? void 0 : r.attachments) == null ? void 0 : C[0];
       return d ? d.og_scrape_url ? d.og_scrape_url : d.type === "image" ? "📷 Sent an image" : d.type === "video" ? "🎥 Sent a video" : d.type === "audio" ? "🎵 Sent audio" : d.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), w = r != null && r.created_at ? ts(new Date(r.created_at)) : "", D = r ? ke(r) : !1, C = m ? m(r, v) : `${D ? "✨ " : ""}${v}`, p = s ?? 0;
+    })(), p = r != null && r.created_at ? ts(new Date(r.created_at)) : "", D = r ? ke(r) : !1, N = m ? m(r, w) : `${D ? "✨ " : ""}${w}`, y = s ?? 0;
     return l && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: a,
-      participantName: b,
-      unreadCount: p,
-      hasTimestamp: !!w
+      participantName: g,
+      unreadCount: y,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ e(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: c,
-        onKeyDown: g,
+        onKeyDown: x,
         className: R(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring",
           {
@@ -433,9 +433,9 @@ const te = ({
           /* @__PURE__ */ e(
             te,
             {
-              id: ((u = N == null ? void 0 : N.user) == null ? void 0 : u.id) || t.id || "unknown",
-              name: b,
-              image: y,
+              id: ((u = b == null ? void 0 : b.user) == null ? void 0 : u.id) || t.id || "unknown",
+              name: g,
+              image: v,
               size: 44,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
@@ -449,14 +449,14 @@ const te = ({
                     "text-sm font-medium truncate",
                     a ? "text-primary" : "text-charcoal"
                   ),
-                  children: b
+                  children: g
                 }
               ),
-              w && /* @__PURE__ */ e("span", { className: "text-xs text-stone flex-shrink-0", children: w })
+              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: C }),
-              p > 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: p > 99 ? "99+" : p })
+              /* @__PURE__ */ e("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: N }),
+              y > 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: y > 99 ? "99+" : y })
             ] })
           ] })
         ] })
@@ -470,46 +470,51 @@ const is = { last_message_at: -1 }, We = F.memo(
     onChannelSelect: t,
     selectedChannel: s,
     filters: n,
-    sort: o = is,
-    className: l,
-    customEmptyStateIndicator: m,
-    renderMessagePreview: a
+    allowNewMessagesFromUnfilteredChannels: o = !1,
+    onMessageNew: l,
+    onAddedToChannel: m,
+    sort: a = is,
+    className: c,
+    customEmptyStateIndicator: x,
+    renderMessagePreview: h
   }) => {
-    const c = F.useRef(0);
-    c.current++;
+    const b = F.useRef(0);
+    b.current++;
     const { debug: g = !1 } = ve();
     g && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: c.current,
+      renderCount: b.current,
       selectedChannelId: s == null ? void 0 : s.id,
       filters: n
     });
-    const f = F.useMemo(
+    const v = F.useMemo(
       () => ({
         selectedChannel: s,
         onChannelSelect: t,
         debug: g,
-        renderMessagePreview: a
+        renderMessagePreview: h
       }),
-      [s, t, g, a]
+      [s, t, g, h]
     );
     return /* @__PURE__ */ e(
       "div",
       {
         className: R(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
-          l
+          c
         ),
-        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Xt, { value: f, children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ e(Xt, { value: v, children: /* @__PURE__ */ e(
           ct,
           {
             filters: n,
-            sort: o,
+            sort: a,
             options: { limit: 30 },
-            allowNewMessagesFromUnfilteredChannels: !1,
+            allowNewMessagesFromUnfilteredChannels: o,
+            onMessageNew: l,
+            onAddedToChannel: m,
             Preview: ze,
-            EmptyStateIndicator: m
+            EmptyStateIndicator: x
           },
-          `${JSON.stringify(n)}:${JSON.stringify(o)}`
+          `${JSON.stringify(n)}:${JSON.stringify(a)}`
         ) }) })
       }
     );
@@ -646,18 +651,18 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     firstOfGroup: m,
     groupedByUser: a,
     handleAction: c,
-    handleOpenThread: g,
-    handleRetry: f,
-    highlighted: N,
-    isMessageAIGenerated: b,
-    isMyMessage: y,
+    handleOpenThread: x,
+    handleRetry: h,
+    highlighted: b,
+    isMessageAIGenerated: g,
+    isMyMessage: v,
     message: r,
     renderText: S,
-    threadList: v
-  } = t, { client: w } = $e("CustomMessage"), [D, C] = k(!1), p = mt(r.id), { selected: E, voteUp: _, voteDown: h } = us(r), {
+    threadList: w
+  } = t, { client: p } = $e("CustomMessage"), [D, N] = k(!1), y = mt(r.id), { selected: E, voteUp: _, voteDown: f } = us(r), {
     Attachment: u = ft,
     EditMessageModal: d = gt,
-    MessageBlocked: x = xt,
+    MessageBlocked: C = xt,
     MessageBouncePrompt: M = bt,
     MessageDeleted: H = Ct,
     MessageIsThreadReplyInChannelButtonIndicator: Z = Nt,
@@ -666,8 +671,8 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     StreamedMessageText: W = pt,
     PinIndicator: B
   } = ht("CustomMessage"), se = yt(r), ne = Et(r), ae = Ee(
-    () => b == null ? void 0 : b(r),
-    [b, r]
+    () => g == null ? void 0 : g(r),
+    [g, r]
   ), j = Ee(
     () => !r.shared_location && !r.attachments ? [] : r.shared_location ? [r.shared_location, ...r.attachments ?? []] : r.attachments,
     [r]
@@ -677,11 +682,11 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
   if (r.deleted_at || r.type === "deleted")
     return /* @__PURE__ */ e(H, { message: r });
   if (It(r))
-    return /* @__PURE__ */ e(x, {});
-  const re = !v && !!r.reply_count, P = !v && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((ce = r.error) == null ? void 0 : ce.status) !== 403, G = St(r);
+    return /* @__PURE__ */ e(C, {});
+  const re = !w && !!r.reply_count, P = !w && r.show_in_channel && r.parent_id, U = r.status === "failed" && ((ce = r.error) == null ? void 0 : ce.status) !== 403, G = St(r);
   let A;
-  U ? A = () => f(r) : G && (A = () => C(!0));
-  const X = y(), q = R(
+  U ? A = () => h(r) : G && (A = () => N(!0));
+  const X = v(), q = R(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${r.type}`,
     `str-chat__message--${r.status}`,
@@ -689,7 +694,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
     r.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": se,
-      "str-chat__message--highlighted": N,
+      "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": r.pinned,
       "str-chat__message--with-reactions": ne,
       "str-chat__message-send-can-be-retried": (r == null ? void 0 : r.status) === "failed" && ((me = r == null ? void 0 : r.error) == null ? void 0 : me.status) !== 403,
@@ -698,7 +703,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       "str-chat__virtual-message__wrapper--first": m,
       "str-chat__virtual-message__wrapper--group": a
     }
-  ), ee = r.poll_id && w.polls.fromState(r.poll_id), ue = ls(r), Y = ke(r), K = !!(j != null && j.length && !r.quoted_message), ie = Y && X && K;
+  ), ee = r.poll_id && p.polls.fromState(r.poll_id), ue = ls(r), Y = ke(r), K = !!(j != null && j.length && !r.quoted_message), ie = Y && X && K;
   return /* @__PURE__ */ i(de, { children: [
     o && /* @__PURE__ */ e(
       d,
@@ -710,13 +715,13 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       Mt,
       {
         MessageBouncePrompt: M,
-        onClose: () => C(!1),
+        onClose: () => N(!1),
         open: D
       }
     ),
     /* @__PURE__ */ i("div", { className: q, children: [
       B && /* @__PURE__ */ e(B, {}),
-      !!p && /* @__PURE__ */ e(T, { reminder: p }),
+      !!y && /* @__PURE__ */ e(T, { reminder: y }),
       r.user && /* @__PURE__ */ e(
         te,
         {
@@ -786,7 +791,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
               {
                 selected: E,
                 onVoteUp: _,
-                onVoteDown: h
+                onVoteDown: f
               }
             )
           ] })
@@ -795,7 +800,7 @@ const ms = ({ filled: t }) => /* @__PURE__ */ e("svg", { width: "16", height: "1
       re && /* @__PURE__ */ e(
         z,
         {
-          onClick: g,
+          onClick: x,
           reply_count: r.reply_count
         }
       ),
@@ -1010,33 +1015,33 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   canShowInfo: o,
   showStarButton: l = !1
 }) => {
-  var y, r, S, v, w, D;
+  var v, r, S, w, p, D;
   const { channel: m } = Se(), a = F.useMemo(() => Object.values(m.state.members || {}).find(
-    (p) => {
+    (y) => {
       var E;
-      return ((E = p.user) == null ? void 0 : E.id) && p.user.id !== m._client.userID;
+      return ((E = y.user) == null ? void 0 : E.id) && y.user.id !== m._client.userID;
     }
-  ), [m._client.userID, m.state.members]), c = ((y = a == null ? void 0 : a.user) == null ? void 0 : y.name) || ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || "Unknown member", g = (S = a == null ? void 0 : a.user) == null ? void 0 : S.image, [f, N] = k(
-    !!((v = m.state.membership) != null && v.pinned_at)
+  ), [m._client.userID, m.state.members]), c = ((v = a == null ? void 0 : a.user) == null ? void 0 : v.name) || ((r = a == null ? void 0 : a.user) == null ? void 0 : r.id) || "Unknown member", x = (S = a == null ? void 0 : a.user) == null ? void 0 : S.image, [h, b] = k(
+    !!((w = m.state.membership) != null && w.pinned_at)
   );
   Q(() => {
-    const C = (p) => {
+    const N = (y) => {
       var E;
-      N(
-        p != null && p.member ? !!p.member.pinned_at : !!((E = m.state.membership) != null && E.pinned_at)
+      b(
+        y != null && y.member ? !!y.member.pinned_at : !!((E = m.state.membership) != null && E.pinned_at)
       );
     };
-    return m.on("member.updated", C), () => {
-      m.off("member.updated", C);
+    return m.on("member.updated", N), () => {
+      m.off("member.updated", N);
     };
   }, [m]);
-  const b = async () => {
+  const g = async () => {
     try {
-      f ? await m.unpin() : await m.pin();
-    } catch (C) {
+      h ? await m.unpin() : await m.pin();
+    } catch (N) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        C
+        N
       );
     }
   };
@@ -1057,9 +1062,9 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         /* @__PURE__ */ e(
           te,
           {
-            id: ((w = a == null ? void 0 : a.user) == null ? void 0 : w.id) || m.id || "unknown",
+            id: ((p = a == null ? void 0 : a.user) == null ? void 0 : p.id) || m.id || "unknown",
             name: c,
-            image: g,
+            image: x,
             size: 40
           }
         ),
@@ -1070,17 +1075,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: le,
-            onClick: b,
+            onClick: g,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1114,7 +1119,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             id: ((D = a == null ? void 0 : a.user) == null ? void 0 : D.id) || m.id || "unknown",
             name: c,
-            image: g,
+            image: x,
             size: 40
           }
         ),
@@ -1125,17 +1130,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "button",
           {
             className: le,
-            onClick: b,
+            onClick: g,
             type: "button",
-            "aria-label": f ? "Unstar conversation" : "Star conversation",
+            "aria-label": h ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ e(
               Le,
               {
                 className: R("size-5", {
-                  "text-yellow-600": f,
-                  "text-black/90": !f
+                  "text-yellow-600": h,
+                  "text-black/90": !h
                 }),
-                weight: f ? "duotone" : "regular"
+                weight: h ? "duotone" : "regular"
               }
             )
           }
@@ -1162,37 +1167,37 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onLeaveConversation: m,
   onBlockParticipant: a,
   showDeleteConversation: c = !0,
-  onDeleteConversationClick: g,
-  onBlockParticipantClick: f,
-  onReportParticipantClick: N,
-  customChannelActions: b
+  onDeleteConversationClick: x,
+  onBlockParticipantClick: h,
+  onReportParticipantClick: b,
+  customChannelActions: g
 }) => {
   var W, B, se, ne, ae, j, re;
-  const { service: y, debug: r } = ve(), [S, v] = k(!1), [w, D] = k(!1), [C, p] = k(!1), E = L(async () => {
+  const { service: v, debug: r } = ve(), [S, w] = k(!1), [p, D] = k(!1), [N, y] = k(!1), E = L(async () => {
     var P;
-    if (!(!y || !((P = n == null ? void 0 : n.user) != null && P.id)))
+    if (!(!v || !((P = n == null ? void 0 : n.user) != null && P.id)))
       try {
-        const G = (await y.getBlockedUsers()).some(
+        const G = (await v.getBlockedUsers()).some(
           (A) => {
             var X;
             return A.blocked_user_id === ((X = n == null ? void 0 : n.user) == null ? void 0 : X.id);
           }
         );
-        v(G);
+        w(G);
       } catch (U) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
           U
         );
       }
-  }, [y, (W = n == null ? void 0 : n.user) == null ? void 0 : W.id]);
+  }, [v, (W = n == null ? void 0 : n.user) == null ? void 0 : W.id]);
   Q(() => {
     E();
   }, [E]);
   const _ = async () => {
     var P;
-    if (!w) {
-      g == null || g(), r && console.log("[ChannelInfoDialog] Leave conversation", o.cid), D(!0);
+    if (!p) {
+      x == null || x(), r && console.log("[ChannelInfoDialog] Leave conversation", o.cid), D(!0);
       try {
         const U = ((P = o._client) == null ? void 0 : P.userID) ?? null;
         await o.hide(U, !1), m && await m(o), s();
@@ -1202,39 +1207,39 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         D(!1);
       }
     }
-  }, h = async () => {
+  }, f = async () => {
     var P, U, G;
-    if (!(C || !y)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
+    if (!(N || !v)) {
+      h == null || h(), r && console.log("[ChannelInfoDialog] Block member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), y(!0);
       try {
-        await y.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
+        await v.blockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
       } catch (A) {
         console.error("[ChannelInfoDialog] Failed to block member", A);
       } finally {
-        p(!1);
+        y(!1);
       }
     }
   }, u = async () => {
     var P, U, G;
-    if (!(C || !y)) {
-      f == null || f(), r && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), p(!0);
+    if (!(N || !v)) {
+      h == null || h(), r && console.log("[ChannelInfoDialog] Unblock member", (P = n == null ? void 0 : n.user) == null ? void 0 : P.id), y(!0);
       try {
-        await y.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
+        await v.unBlockUser((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), a && await a((G = n == null ? void 0 : n.user) == null ? void 0 : G.id), s();
       } catch (A) {
         console.error("[ChannelInfoDialog] Failed to unblock member", A);
       } finally {
-        p(!1);
+        y(!1);
       }
     }
   }, d = () => {
-    N == null || N(), 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 x = ((B = n.user) == null ? void 0 : B.name) || ((se = n.user) == null ? void 0 : se.id) || "Unknown member", M = (ne = n.user) == null ? void 0 : ne.image, H = (ae = n.user) == null ? void 0 : ae.email, Z = (j = n.user) == null ? void 0 : j.username, z = H || (Z ? `linktr.ee/${Z}` : void 0), T = ((re = n.user) == null ? void 0 : re.id) || "unknown";
+  const C = ((B = n.user) == null ? void 0 : B.name) || ((se = n.user) == null ? void 0 : se.id) || "Unknown member", M = (ne = n.user) == null ? void 0 : ne.image, H = (ae = n.user) == null ? void 0 : ae.email, Z = (j = n.user) == null ? void 0 : j.username, z = H || (Z ? `linktr.ee/${Z}` : void 0), T = ((re = n.user) == null ? void 0 : re.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1262,14 +1267,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                     te,
                     {
                       id: T,
-                      name: x,
+                      name: C,
                       image: M,
                       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: x }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: C }),
                     z && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: z }),
                     l && /* @__PURE__ */ e(
                       "span",
@@ -1294,10 +1299,10 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 xe,
                 {
                   onClick: _,
-                  disabled: w,
-                  "aria-busy": w,
+                  disabled: p,
+                  "aria-busy": p,
                   children: [
-                    w ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Yt, { className: "h-5 w-5" }),
+                    p ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Yt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -1306,21 +1311,21 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 xe,
                 {
                   onClick: u,
-                  disabled: C,
-                  "aria-busy": C,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ i(
                 xe,
                 {
-                  onClick: h,
-                  disabled: C,
-                  "aria-busy": C,
+                  onClick: f,
+                  disabled: N,
+                  "aria-busy": N,
                   children: [
-                    C ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
+                    N ? /* @__PURE__ */ e(be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ e(Ue, { className: "h-5 w-5" }),
                     /* @__PURE__ */ e("span", { children: "Block" })
                   ]
                 }
@@ -1329,7 +1334,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 /* @__PURE__ */ e(Zt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ e("span", { children: "Report" })
               ] }) }),
-              b
+              g
             ] })
           ] })
         ] })
@@ -1345,31 +1350,31 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   onBlockParticipant: m,
   showDeleteConversation: a = !0,
   onDeleteConversationClick: c,
-  onBlockParticipantClick: g,
-  onReportParticipantClick: f,
-  showStarButton: N = !1,
-  chatbotVotingEnabled: b = !1,
-  renderChannelBanner: y,
+  onBlockParticipantClick: x,
+  onReportParticipantClick: h,
+  showStarButton: b = !1,
+  chatbotVotingEnabled: g = !1,
+  renderChannelBanner: v,
   customChannelActions: r,
   renderMessage: S
 }) => {
-  const { channel: v } = Se(), w = J(null), D = F.useMemo(() => Object.values(v.state.members || {}).find(
-    (h) => {
+  const { channel: w } = Se(), p = J(null), D = F.useMemo(() => Object.values(w.state.members || {}).find(
+    (f) => {
       var u;
-      return ((u = h.user) == null ? void 0 : u.id) && h.user.id !== v._client.userID;
+      return ((u = f.user) == null ? void 0 : u.id) && f.user.id !== w._client.userID;
     }
-  ), [v._client.userID, v.state.members]), C = F.useMemo(() => {
-    const _ = v.data ?? {};
+  ), [w._client.userID, w.state.members]), N = F.useMemo(() => {
+    const _ = w.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
     if (_.isFollower !== void 0)
       return _.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [v.data]), p = L(() => {
+  }, [w.data]), y = L(() => {
     var _;
-    (_ = w.current) == null || _.showModal();
+    (_ = p.current) == null || _.showModal();
   }, []), E = L(() => {
     var _;
-    (_ = w.current) == null || _.close();
+    (_ = p.current) == null || _.close();
   }, []);
   return /* @__PURE__ */ i(de, { children: [
     /* @__PURE__ */ e(
@@ -1377,14 +1382,14 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       {
         overrides: {
           Message: (_) => {
-            const { message: h } = je("ChannelView"), u = /* @__PURE__ */ e(
+            const { message: f } = je("ChannelView"), u = /* @__PURE__ */ e(
               bs,
               {
                 ..._,
-                chatbotVotingEnabled: b
+                chatbotVotingEnabled: g
               }
             );
-            return !S || !h ? u : S(u, h);
+            return !S || !f ? u : S(u, f);
           }
         },
         children: /* @__PURE__ */ i(Vt, { children: [
@@ -1393,12 +1398,12 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             {
               onBack: t,
               showBackButton: s,
-              onShowInfo: p,
+              onShowInfo: y,
               canShowInfo: !!D,
-              showStarButton: N
+              showStarButton: b
             }
           ) }),
-          y == null ? void 0 : y(),
+          v == null ? void 0 : v(),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ e(
             Ht,
             {
@@ -1407,11 +1412,11 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               messageActions: void 0
             }
           ) }),
-          o == null ? void 0 : o(v),
+          o == null ? void 0 : o(w),
           /* @__PURE__ */ e(
             ps,
             {
-              renderActions: () => n == null ? void 0 : n(v)
+              renderActions: () => n == null ? void 0 : n(w)
             }
           )
         ] })
@@ -1420,17 +1425,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ e(
       Ds,
       {
-        dialogRef: w,
+        dialogRef: p,
         onClose: E,
         participant: D,
-        channel: v,
-        followerStatusLabel: C,
+        channel: w,
+        followerStatusLabel: N,
         onLeaveConversation: l,
         onBlockParticipant: m,
         showDeleteConversation: a,
         onDeleteConversationClick: c,
-        onBlockParticipantClick: g,
-        onReportParticipantClick: f,
+        onBlockParticipantClick: x,
+        onReportParticipantClick: h,
         customChannelActions: r
       }
     )
@@ -1445,24 +1450,24 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: m,
     onBlockParticipant: a,
     className: c,
-    CustomChannelEmptyState: g = Ss,
-    showDeleteConversation: f = !0,
-    onDeleteConversationClick: N,
-    onBlockParticipantClick: b,
-    onReportParticipantClick: y,
+    CustomChannelEmptyState: x = Ss,
+    showDeleteConversation: h = !0,
+    onDeleteConversationClick: b,
+    onBlockParticipantClick: g,
+    onReportParticipantClick: v,
     dmAgentEnabled: r,
     messageMetadata: S,
-    onMessageSent: v,
-    showStarButton: w = !1,
+    onMessageSent: w,
+    showStarButton: p = !1,
     chatbotVotingEnabled: D = !1,
-    renderChannelBanner: C,
-    customChannelActions: p,
+    renderChannelBanner: N,
+    customChannelActions: y,
     renderMessage: E
   }) => {
     const _ = L(
-      async (h, u, d) => {
+      async (f, u, d) => {
         var T;
-        const x = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, M = r && !x, H = {
+        const C = ((T = t.data) == null ? void 0 : T.chatbot_paused) === !0, M = r && !C, H = {
           ...u,
           ...M && { silent: !0 },
           ...S && {
@@ -1475,9 +1480,9 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ...d,
           ...M && { skip_push: !0 }
         }, z = await t.sendMessage(H, Z);
-        return v == null || v(z), z;
+        return w == null || w(z), z;
       },
-      [t, r, S, v]
+      [t, r, S, w]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1491,7 +1496,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           {
             channel: t,
             MessageSystem: Is,
-            EmptyStateIndicator: g,
+            EmptyStateIndicator: x,
             LoadingIndicator: Ne,
             DateSeparator: cs,
             doSendMessageRequest: _,
@@ -1504,15 +1509,15 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 renderConversationFooter: l,
                 onLeaveConversation: m,
                 onBlockParticipant: a,
-                CustomChannelEmptyState: g,
-                showDeleteConversation: f,
-                onDeleteConversationClick: N,
-                onBlockParticipantClick: b,
-                onReportParticipantClick: y,
-                showStarButton: w,
+                CustomChannelEmptyState: x,
+                showDeleteConversation: h,
+                onDeleteConversationClick: b,
+                onBlockParticipantClick: g,
+                onReportParticipantClick: v,
+                showStarButton: p,
                 chatbotVotingEnabled: D,
-                renderChannelBanner: C,
-                customChannelActions: p,
+                renderChannelBanner: N,
+                customChannelActions: y,
                 renderMessage: E
               }
             )
@@ -1571,9 +1576,9 @@ const Ls = ({
   searchPlaceholder: m = "Search participants...",
   className: a
 }) => {
-  const { debug: c } = ve(), [g, f] = k(""), [N, b] = k([]), [y, r] = k(!1), [S, v] = k(null), [w, D] = k(
+  const { debug: c } = ve(), [x, h] = k(""), [b, g] = k([]), [v, r] = k(!1), [S, w] = k(null), [p, D] = k(
     null
-  ), C = J(!1);
+  ), N = J(!1);
   Q(() => {
     if (t.loading) {
       c && console.log(
@@ -1581,46 +1586,46 @@ const Ls = ({
       );
       return;
     }
-    if (C.current) return;
+    if (N.current) return;
     (async () => {
-      c && console.log("[ParticipantPicker] Loading initial participants..."), r(!0), v(null);
+      c && console.log("[ParticipantPicker] Loading initial participants..."), r(!0), w(null);
       try {
         const u = await t.loadParticipants({
           search: "",
           // Load all participants initially
           limit: 100
         });
-        b(u.participants), C.current = !0, c && console.log(
+        g(u.participants), N.current = !0, c && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
           u.participants.length
         );
       } catch (u) {
         const d = u instanceof Error ? u.message : "Failed to load participants";
-        v(d), console.error("[ParticipantPicker] Failed to load participants:", u);
+        w(d), console.error("[ParticipantPicker] Failed to load participants:", u);
       } finally {
         r(!1);
       }
     })();
   }, [t.loading, c]);
-  const p = N.filter((h) => !o.has(h.id)).filter((h) => {
+  const y = b.filter((f) => !o.has(f.id)).filter((f) => {
     var d;
-    if (!g) return !0;
-    const u = g.toLowerCase();
-    return h.name.toLowerCase().includes(u) || ((d = h.email) == null ? void 0 : d.toLowerCase().includes(u)) || !1;
+    if (!x) return !0;
+    const u = x.toLowerCase();
+    return f.name.toLowerCase().includes(u) || ((d = f.email) == null ? void 0 : d.toLowerCase().includes(u)) || !1;
   }), E = L(
-    async (h) => {
-      if (!w) {
-        D(h.id);
+    async (f) => {
+      if (!p) {
+        D(f.id);
         try {
-          await s(h);
+          await s(f);
         } catch (u) {
           console.error("[ParticipantPicker] Failed to start chat:", u), D(null);
         }
       }
     },
-    [s, w]
-  ), _ = (h, u) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), E(u));
+    [s, p]
+  ), _ = (f, u) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), E(u));
   };
   return /* @__PURE__ */ i("div", { className: R("flex flex-col h-full", a), children: [
     /* @__PURE__ */ i("div", { className: "px-4 py-4 border-b border-sand bg-chalk", children: [
@@ -1632,15 +1637,15 @@ const Ls = ({
         "Select a ",
         l.slice(0, -1),
         " to start messaging (",
-        p.length,
+        y.length,
         " available)",
         t.totalCount !== void 0 && ` • ${t.totalCount} ${l} total`
       ] }),
       /* @__PURE__ */ e(
         Rs,
         {
-          searchQuery: g,
-          setSearchQuery: f,
+          searchQuery: x,
+          setSearchQuery: h,
           placeholder: m
         }
       )
@@ -1651,35 +1656,35 @@ const Ls = ({
       ": ",
       S
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: y && p.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 && y.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,
         "..."
       ] })
-    ] }) }) : p.length === 0 ? /* @__PURE__ */ i("div", { className: "p-6 text-center", children: [
+    ] }) }) : y.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(Oe, { className: "h-8 w-8 text-charcoal" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: g ? `No ${l} found` : N.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" : N.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-charcoal mb-2", children: x ? `No ${l} found` : b.length > 0 ? `Already chatting with all ${l}` : `No ${l} yet` }),
+      /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: x ? "Try a different search term" : 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: [
-      p.map((h) => {
-        const u = h.name || h.email || h.id, d = h.email && h.name ? h.email : h.phone;
+      y.map((f) => {
+        const u = f.name || f.email || f.id, d = f.email && f.name ? f.email : f.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => E(h),
-            onKeyDown: (x) => _(x, h),
+            onClick: () => E(f),
+            onKeyDown: (C) => _(C, 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(
                   te,
                   {
-                    id: h.id,
+                    id: f.id,
                     name: u,
-                    image: h.image,
+                    image: f.image,
                     size: 40
                   }
                 ),
@@ -1688,12 +1693,12 @@ const Ls = ({
                   d && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: d })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: w === h.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
+              /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: p === f.id ? /* @__PURE__ */ e(be, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(Oe, { className: "h-5 w-5 text-stone" }) })
             ] })
           }
-        ) }, h.id);
+        ) }, f.id);
       }),
-      y && /* @__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..." })
       ] }) })
@@ -1867,26 +1872,26 @@ const Hs = ({
   onParticipantSelect: m,
   initialParticipantFilter: a,
   initialParticipantData: c,
-  CustomChannelEmptyState: g,
-  showChannelList: f = !0,
-  filters: N,
-  channelListCustomEmptyStateIndicator: b,
-  onDeleteConversationClick: y,
+  CustomChannelEmptyState: x,
+  showChannelList: h = !0,
+  filters: b,
+  channelListCustomEmptyStateIndicator: g,
+  onDeleteConversationClick: v,
   onBlockParticipantClick: r,
   onReportParticipantClick: S,
-  dmAgentEnabled: v,
-  messageMetadata: w,
+  dmAgentEnabled: w,
+  messageMetadata: p,
   onMessageSent: D,
-  showStarButton: C = !1,
-  chatbotVotingEnabled: p = !1,
+  showStarButton: N = !1,
+  chatbotVotingEnabled: y = !1,
   renderMessagePreview: E,
   renderChannelBanner: _,
-  customChannelActions: h,
+  customChannelActions: f,
   renderMessage: u
 }) => {
   const {
     service: d,
-    client: x,
+    client: C,
     isConnected: M,
     isLoading: H,
     error: Z,
@@ -1897,7 +1902,7 @@ const Hs = ({
     participantLabel: ce = "participants",
     showDeleteConversation: me = !0
   } = t, Qe = F.useMemo(() => {
-    const I = x == null ? void 0 : x.userID;
+    const I = C == null ? void 0 : C.userID;
     return {
       ...{
         type: "messaging",
@@ -1907,15 +1912,15 @@ const Hs = ({
           hidden: !1
         }
       },
-      ...N
+      ...b
     };
-  }, [N, x == null ? void 0 : x.userID]), he = J(null), oe = L(async () => {
-    if (!x || !M) return;
-    const I = x.userID;
+  }, [b, C == null ? void 0 : C.userID]), he = J(null), oe = L(async () => {
+    if (!C || !M) return;
+    const I = C.userID;
     if (I)
       try {
         T && console.log("[MessagingShell] Syncing channels for user:", I);
-        const V = await x.queryChannels(
+        const V = await C.queryChannels(
           {
             type: "messaging",
             members: { $in: [I] }
@@ -1937,22 +1942,22 @@ const Hs = ({
       } catch (V) {
         console.error("[MessagingShell] Failed to sync channels:", V);
       }
-  }, [x, M, T]);
+  }, [C, M, T]);
   Q(() => {
-    if (!x || !M) return;
-    const I = x.userID;
+    if (!C || !M) return;
+    const I = C.userID;
     I && he.current !== I && oe();
-  }, [x, M, oe]), Q(() => {
-    if (!a || !x || !M) return;
+  }, [C, M, oe]), Q(() => {
+    if (!a || !C || !M) return;
     (async () => {
-      const V = x.userID;
+      const V = C.userID;
       if (V)
         try {
           T && console.log(
             "[MessagingShell] Loading initial conversation with:",
             a
           );
-          const O = await x.queryChannels(
+          const O = await C.queryChannels(
             {
               type: "messaging",
               members: { $eq: [V, a] }
@@ -2004,7 +2009,7 @@ const Hs = ({
   }, [
     a,
     c,
-    x,
+    C,
     M,
     d,
     T,
@@ -2062,7 +2067,7 @@ const Hs = ({
     },
     [oe, T]
   ), ge = !!W;
-  return H ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Z ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Z, onBack: z }) }) : !M || !x ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
+  return H ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ne, {}) }) : Z ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(Ce, { message: Z, onBack: z }) }) : !M || !C ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
     Ce,
     {
       message: "Not connected to messaging service",
@@ -2083,11 +2088,11 @@ const Hs = ({
               className: R(
                 "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
                 {
-                  "!hidden": f === !1 || q,
+                  "!hidden": h === !1 || q,
                   // Hide on mobile when channel selected, show on desktop with consistent wide width
-                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": f !== !1 && !q && ge,
+                  "hidden lg:flex lg:flex-1 lg:max-w-2xl": h !== !1 && !q && ge,
                   // 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": f !== !1 && !q && !ge
+                  "flex flex-col w-full lg:flex-1 lg:max-w-2xl": h !== !1 && !q && !ge
                 }
               ),
               children: /* @__PURE__ */ e(
@@ -2096,7 +2101,7 @@ const Hs = ({
                   onChannelSelect: Xe,
                   selectedChannel: W || void 0,
                   filters: Qe,
-                  customEmptyStateIndicator: b,
+                  customEmptyStateIndicator: g,
                   renderMessagePreview: E
                 }
               )
@@ -2125,17 +2130,17 @@ const Hs = ({
                   renderChannelBanner: _,
                   onLeaveConversation: st,
                   onBlockParticipant: nt,
-                  CustomChannelEmptyState: g,
+                  CustomChannelEmptyState: x,
                   showDeleteConversation: me,
-                  onDeleteConversationClick: y,
+                  onDeleteConversationClick: v,
                   onBlockParticipantClick: r,
                   onReportParticipantClick: S,
-                  dmAgentEnabled: v,
-                  messageMetadata: w,
+                  dmAgentEnabled: w,
+                  messageMetadata: p,
                   onMessageSent: D,
-                  showStarButton: C,
-                  chatbotVotingEnabled: p,
-                  customChannelActions: h,
+                  showStarButton: N,
+                  chatbotVotingEnabled: y,
+                  customChannelActions: f,
                   renderMessage: u
                 },
                 W.id
@@ -2208,7 +2213,7 @@ const Hs = ({
   avatarImage: m,
   avatarName: a
 }) => {
-  const c = t.filter((g) => g.enabled).sort((g, f) => (g.order ?? 0) - (f.order ?? 0));
+  const c = t.filter((x) => x.enabled).sort((x, h) => (x.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: [
     (m || a) && /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
       te,
@@ -2227,58 +2232,58 @@ const Hs = ({
         style: { backgroundColor: "#F1F0EE" },
         children: [
           o && /* @__PURE__ */ e("p", { className: "text-md text-charcoal mb-4", children: o }),
-          c.map((g) => /* @__PURE__ */ e(
+          c.map((x) => /* @__PURE__ */ e(
             Us,
             {
-              question: g.question,
-              onClick: () => s(g.id),
-              loading: n === g.id
+              question: x.question,
+              onClick: () => s(x.id),
+              loading: n === x.id
             },
-            g.id
+            x.id
           ))
         ]
       }
     )
   ] }) });
 }, Ws = (t, s = {}) => {
-  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = k([]), [a, c] = k(!1), [g, f] = k(null), [N, b] = k(n), [y, r] = k(!0), [S, v] = k(), w = L(async (E = !1, _) => {
+  const { initialSearch: n = "", pageSize: o = 20 } = s, [l, m] = k([]), [a, c] = k(!1), [x, h] = k(null), [b, g] = k(n), [v, r] = k(!0), [S, w] = k(), p = L(async (E = !1, _) => {
     if (a) return;
-    const h = _ !== void 0 ? _ : N;
-    c(!0), f(null);
+    const f = _ !== void 0 ? _ : b;
+    c(!0), h(null);
     try {
       const u = await t.loadParticipants({
-        search: h || void 0,
+        search: f || void 0,
         limit: o,
         cursor: E ? void 0 : S
       });
       m(
         (d) => E ? u.participants : [...d, ...u.participants]
-      ), r(u.hasMore), v(u.nextCursor);
+      ), r(u.hasMore), w(u.nextCursor);
     } catch (u) {
       const d = u instanceof Error ? u.message : "Failed to load participants";
-      f(d), console.error("[useParticipants] Load error:", u);
+      h(d), console.error("[useParticipants] Load error:", u);
     } finally {
       c(!1);
     }
-  }, [t, N, S, o, a]), D = L(() => {
-    y && !a && w(!1);
-  }, [y, a, w]), C = L((E) => {
-    b(E), v(void 0), w(!0, E);
-  }, [w]), p = L(() => {
-    v(void 0), w(!0);
-  }, [w]);
+  }, [t, b, S, o, a]), D = L(() => {
+    v && !a && p(!1);
+  }, [v, a, p]), N = L((E) => {
+    g(E), w(void 0), p(!0, E);
+  }, [p]), y = L(() => {
+    w(void 0), p(!0);
+  }, [p]);
   return Q(() => {
-    w(!0);
+    p(!0);
   }, [t.loadParticipants]), {
     participants: l,
     loading: a,
-    error: g,
-    searchQuery: N,
-    hasMore: y,
+    error: x,
+    searchQuery: b,
+    hasMore: v,
     totalCount: t.totalCount,
     loadMore: D,
-    search: C,
-    refresh: p
+    search: N,
+    refresh: y
   };
 };
 export {