@nivaro/react 0.3.24 → 0.3.26

package/dist/shared/components/chat/chat-core.js

@@ -1,28 +1,29 @@
 import { readItems as J } from "@nivaro/sdk";
 import { useQueryClient as v, useMutation as h, useQuery as y } from "@tanstack/react-query";
-import { useContext as Z, useState as L, useEffect as $, useMemo as k, useCallback as M, useRef as U, createContext as X } from "react";
+import { useContext as Z, useState as x, useEffect as K, useMemo as k, useCallback as M, useRef as U, createContext as X } from "react";
 import { toast as ee } from "sonner";
 import { useNivaroClient as m } from "../../context.js";
-import { get as g, patch as C, post as K, del as A } from "../../lib/commands.js";
+import { get as g, patch as R, post as O, del as A } from "../../lib/commands.js";
 import { isDndActive as te } from "../../lib/dnd.js";
-import { playNotificationSound as ne } from "../../lib/notification-sound.js";
-import { announceLocalPrefs as se } from "../../lib/user-sync.js";
-import { bindChatOutbox as re, enqueueChatOutbox as oe } from "./chat-outbox.js";
-import { discardOutbox as Ct, editOutbox as Rt, holdOutbox as wt, nudgeChatOutbox as St, retryOutbox as Tt, useOutbox as $t } from "./chat-outbox.js";
-import { huddleHolds as ae, holdNotification as ie } from "./huddle/huddle-hold.js";
-const Me = ["👍", "✅", "👀", "🎉", "❤️", "😂"], ce = X(null);
+import { useLiveRefetchInterval as ne } from "../../lib/live-queries.js";
+import { playNotificationSound as se } from "../../lib/notification-sound.js";
+import { announceLocalPrefs as re } from "../../lib/user-sync.js";
+import { bindChatOutbox as oe, enqueueChatOutbox as ae } from "./chat-outbox.js";
+import { discardOutbox as wt, editOutbox as St, holdOutbox as Tt, nudgeChatOutbox as $t, retryOutbox as Kt, useOutbox as Ot } from "./chat-outbox.js";
+import { huddleHolds as ie, holdNotification as ce } from "./huddle/huddle-hold.js";
+const ke = ["👍", "✅", "👀", "🎉", "❤️", "😂"], ue = X(null);
 function b() {
-  const e = Z(ce);
+  const e = Z(ue);
   if (!e) throw new Error("Chat components must be wrapped in <ChatProvider>");
   return e;
 }
-const Ie = 0, ke = {
+const Le = 0, xe = {
   collections: { messages: "chat_messages", reads: "chat_last_read", presence: "user_presence" },
   globalRoom: "global",
   globalLabel: "General",
   entityPattern: String.raw`\b([A-Za-z]{2,4}\d{2}(?:INV)?-\d+)\b`
 };
-function xe(e, t) {
+function Qe(e, t) {
   return `dm:${[e.toUpperCase(), t.toUpperCase()].sort().join(":")}`;
 }
 function B(e, t) {
@@ -32,7 +33,7 @@ function B(e, t) {
 }
 function F(e, t) {
   const s = b(), n = v(), o = (t ?? []).join("|");
-  $(() => {
+  K(() => {
     const r = () => {
       for (const a of e) n.invalidateQueries({ queryKey: a });
     };
@@ -40,23 +41,23 @@ function F(e, t) {
     if (s.realtime) return s.realtime(s.collections.messages, r);
   }, [s.subscribeRooms, s.realtime, o, n]);
 }
-function ue(e, t) {
+function le(e, t) {
   const s = b(), n = v();
-  $(() => {
+  K(() => {
     if (s.realtime)
       return s.realtime(e, () => {
         for (const o of t) n.invalidateQueries({ queryKey: o });
       });
   }, [s.realtime, e, n]);
 }
-function Le(e, t = null) {
+function Ue(e, t = null) {
   var D, N, E;
   const s = b(), n = m(), o = t ? "around" in t ? `around:${t.around}` : `date:${t.date}` : "latest", { data: r, isLoading: a } = y({
     queryKey: ["nvr-chat", e, o],
     queryFn: async () => {
-      const _ = { room: e, limit: 80 };
-      return t && "around" in t && (_.around = t.around), t && "date" in t && (_.date = t.date), await n.request(
-        g("/chat/messages", _)
+      const C = { room: e, limit: 80 };
+      return t && "around" in t && (C.around = t.around), t && "date" in t && (C.date = t.date), await n.request(
+        g("/chat/messages", C)
       );
     },
     enabled: !!e,
@@ -64,41 +65,41 @@ function Le(e, t = null) {
     refetchInterval: s.realtime || s.subscribeRooms ? void 0 : 1e4
   });
   F([["nvr-chat"], ["nvr-chat-rooms"], ["nvr-chat-thread"]], e ? [e] : []);
-  const [i, c] = L([]), [f, u] = L(null), [l, d] = L(!1);
-  $(() => {
+  const [i, c] = x([]), [f, u] = x(null), [d, l] = x(!1);
+  K(() => {
     c([]), u(null);
   }, [e, o]);
   const q = (r == null ? void 0 : r.data) ?? [], p = k(() => {
     if (i.length === 0) return q;
-    const _ = new Set(q.map((R) => R.id));
-    return [...i.filter((R) => !_.has(R.id)), ...q];
-  }, [i, q]), O = M(async () => {
-    var R;
-    if (!e || l) return;
-    const _ = p[0];
-    if (_) {
-      d(!0);
+    const C = new Set(q.map((w) => w.id));
+    return [...i.filter((w) => !C.has(w.id)), ...q];
+  }, [i, q]), _ = M(async () => {
+    var w;
+    if (!e || d) return;
+    const C = p[0];
+    if (C) {
+      l(!0);
       try {
         const P = await n.request(
-          g("/chat/messages", { room: e, limit: 60, before: _.id })
+          g("/chat/messages", { room: e, limit: 60, before: C.id })
         );
-        c((Y) => [...P.data ?? [], ...Y]), u(!!((R = P.meta) != null && R.has_older));
+        c((Y) => [...P.data ?? [], ...Y]), u(!!((w = P.meta) != null && w.has_older));
       } finally {
-        d(!1);
+        l(!1);
       }
     }
-  }, [e, p, n, l]);
+  }, [e, p, n, d]);
   return {
     messages: p,
     loading: a,
     hasOlder: f ?? !!((D = r == null ? void 0 : r.meta) != null && D.has_older),
     hasNewer: !!((N = r == null ? void 0 : r.meta) != null && N.has_newer),
     anchorId: ((E = r == null ? void 0 : r.meta) == null ? void 0 : E.anchor) ?? null,
-    loadOlder: O,
-    loadingOlder: l
+    loadOlder: _,
+    loadingOlder: d
   };
 }
-function Qe(e, t) {
+function Ae(e, t) {
   const s = b(), n = m(), { data: o, isLoading: r } = y({
     queryKey: ["nvr-chat-thread", e, t],
     queryFn: async () => (await n.request(
@@ -116,15 +117,15 @@ function Qe(e, t) {
     loading: r
   };
 }
-function Ue(e) {
+function De(e) {
   var r, a, i;
   const t = m(), s = v(), n = b();
-  return re(t, s, ((r = n.me) == null ? void 0 : r.id) ?? null), { mutate: M(
+  return oe(t, s, ((r = n.me) == null ? void 0 : r.id) ?? null), { mutate: M(
     (c) => {
-      var u, l;
+      var u, d;
       const f = typeof c == "string" ? { text: c } : c;
-      oe({
-        client_id: le(),
+      ae({
+        client_id: de(),
         room: e,
         text: f.text,
         mentions: f.mentions ?? [],
@@ -134,13 +135,13 @@ function Ue(e) {
         urgent: !!f.urgent,
         created_at: (/* @__PURE__ */ new Date()).toISOString(),
         sender: ((u = n.me) == null ? void 0 : u.id) ?? "",
-        sender_name: ((l = n.me) == null ? void 0 : l.name) ?? null
+        sender_name: ((d = n.me) == null ? void 0 : d.name) ?? null
       });
     },
     [e, (a = n.me) == null ? void 0 : a.id, (i = n.me) == null ? void 0 : i.name]
   ), isPending: !1 };
 }
-function le() {
+function de() {
   var t;
   const e = globalThis.crypto;
   return ((t = e == null ? void 0 : e.randomUUID) == null ? void 0 : t.call(e)) ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
@@ -148,15 +149,15 @@ function le() {
 function G(e, t, s) {
   const n = (t == null ? void 0 : t.toLowerCase()) ?? "";
   return e.map((r) => {
-    var c, f, u, l, d;
+    var c, f, u, d, l;
     const a = r.kind === "unknown" ? "entity" : r.kind, i = a === "global" ? (
       // The server names General only when an admin renamed it.
       r.label ?? s.globalLabel
     ) : a === "dm" ? (
       // The server resolves the peer's name from the user table; the
       // message sender is only a fallback for hosts that don't send one.
-      r.label ?? (((f = (c = r.last_message) == null ? void 0 : c.sender) == null ? void 0 : f.toLowerCase()) !== n ? ((u = r.last_message) == null ? void 0 : u.sender_name) ?? null : null) ?? `User ${((l = B(r.room, n)) == null ? void 0 : l.slice(0, 8)) ?? ""}`
-    ) : r.label ?? ((d = s.roomLabel) == null ? void 0 : d.call(s, r.room)) ?? r.room.toUpperCase();
+      r.label ?? (((f = (c = r.last_message) == null ? void 0 : c.sender) == null ? void 0 : f.toLowerCase()) !== n ? ((u = r.last_message) == null ? void 0 : u.sender_name) ?? null : null) ?? `User ${((d = B(r.room, n)) == null ? void 0 : d.slice(0, 8)) ?? ""}`
+    ) : r.label ?? ((l = s.roomLabel) == null ? void 0 : l.call(s, r.room)) ?? r.room.toUpperCase();
     return {
       room: r.room,
       label: i,
@@ -179,7 +180,7 @@ function G(e, t, s) {
     return (a.lastMessage ? new Date(a.lastMessage.date_created).getTime() : 0) - i;
   });
 }
-function Ae() {
+function Ne() {
   const e = b(), t = m(), s = e.me, n = y({
     queryKey: ["nvr-chat-rooms", s == null ? void 0 : s.id],
     queryFn: async () => (await t.request(g("/chat/rooms"))).data ?? [],
@@ -191,7 +192,7 @@ function Ae() {
   const o = k(
     () => G(n.data ?? [], s == null ? void 0 : s.id, e),
     [n.data, s == null ? void 0 : s.id, e]
-  ), r = x().chat_badge_mode, a = o.reduce((i, c) => {
+  ), r = L().chat_badge_mode, a = o.reduce((i, c) => {
     var f;
     if (c.muted) return i;
     if (r === "conversations") {
@@ -202,7 +203,7 @@ function Ae() {
   }, 0);
   return { rooms: o, totalUnread: a, loading: n.isLoading };
 }
-function De(e) {
+function Ee(e) {
   const t = b(), s = m(), n = t.me, o = y({
     queryKey: ["nvr-chat-rooms", n == null ? void 0 : n.id, "archived"],
     queryFn: async () => (await s.request(
@@ -213,7 +214,7 @@ function De(e) {
   });
   return { rooms: k(() => G(o.data ?? [], n == null ? void 0 : n.id, t), [o.data, n == null ? void 0 : n.id, t]), loading: o.isLoading };
 }
-function Ne(e) {
+function Pe(e) {
   const t = m(), { data: s, isLoading: n } = y({
     queryKey: ["nvr-chat-directory", e],
     queryFn: async () => (await t.request(
@@ -223,38 +224,38 @@ function Ne(e) {
   });
   return { channels: s ?? [], loading: n };
 }
-function Ee() {
+function je() {
   const e = m(), t = v(), s = () => {
     t.invalidateQueries({ queryKey: ["nvr-chat-rooms"] }), t.invalidateQueries({ queryKey: ["nvr-chat-directory"] });
   }, n = h({
-    mutationFn: (u) => e.request(K(`/chat/rooms/${encodeURIComponent(u)}/join`)),
+    mutationFn: (u) => e.request(O(`/chat/rooms/${encodeURIComponent(u)}/join`)),
     onSuccess: s
   }), o = h({
     mutationFn: (u) => e.request(A(`/chat/rooms/${encodeURIComponent(u)}/join`)),
     onSuccess: s
   }), r = h({
-    mutationFn: ({ room: u, muted: l }) => e.request(C(`/chat/rooms/${encodeURIComponent(u)}`, { muted: l })),
+    mutationFn: ({ room: u, muted: d }) => e.request(R(`/chat/rooms/${encodeURIComponent(u)}`, { muted: d })),
     onSuccess: s
   }), a = h({
-    mutationFn: ({ room: u, mode: l }) => e.request(
-      C(`/chat/rooms/${encodeURIComponent(u)}`, {
-        notify_mode: l === "mentions" ? "mentions" : null
+    mutationFn: ({ room: u, mode: d }) => e.request(
+      R(`/chat/rooms/${encodeURIComponent(u)}`, {
+        notify_mode: d === "mentions" ? "mentions" : null
       })
     ),
     onSuccess: s
   }), i = h({
-    mutationFn: ({ room: u, archived: l }) => e.request(C(`/chat/rooms/${encodeURIComponent(u)}`, { archived: l })),
+    mutationFn: ({ room: u, archived: d }) => e.request(R(`/chat/rooms/${encodeURIComponent(u)}`, { archived: d })),
     onSuccess: s
   }), c = h({
-    mutationFn: ({ room: u, starred: l }) => e.request(C(`/chat/rooms/${encodeURIComponent(u)}`, { starred: l })),
+    mutationFn: ({ room: u, starred: d }) => e.request(R(`/chat/rooms/${encodeURIComponent(u)}`, { starred: d })),
     onSuccess: s
   }), f = h({
-    mutationFn: (u) => e.request(C(`/chat/rooms/${encodeURIComponent(u)}`, { welcome_seen: !0 })),
+    mutationFn: (u) => e.request(R(`/chat/rooms/${encodeURIComponent(u)}`, { welcome_seen: !0 })),
     onSuccess: s
   });
   return { join: n, leave: o, setMuted: r, setNotifyMode: a, setArchived: i, setStarred: c, dismissWelcome: f };
 }
-function Pe(e) {
+function ze(e) {
   const t = m(), { data: s, isLoading: n } = y({
     queryKey: ["nvr-chat-members", e],
     queryFn: async () => (await t.request(
@@ -265,14 +266,14 @@ function Pe(e) {
   });
   return { members: s ?? [], loading: n };
 }
-function je(e) {
+function He(e) {
   const t = m(), s = v(), n = () => {
     s.invalidateQueries({ queryKey: ["nvr-chat-members", e] }), s.invalidateQueries({ queryKey: ["nvr-chat-rooms"] }), s.invalidateQueries({ queryKey: ["nvr-chat-directory"] });
   }, o = h({
-    mutationFn: (i) => t.request(C(`/chat/channels/${e}`, i)),
+    mutationFn: (i) => t.request(R(`/chat/channels/${e}`, i)),
     onSuccess: n
   }), r = h({
-    mutationFn: (i) => t.request(K(`/chat/channels/${e}/members`, { user_id: i })),
+    mutationFn: (i) => t.request(O(`/chat/channels/${e}/members`, { user_id: i })),
     onSuccess: n
   }), a = h({
     mutationFn: (i) => t.request(A(`/chat/channels/${e}/members/${i}`)),
@@ -280,7 +281,7 @@ function je(e) {
   });
   return { update: o, addMember: r, removeMember: a };
 }
-function ze() {
+function Be() {
   const e = m(), { data: t } = y({
     queryKey: ["nvr-chat-roles"],
     queryFn: async () => (await e.request(
@@ -290,7 +291,7 @@ function ze() {
   });
   return t ?? [];
 }
-function He(e, t) {
+function Ge(e, t) {
   const s = m(), { data: n, isLoading: o } = y({
     queryKey: ["nvr-chat-user-search", e],
     queryFn: async () => (await s.request(
@@ -301,10 +302,10 @@ function He(e, t) {
   });
   return { users: n ?? [], loading: o };
 }
-function Be() {
+function Ve() {
   const e = m(), t = v();
   return h({
-    mutationFn: (s) => e.request(K("/chat/channels", s)),
+    mutationFn: (s) => e.request(O("/chat/channels", s)),
     onSuccess: () => {
       t.invalidateQueries({ queryKey: ["nvr-chat-rooms"] }), t.invalidateQueries({ queryKey: ["nvr-chat-directory"] });
     }
@@ -316,27 +317,27 @@ function z(e) {
   var t;
   return e.kind === "dm" || e.kind === "channel" && !!((t = e.channel) != null && t.is_direct);
 }
-const w = /* @__PURE__ */ new Map();
-function Ge(e) {
-  $(() => {
+const S = /* @__PURE__ */ new Map();
+function We(e) {
+  K(() => {
     if (e)
-      return w.set(e, (w.get(e) ?? 0) + 1), () => {
-        const t = (w.get(e) ?? 1) - 1;
-        t <= 0 ? w.delete(e) : w.set(e, t);
+      return S.set(e, (S.get(e) ?? 0) + 1), () => {
+        const t = (S.get(e) ?? 1) - 1;
+        t <= 0 ? S.delete(e) : S.set(e, t);
       };
   }, [e]);
 }
-function de() {
+function me() {
   return typeof document > "u" || document.visibilityState === "visible";
 }
 function H(e) {
-  return w.has(e) && de();
+  return S.has(e) && me();
 }
-function me() {
-  const e = x().notification_sound;
+function fe() {
+  const e = L().notification_sound;
   return typeof e == "string" ? e : "off";
 }
-function x() {
+function L() {
   const e = m(), { data: t } = y({
     queryKey: ["nvr-profile-prefs"],
     queryFn: () => e.request(g("/users/me")).then((s) => {
@@ -347,10 +348,10 @@ function x() {
   });
   return t ?? {};
 }
-function fe() {
+function he() {
   const e = m(), t = v();
   return h({
-    mutationFn: (s) => e.request(C("/users/me/preferences", s)),
+    mutationFn: (s) => e.request(R("/users/me/preferences", s)),
     onMutate: (s) => {
       const n = t.getQueryData(["nvr-profile-prefs"]);
       return t.setQueryData(["nvr-profile-prefs"], { ...n ?? {}, ...s }), { prev: n };
@@ -358,15 +359,15 @@ function fe() {
     onError: (s, n, o) => {
       o != null && o.prev && t.setQueryData(["nvr-profile-prefs"], o.prev);
     },
-    onSuccess: (s, n) => se(Object.keys(n)),
+    onSuccess: (s, n) => re(Object.keys(n)),
     onSettled: () => {
       t.invalidateQueries({ queryKey: ["nvr-profile-prefs"] }), t.invalidateQueries({ queryKey: ["presence-online"] });
     }
   });
 }
-function Ve() {
-  const e = x(), t = fe(), s = Object.keys(e).length > 0;
-  $(() => {
+function Ye() {
+  const e = L(), t = he(), s = Object.keys(e).length > 0;
+  K(() => {
     if (!s) return;
     let n = "";
     try {
@@ -384,53 +385,53 @@ function Ve() {
     }
   }, [s, e.browser_timezone]);
 }
-function We(e, t) {
-  const s = b(), n = me(), o = x(), r = U(o);
-  r.current = o, $(() => {
-    const a = t ? t.filter((u) => z(u) && !H(u.room)).reduce((u, l) => u + l.unread, 0) : e, i = a > j, c = ae(r.current), f = te(r.current) || c;
-    if (s.sound && i && !f && ne(n), s.sound && i && c && ie({ kind: "chat", title: "New message" }), t) {
-      const u = Q.size > 0, l = w.size > 0;
-      for (const d of t) {
-        const q = Q.get(d.room) ?? 0;
-        if (u && !f && !d.muted && z(d) && d.unread > q && !H(d.room)) {
-          const p = d.lastMessage, O = p != null && p.sender_name ? String(p.sender_name).trim() : null;
+function Je(e, t) {
+  const s = b(), n = fe(), o = L(), r = U(o);
+  r.current = o, K(() => {
+    const a = t ? t.filter((u) => z(u) && !H(u.room)).reduce((u, d) => u + d.unread, 0) : e, i = a > j, c = ie(r.current), f = te(r.current) || c;
+    if (s.sound && i && !f && se(n), s.sound && i && c && ce({ kind: "chat", title: "New message" }), t) {
+      const u = Q.size > 0, d = S.size > 0;
+      for (const l of t) {
+        const q = Q.get(l.room) ?? 0;
+        if (u && !f && !l.muted && z(l) && l.unread > q && !H(l.room)) {
+          const p = l.lastMessage, _ = p != null && p.sender_name ? String(p.sender_name).trim() : null;
           ee(
-            d.kind === "dm" ? `New message from ${O || d.label}` : `New message in ${d.label}${O ? ` — ${O}` : ""}`,
+            l.kind === "dm" ? `New message from ${_ || l.label}` : `New message in ${l.label}${_ ? ` — ${_}` : ""}`,
             {
               description: p != null && p.message ? String(p.message).replace(/<[^>]*>/g, "").slice(0, 90) : void 0,
               duration: 4e3,
-              ...l ? { position: "top-center" } : {},
+              ...d ? { position: "top-center" } : {},
               // Reading the message is the whole reason the toast exists, so
               // it opens the conversation — only when a host has somewhere to
               // open it, otherwise the click would do nothing.
-              ...qe() ? {
+              ...be() ? {
                 className: "cursor-pointer",
                 onDismiss: void 0,
                 action: {
                   label: "Open",
-                  onClick: () => W(d.room, d.label)
+                  onClick: () => W(l.room, l.label)
                 }
               } : {}
             }
           );
         }
-        Q.set(d.room, d.unread);
+        Q.set(l.room, l.unread);
       }
     }
     j = a;
   }, [e, s.sound, t, n]);
 }
-function Ye() {
+function Ze() {
   const e = m(), t = v();
   return h({
-    mutationFn: (s) => e.request(K(`/chat/rooms/${encodeURIComponent(s)}/read`)),
+    mutationFn: (s) => e.request(O(`/chat/rooms/${encodeURIComponent(s)}/read`)),
     onSuccess: () => void t.invalidateQueries({ queryKey: ["nvr-chat-rooms"] })
   });
 }
-const he = ["nvr-chat-room-types"];
+const ye = ["nvr-chat-room-types"];
 function V(e) {
   return {
-    queryKey: he,
+    queryKey: ye,
     queryFn: async () => {
       const t = await e.request(g("/chat/room-types"));
       return ((t == null ? void 0 : t.data) ?? []).filter((s) => s.is_active);
@@ -438,28 +439,28 @@ function V(e) {
     staleTime: 5 * 6e4
   };
 }
-function Je(e) {
-  const t = b(), s = m(), n = (e == null ? void 0 : e.indexOf(":")) ?? -1, o = e && n > 0 ? e.slice(0, n) : null, r = e && n > 0 ? e.slice(n + 1) : null, a = !!e && !!o && !!r && e !== t.globalRoom && o !== "dm" && o !== "ch", { data: i } = y({ ...V(s), enabled: a }), c = a ? i == null ? void 0 : i.find((l) => l.is_active && l.prefix === o) : void 0, { data: f } = y({
+function Xe(e) {
+  const t = b(), s = m(), n = (e == null ? void 0 : e.indexOf(":")) ?? -1, o = e && n > 0 ? e.slice(0, n) : null, r = e && n > 0 ? e.slice(n + 1) : null, a = !!e && !!o && !!r && e !== t.globalRoom && o !== "dm" && o !== "ch", { data: i } = y({ ...V(s), enabled: a }), c = a ? i == null ? void 0 : i.find((d) => d.is_active && d.prefix === o) : void 0, { data: f } = y({
     queryKey: ["nvr-chat-entity-record", c == null ? void 0 : c.collection, c == null ? void 0 : c.match_field, r],
     queryFn: async () => {
-      var d, q;
-      return c.match_field === "id" ? r : ((q = (d = (await s.request(
+      var l, q;
+      return c.match_field === "id" ? r : ((q = (l = (await s.request(
         g(`/items/${c.collection}`, {
           limit: 1,
           fields: "id",
           filter: JSON.stringify({ [c.match_field]: { _eq: r } })
         })
-      )).data) == null ? void 0 : d[0]) == null ? void 0 : q.id) ?? null;
+      )).data) == null ? void 0 : l[0]) == null ? void 0 : q.id) ?? null;
     },
     enabled: !!c && !!r,
     staleTime: 5 * 6e4
   });
-  return !c || f == null ? null : (t.recordUrl ?? ((l, d) => `/collections/${l}/${d}`))(c.collection, f);
+  return !c || f == null ? null : (t.recordUrl ?? ((d, l) => `/collections/${d}/${l}`))(c.collection, f);
 }
-const ye = /@\[([^\]]+)\](?:\([^)]*\))?/g;
-function Ze(e, t) {
+const ge = /@\[([^\]]+)\](?:\([^)]*\))?/g;
+function et(e, t) {
   const s = new RegExp(t, "gi"), n = [];
-  for (const a of e.matchAll(ye))
+  for (const a of e.matchAll(ge))
     n.push({
       start: a.index,
       end: a.index + a[0].length,
@@ -478,48 +479,51 @@ function Ze(e, t) {
     a.start > r && o.push({ text: e.slice(r, a.start) }), o.push(a.token), r = a.end;
   return r < e.length && o.push({ text: e.slice(r) }), o;
 }
-function Xe(e, t) {
+function tt(e, t) {
   const n = e.slice(0, t).match(/@([^@\n\r]*)$/);
   return n ? n[1] : null;
 }
-const ge = 3e3;
-function et(e) {
+const pe = 3e3;
+function nt(e) {
   const t = b(), s = m();
   v();
   const n = U(!1), o = U(null), r = t.me, a = M(() => {
     o.current && clearTimeout(o.current), o.current = null, n.current && r && t.setTypingRoom && (n.current = !1, t.setTypingRoom(r.id, null));
   }, [r, t]), i = M(() => {
-    !r || !e || !t.setTypingRoom || (n.current || (n.current = !0, t.setTypingRoom(r.id, e)), o.current && clearTimeout(o.current), o.current = setTimeout(a, ge));
+    !r || !e || !t.setTypingRoom || (n.current || (n.current = !0, t.setTypingRoom(r.id, e)), o.current && clearTimeout(o.current), o.current = setTimeout(a, pe));
   }, [r, e, t, a]);
-  $(() => a, [a]);
-  const { data: c } = y({
+  K(() => a, [a]);
+  const c = ne(6e3, {
+    safetyMs: 3e4,
+    enabled: !!t.realtime
+  }), { data: f } = y({
     queryKey: ["nvr-chat-typing", e],
     queryFn: async () => {
-      const u = new Date(Date.now() - 6e4).toISOString();
+      const d = new Date(Date.now() - 6e4).toISOString();
       return (await s.request(
         J(t.collections.presence, {
           limit: 10,
           fields: ["user_id", "display_name", "typing_room", "last_seen"],
-          filter: { typing_room: { _eq: e }, last_seen: { _gte: u } }
+          filter: { typing_room: { _eq: e }, last_seen: { _gte: d } }
         })
       )).data ?? [];
     },
     enabled: !!e && !!t.setTypingRoom,
-    refetchInterval: 6e3,
+    refetchInterval: c,
     staleTime: 2e3
   });
-  ue(t.collections.presence, [["nvr-chat-typing"]]);
-  const f = k(() => {
-    var d;
-    const u = (d = r == null ? void 0 : r.id) == null ? void 0 : d.toLowerCase(), l = (c ?? []).filter((q) => {
-      var p;
-      return ((p = q.user_id) == null ? void 0 : p.toLowerCase()) !== u;
-    }).map((q) => q.display_name ?? "Someone");
+  le(t.collections.presence, [["nvr-chat-typing"]]);
+  const u = k(() => {
+    var q;
+    const d = (q = r == null ? void 0 : r.id) == null ? void 0 : q.toLowerCase(), l = (f ?? []).filter((p) => {
+      var _;
+      return ((_ = p.user_id) == null ? void 0 : _.toLowerCase()) !== d;
+    }).map((p) => p.display_name ?? "Someone");
     return l.length === 0 ? null : l.length === 1 ? `${l[0]} is typing…` : l.length === 2 ? `${l[0]} and ${l[1]} are typing…` : `${l.length} people are typing…`;
-  }, [c, r == null ? void 0 : r.id]);
-  return { onType: i, clearTyping: a, typingText: f };
+  }, [f, r == null ? void 0 : r.id]);
+  return { onType: i, clearTyping: a, typingText: u };
 }
-function tt(e) {
+function st(e) {
   const t = b(), s = m(), n = t.me, o = e && n ? B(e, n.id) : null, { data: r } = y({
     queryKey: ["nvr-chat-peer-read", e],
     queryFn: async () => {
@@ -536,21 +540,21 @@ function tt(e) {
   });
   return F([["nvr-chat-peer-read"]], e ? [e] : []), r ?? null;
 }
-function nt(e) {
+function rt(e) {
   const t = m(), s = v();
   return h({
-    mutationFn: ({ messageId: n, emoji: o }) => t.request(K(`/chat/messages/${n}/reactions`, { emoji: o })),
+    mutationFn: ({ messageId: n, emoji: o }) => t.request(O(`/chat/messages/${n}/reactions`, { emoji: o })),
     onSuccess: () => void s.invalidateQueries({ queryKey: ["nvr-chat", e] })
   });
 }
-function st(e) {
+function ot(e) {
   const t = m(), s = v();
   return h({
-    mutationFn: ({ messageId: n, text: o }) => t.request(C(`/chat/messages/${n}`, { message: o })),
+    mutationFn: ({ messageId: n, text: o }) => t.request(R(`/chat/messages/${n}`, { message: o })),
     onSuccess: () => void s.invalidateQueries({ queryKey: ["nvr-chat", e] })
   });
 }
-function rt(e) {
+function at(e) {
   const t = m(), s = v();
   return h({
     mutationFn: (n) => t.request(A(`/chat/messages/${n}`)),
@@ -559,7 +563,7 @@ function rt(e) {
     }
   });
 }
-function ot(e, t = {}) {
+function it(e, t = {}) {
   const s = m(), n = { q: e };
   t.sender && (n.sender = t.sender), t.room && (n.room = t.room), t.from && (n.from = t.from), t.to && (n.to = t.to), t.has_attachment && (n.has_attachment = "1"), t.mentions_me && (n.mentions_me = "1");
   const o = Object.keys(n).length > 1, { data: r, isLoading: a } = y({
@@ -576,14 +580,14 @@ function ot(e, t = {}) {
   });
   return { hits: (r == null ? void 0 : r.hits) ?? [], meaning: (r == null ? void 0 : r.meaning) ?? null, loading: a };
 }
-function at() {
+function ct() {
   const e = m(), t = v();
   return h({
-    mutationFn: async (s) => (await e.request(K("/chat/group-dm", s))).data,
+    mutationFn: async (s) => (await e.request(O("/chat/group-dm", s))).data,
     onSuccess: () => void t.invalidateQueries({ queryKey: ["nvr-chat-rooms"] })
   });
 }
-function pe() {
+function ve() {
   const e = m(), { data: t } = y({
     queryKey: ["nvr-chat-config"],
     queryFn: async () => (await e.request(g("/chat/config"))).data ?? { bot_name: null, bot_user_id: null },
@@ -591,10 +595,10 @@ function pe() {
   });
   return t ?? { bot_name: null, bot_user_id: null };
 }
-function it() {
-  return pe().bot_name;
+function ut() {
+  return ve().bot_name;
 }
-function ct(e) {
+function lt(e) {
   const t = m(), { data: s } = y({
     queryKey: ["nvr-chat-pins", e],
     queryFn: async () => (await t.request(
@@ -605,10 +609,10 @@ function ct(e) {
   });
   return F([["nvr-chat-pins"]], e ? [e] : []), s ?? [];
 }
-function ut(e) {
+function dt(e) {
   const t = m(), s = v();
   return h({
-    mutationFn: (n) => t.request(K(`/chat/messages/${n}/pin`)),
+    mutationFn: (n) => t.request(O(`/chat/messages/${n}/pin`)),
     onSuccess: () => void s.invalidateQueries({ queryKey: ["nvr-chat-pins", e] })
   });
 }
@@ -622,58 +626,58 @@ const I = [
   "#99f6e4",
   "#00ceff"
 ];
-function lt(e) {
-  return I[ve(e)];
+function mt(e) {
+  return I[qe(e)];
 }
-function ve(e) {
+function qe(e) {
   let t = 0;
   for (const s of e) t = t * 31 + s.charCodeAt(0) | 0;
   return Math.abs(t) % I.length;
 }
-function dt(e) {
+function ft(e) {
   return Number.isInteger(e) && e >= 0 && e < I.length ? I[e] : null;
 }
-function mt(e) {
+function ht(e) {
   return [...e].sort((t, s) => {
     const n = (t.display_name ?? "").trim(), o = (s.display_name ?? "").trim();
     return !n != !o ? n ? -1 : 1 : n.localeCompare(o, void 0, { sensitivity: "base" }) || String(t.user_id).localeCompare(String(s.user_id));
   });
 }
-function ft(e) {
+function yt(e) {
   var s, n;
   if (!e) return "?";
   const t = e.trim().split(/\s+/);
   return ((((s = t[0]) == null ? void 0 : s[0]) ?? "") + (((n = t[1]) == null ? void 0 : n[0]) ?? "")).toUpperCase() || "?";
 }
-let S = null;
-function ht(e) {
-  return S = e, () => {
-    S === e && (S = null);
-  };
-}
-function yt() {
-  return S !== null;
-}
-function gt(e, t) {
-  S == null || S(e, t);
-}
 let T = null;
-function pt(e) {
+function gt(e) {
   return T = e, () => {
     T === e && (T = null);
   };
 }
-function qe() {
+function pt() {
   return T !== null;
 }
-function W(e, t) {
+function vt(e, t) {
   T == null || T(e, t);
 }
-function vt(e = !0) {
+let $ = null;
+function qt(e) {
+  return $ = e, () => {
+    $ === e && ($ = null);
+  };
+}
+function be() {
+  return $ !== null;
+}
+function W(e, t) {
+  $ == null || $(e, t);
+}
+function bt(e = !0) {
   const t = m(), { data: s } = y({ ...V(t), enabled: e });
   return s;
 }
-async function qt(e, t, s) {
+async function _t(e, t, s) {
   var r;
   const n = await e.request(
     g("/chat/record-room", { collection: t, item: s })
@@ -683,65 +687,65 @@ async function qt(e, t, s) {
   return W(n.data.room, o), !0;
 }
 export {
-  ke as CHAT_DEFAULTS,
-  he as CHAT_ROOM_TYPES_KEY,
-  ce as ChatConfigContext,
-  Ie as GENERAL_CHANNEL_ID,
-  Me as REACTION_EMOJI,
-  qe as canOpenChatRoom,
-  yt as canOpenDm,
-  lt as chatAvatarColor,
-  dt as chatAvatarColorAt,
-  ve as chatAvatarColorIndex,
-  ft as chatInitials,
+  xe as CHAT_DEFAULTS,
+  ye as CHAT_ROOM_TYPES_KEY,
+  ue as ChatConfigContext,
+  Le as GENERAL_CHANNEL_ID,
+  ke as REACTION_EMOJI,
+  be as canOpenChatRoom,
+  pt as canOpenDm,
+  mt as chatAvatarColor,
+  ft as chatAvatarColorAt,
+  qe as chatAvatarColorIndex,
+  yt as chatInitials,
   V as chatRoomTypesQuery,
-  Ct as discardOutbox,
-  qt as discussRecord,
+  wt as discardOutbox,
+  _t as discussRecord,
   B as dmPeer,
-  xe as dmRoom,
-  Rt as editOutbox,
-  Xe as getMentionQuery,
-  wt as holdOutbox,
-  St as nudgeChatOutbox,
+  Qe as dmRoom,
+  St as editOutbox,
+  tt as getMentionQuery,
+  Tt as holdOutbox,
+  $t as nudgeChatOutbox,
   W as openChatRoom,
-  gt as openDmWith,
-  ht as registerDmOpener,
-  pt as registerRoomOpener,
-  Tt as retryOutbox,
-  mt as sortOnlineUsers,
-  Ze as splitMessageTokens,
-  De as useArchivedRooms,
-  je as useChannelAdmin,
-  Ne as useChannelDirectory,
-  Pe as useChannelMembers,
-  pe as useChatBotInfo,
-  it as useChatBotName,
+  vt as openDmWith,
+  gt as registerDmOpener,
+  qt as registerRoomOpener,
+  Kt as retryOutbox,
+  ht as sortOnlineUsers,
+  et as splitMessageTokens,
+  Ee as useArchivedRooms,
+  He as useChannelAdmin,
+  Pe as useChannelDirectory,
+  ze as useChannelMembers,
+  ve as useChatBotInfo,
+  ut as useChatBotName,
   b as useChatConfig,
-  Le as useChatMessages,
-  ze as useChatRoles,
-  Ae as useChatRooms,
-  ot as useChatSearch,
-  Qe as useChatThread,
-  Be as useCreateChannel,
-  at as useCreateGroupDm,
-  rt as useDeleteMessage,
-  st as useEditMessage,
-  Je as useEntityRoomLink,
-  Ye as useMarkRoomRead,
-  x as useMyPreferences,
-  me as useNotificationSoundPreference,
-  Ge as useOpenRoomRegistration,
-  $t as useOutbox,
-  tt as usePeerReadAt,
-  Ve as useRecordBrowserTimezone,
-  vt as useRecordRoomTypes,
-  Ee as useRoomMembership,
-  ct as useRoomPins,
-  Ue as useSendChatMessage,
-  fe as useSetMyPreferences,
-  ut as useTogglePin,
-  nt as useToggleReaction,
-  et as useTypingIndicator,
-  We as useUnreadChirp,
-  He as useUserSearch
+  Ue as useChatMessages,
+  Be as useChatRoles,
+  Ne as useChatRooms,
+  it as useChatSearch,
+  Ae as useChatThread,
+  Ve as useCreateChannel,
+  ct as useCreateGroupDm,
+  at as useDeleteMessage,
+  ot as useEditMessage,
+  Xe as useEntityRoomLink,
+  Ze as useMarkRoomRead,
+  L as useMyPreferences,
+  fe as useNotificationSoundPreference,
+  We as useOpenRoomRegistration,
+  Ot as useOutbox,
+  st as usePeerReadAt,
+  Ye as useRecordBrowserTimezone,
+  bt as useRecordRoomTypes,
+  je as useRoomMembership,
+  lt as useRoomPins,
+  De as useSendChatMessage,
+  he as useSetMyPreferences,
+  dt as useTogglePin,
+  rt as useToggleReaction,
+  nt as useTypingIndicator,
+  Je as useUnreadChirp,
+  Ge as useUserSearch
 };