@liveblocks/react 3.7.0-preview1 → 3.7.0

package/dist/_private.cjs

@@ -25,7 +25,7 @@
 
 
 
-var _chunk42HXAXEDcjs = require('./chunk-42HXAXED.cjs');
+var _chunkW2H56LB3cjs = require('./chunk-W2H56LB3.cjs');
 
 // src/lib/use-layout-effect.ts
 var _react = require('react');
@@ -50,7 +50,7 @@ function selectorFor_useGroup(state) {
   };
 }
 function useGroup(groupId) {
-  const client = _chunk42HXAXEDcjs.useClient.call(void 0, );
+  const client = _chunkW2H56LB3cjs.useClient.call(void 0, );
   const store = client[_core.kInternal].httpClient.groupsStore;
   const getGroupState = _react.useCallback.call(void 0, 
     () => store.getItemState(groupId),
@@ -59,7 +59,7 @@ function useGroup(groupId) {
   _react.useEffect.call(void 0, () => {
     void store.enqueue(groupId);
   }, [store, groupId]);
-  return _chunk42HXAXEDcjs.useSyncExternalStoreWithSelector.call(void 0, 
+  return _chunkW2H56LB3cjs.useSyncExternalStoreWithSelector.call(void 0, 
     store.subscribe,
     getGroupState,
     getGroupState,
@@ -80,8 +80,8 @@ function normalizeMentionSuggestions(suggestions) {
 function useMentionSuggestions(roomId, search) {
   const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
   const lastInvokedAt = _react.useRef.call(void 0, );
-  const resolveMentionSuggestions = _chunk42HXAXEDcjs.useResolveMentionSuggestions.call(void 0, );
-  const mentionSuggestionsCache = _chunk42HXAXEDcjs.useMentionSuggestionsCache.call(void 0, );
+  const resolveMentionSuggestions = _chunkW2H56LB3cjs.useResolveMentionSuggestions.call(void 0, );
+  const mentionSuggestionsCache = _chunkW2H56LB3cjs.useMentionSuggestionsCache.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (search === void 0 || !resolveMentionSuggestions) {
       return;
@@ -136,7 +136,7 @@ function useMentionSuggestions(roomId, search) {
 
 
 function useSyncSource() {
-  const client = _chunk42HXAXEDcjs.useClient.call(void 0, );
+  const client = _chunkW2H56LB3cjs.useClient.call(void 0, );
   const createSyncSource = client[_core.kInternal].createSyncSource;
   const [syncSource, setSyncSource] = _react.useState.call(void 0, );
   _react.useEffect.call(void 0, () => {
@@ -176,5 +176,5 @@ function useSyncSource() {
 
 
 
-exports.getUmbrellaStoreForClient = _chunk42HXAXEDcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunk42HXAXEDcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunk42HXAXEDcjs.useClientOrNull; exports.useCreateRoomComment = _chunk42HXAXEDcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunk42HXAXEDcjs.useCreateRoomThread; exports.useCreateTextMention = _chunk42HXAXEDcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunk42HXAXEDcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunk42HXAXEDcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunk42HXAXEDcjs.useDeleteTextMention; exports.useEditRoomComment = _chunk42HXAXEDcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunk42HXAXEDcjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunk42HXAXEDcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunk42HXAXEDcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunk42HXAXEDcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunk42HXAXEDcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunk42HXAXEDcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunk42HXAXEDcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunk42HXAXEDcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunk42HXAXEDcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunk42HXAXEDcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunk42HXAXEDcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunk42HXAXEDcjs.useRoomThreadSubscription; exports.useSignal = _chunk42HXAXEDcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunk42HXAXEDcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunk42HXAXEDcjs.useYjsProvider;
+exports.getUmbrellaStoreForClient = _chunkW2H56LB3cjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkW2H56LB3cjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkW2H56LB3cjs.useClientOrNull; exports.useCreateRoomComment = _chunkW2H56LB3cjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkW2H56LB3cjs.useCreateRoomThread; exports.useCreateTextMention = _chunkW2H56LB3cjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkW2H56LB3cjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkW2H56LB3cjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkW2H56LB3cjs.useDeleteTextMention; exports.useEditRoomComment = _chunkW2H56LB3cjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkW2H56LB3cjs.useEditRoomThreadMetadata; exports.useGroup = useGroup; exports.useLatest = _chunkW2H56LB3cjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkW2H56LB3cjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkW2H56LB3cjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkW2H56LB3cjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkW2H56LB3cjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkW2H56LB3cjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkW2H56LB3cjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkW2H56LB3cjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkW2H56LB3cjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkW2H56LB3cjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkW2H56LB3cjs.useRoomThreadSubscription; exports.useSignal = _chunkW2H56LB3cjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkW2H56LB3cjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkW2H56LB3cjs.useYjsProvider;
 //# sourceMappingURL=_private.cjs.map

package/dist/_private.d.cts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-RdHnZMhs.cjs';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-RdHnZMhs.cjs';
+import { G as GroupAsyncResult } from './room-mUz5TTmo.cjs';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-mUz5TTmo.cjs';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.d.ts

@@ -1,5 +1,5 @@
-import { G as GroupAsyncResult } from './room-RdHnZMhs.js';
-export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-RdHnZMhs.js';
+import { G as GroupAsyncResult } from './room-mUz5TTmo.js';
+export { g as getUmbrellaStoreForClient, a as useAddRoomCommentReaction, u as useClientOrNull, b as useCreateRoomComment, c as useCreateRoomThread, d as useCreateTextMention, e as useDeleteRoomComment, f as useDeleteRoomThread, h as useDeleteTextMention, i as useEditRoomComment, j as useEditRoomThreadMetadata, k as useMarkRoomThreadAsRead, l as useMarkRoomThreadAsResolved, m as useMarkRoomThreadAsUnresolved, n as useMentionSuggestionsCache, o as useRemoveRoomCommentReaction, p as useReportTextEditor, q as useResolveMentionSuggestions, r as useRoomAttachmentUrl, s as useRoomPermissions, t as useRoomThreadSubscription, v as useYjsProvider } from './room-mUz5TTmo.js';
 import { MutableRefObject, useEffect } from 'react';
 import { MentionData, ISignal, SyncSource } from '@liveblocks/core';
 import '@liveblocks/client';

package/dist/_private.js

@@ -25,7 +25,7 @@ import {
   useSignal,
   useSyncExternalStoreWithSelector,
   useYjsProvider
-} from "./chunk-LYWCKEAX.js";
+} from "./chunk-WGUV4Z4E.js";
 
 // src/lib/use-layout-effect.ts
 import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";

package/dist/{chunk-AUFFB5BH.js → chunk-KYXF6473.js}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.7.0-preview1";
+var PKG_VERSION = "3.7.0";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-AUFFB5BH.js.map
+//# sourceMappingURL=chunk-KYXF6473.js.map

package/dist/{chunk-X5PYKCZB.cjs → chunk-OXA6JGB4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.7.0-preview1";
+var PKG_VERSION = "3.7.0";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-X5PYKCZB.cjs.map
+//# sourceMappingURL=chunk-OXA6JGB4.cjs.map

package/dist/chunk-OXA6JGB4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-OXA6JGB4.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,OAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-OXA6JGB4.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-42HXAXED.cjs → chunk-W2H56LB3.cjs}

@@ -491,6 +491,9 @@ function makeUserThreadsQueryKey(query) {
 function makeAiChatsQueryKey(query) {
   return _core.stableStringify.call(void 0, _nullishCoalesce(query, () => ( {})));
 }
+function makeInboxNotificationsQueryKey(query) {
+  return _core.stableStringify.call(void 0, _nullishCoalesce(query, () => ( {})));
+}
 function usify(promise) {
   if ("status" in promise) {
     return promise;
@@ -919,7 +922,6 @@ var UmbrellaStore = class {
   // Notifications
   #notificationsLastRequestedAt = null;
   // Keeps track of when we successfully requested an inbox notifications update for the last time. Will be `null` as long as the first successful fetch hasn't happened yet.
-  #notificationsPaginationState;
   // Room Threads
   #roomThreadsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
   // User Threads
@@ -932,21 +934,6 @@ var UmbrellaStore = class {
     this.#client = client[_core.kInternal].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
     this.permissionHints = createStore_forPermissionHints();
-    this.#notificationsPaginationState = new PaginatedResource(
-      async (cursor) => {
-        const result = await this.#client.getInboxNotifications({ cursor });
-        this.updateThreadifications(
-          result.threads,
-          result.inboxNotifications,
-          result.subscriptions
-        );
-        if (this.#notificationsLastRequestedAt === null) {
-          this.#notificationsLastRequestedAt = result.requestedAt;
-        }
-        const nextCursor = result.nextCursor;
-        return nextCursor;
-      }
-    );
     const notificationSettingsFetcher = async () => {
       const result = await this.#client.getNotificationSettings();
       this.notificationSettings.update(result);
@@ -1076,25 +1063,46 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
-    const loadingNotifications = {
-      signal: _core.DerivedSignal.from(() => {
-        const resource = this.#notificationsPaginationState;
-        const result = resource.get();
-        if (result.isLoading || result.error) {
-          return result;
-        }
-        const page = result.data;
+    const loadingNotifications = new (0, _core.DefaultMap)(
+      (queryKey) => {
+        const query = JSON.parse(queryKey);
+        const resource = new PaginatedResource(async (cursor) => {
+          const result = await this.#client.getInboxNotifications({
+            cursor,
+            query
+          });
+          this.updateThreadifications(
+            result.threads,
+            result.inboxNotifications,
+            result.subscriptions
+          );
+          if (this.#notificationsLastRequestedAt === null) {
+            this.#notificationsLastRequestedAt = result.requestedAt;
+          }
+          const nextCursor = result.nextCursor;
+          return nextCursor;
+        });
+        const signal = _core.DerivedSignal.from(() => {
+          const result = resource.get();
+          if (result.isLoading || result.error) {
+            return result;
+          }
+          const page = result.data;
+          return {
+            isLoading: false,
+            inboxNotifications: this.outputs.notifications.get().sortedNotifications,
+            hasFetchedAll: page.hasFetchedAll,
+            isFetchingMore: page.isFetchingMore,
+            fetchMoreError: page.fetchMoreError,
+            fetchMore: page.fetchMore
+          };
+        }, _core.shallow2);
         return {
-          isLoading: false,
-          inboxNotifications: this.outputs.notifications.get().sortedNotifications,
-          hasFetchedAll: page.hasFetchedAll,
-          isFetchingMore: page.isFetchingMore,
-          fetchMoreError: page.fetchMoreError,
-          fetchMore: page.fetchMore
+          signal,
+          waitUntilLoaded: resource.waitUntilLoaded
         };
-      }),
-      waitUntilLoaded: this.#notificationsPaginationState.waitUntilLoaded
-    };
+      }
+    );
     const roomSubscriptionSettingsByRoomId = new (0, _core.DefaultMap)(
       (roomId) => {
         const resource = new SinglePageResource(async () => {
@@ -2119,7 +2127,7 @@ function makeLiveblocksContextBundle(client) {
   const shared = createSharedContext(client);
   const bundle = {
     LiveblocksProvider: LiveblocksProvider2,
-    useInboxNotifications: () => useInboxNotifications_withClient(client, identity2, _core.shallow),
+    useInboxNotifications: (options) => useInboxNotifications_withClient(client, identity2, _core.shallow, options),
     useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCount_withClient(client),
     useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
@@ -2138,7 +2146,7 @@ function makeLiveblocksContextBundle(client) {
     ...shared.classic,
     suspense: {
       LiveblocksProvider: LiveblocksProvider2,
-      useInboxNotifications: () => useInboxNotificationsSuspense_withClient(client),
+      useInboxNotifications: (options) => useInboxNotificationsSuspense_withClient(client, options),
       useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCountSuspense_withClient(client),
       useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
       useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
@@ -2159,10 +2167,11 @@ function makeLiveblocksContextBundle(client) {
   };
   return bundle;
 }
-function useInboxNotifications_withClient(client, selector, isEqual) {
+function useInboxNotifications_withClient(client, selector, isEqual, options) {
   const { store, notificationsPoller: poller } = getLiveblocksExtrasForClient(client);
+  const queryKey = makeInboxNotificationsQueryKey(_optionalChain([options, 'optionalAccess', _13 => _13.query]));
   _react.useEffect.call(void 0, 
-    () => void store.outputs.loadingNotifications.waitUntilLoaded()
+    () => void store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
     // NOTE: Deliberately *not* using a dependency array here!
     //
     // It is important to call waitUntil on *every* render.
@@ -2180,16 +2189,24 @@ function useInboxNotifications_withClient(client, selector, isEqual) {
     };
   }, [poller]);
   return useSignal(
-    store.outputs.loadingNotifications.signal,
+    store.outputs.loadingNotifications.getOrCreate(queryKey).signal,
     selector,
     isEqual
   );
 }
-function useInboxNotificationsSuspense_withClient(client) {
+function useInboxNotificationsSuspense_withClient(client, options) {
   ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
-  use(store.outputs.loadingNotifications.waitUntilLoaded());
-  const result = useInboxNotifications_withClient(client, identity2, _core.shallow);
+  const queryKey = makeInboxNotificationsQueryKey(_optionalChain([options, 'optionalAccess', _14 => _14.query]));
+  use(
+    store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
+  );
+  const result = useInboxNotifications_withClient(
+    client,
+    identity2,
+    _core.shallow,
+    options
+  );
   _core.assert.call(void 0, !result.error, "Did not expect error");
   _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
   return result;
@@ -2204,7 +2221,10 @@ function useUnreadInboxNotificationsCount_withClient(client) {
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
   ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
-  use(store.outputs.loadingNotifications.waitUntilLoaded());
+  const queryKey = makeInboxNotificationsQueryKey(void 0);
+  use(
+    store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
+  );
   const result = useUnreadInboxNotificationsCount_withClient(client);
   _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
   _core.assert.call(void 0, !result.error, "Did not expect error");
@@ -2356,7 +2376,7 @@ function useUpdateNotificationSettings_withClient(client) {
           store.optimisticUpdates.remove(optimisticUpdateId);
           if (err instanceof _core.HttpError) {
             if (err.status === 422) {
-              const msg = [_optionalChain([err, 'access', _13 => _13.details, 'optionalAccess', _14 => _14.error]), _optionalChain([err, 'access', _15 => _15.details, 'optionalAccess', _16 => _16.reason])].filter(Boolean).join("\n");
+              const msg = [_optionalChain([err, 'access', _15 => _15.details, 'optionalAccess', _16 => _16.error]), _optionalChain([err, 'access', _17 => _17.details, 'optionalAccess', _18 => _18.reason])].filter(Boolean).join("\n");
               _core.console.error(msg);
             }
             client[_core.kInternal].emitError(
@@ -2591,7 +2611,7 @@ function useGroupInfoSuspense_withClient(client, groupId) {
 function useAiChats(options) {
   const client = useClient();
   const store = getUmbrellaStoreForClient(client);
-  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _17 => _17.query]));
+  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _19 => _19.query]));
   useEnsureAiConnection(client);
   _react.useEffect.call(void 0, 
     () => void store.outputs.aiChats.getOrCreate(queryKey).waitUntilLoaded()
@@ -2615,7 +2635,7 @@ function useAiChatsSuspense(options) {
   const client = useClient();
   const store = getUmbrellaStoreForClient(client);
   useEnsureAiConnection(client);
-  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _18 => _18.query]));
+  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _20 => _20.query]));
   use(store.outputs.aiChats.getOrCreate(queryKey).waitUntilLoaded());
   const result = useAiChats(options);
   _core.assert.call(void 0, !result.error, "Did not expect error");
@@ -2627,7 +2647,7 @@ function useAiChatMessages(chatId, options) {
   const store = getUmbrellaStoreForClient(client);
   useEnsureAiConnection(client);
   _react.useEffect.call(void 0, 
-    () => void store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _19 => _19.branchId]), () => ( null))).waitUntilLoaded()
+    () => void store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _21 => _21.branchId]), () => ( null))).waitUntilLoaded()
     // NOTE: Deliberately *not* using a dependency array here!
     //
     // It is important to call waitUntil on *every* render.
@@ -2638,7 +2658,7 @@ function useAiChatMessages(chatId, options) {
     //    *next* render after that, a *new* fetch/promise will get created.
   );
   return useSignal(
-    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _20 => _20.branchId]), () => ( null))).signal
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _22 => _22.branchId]), () => ( null))).signal
   );
 }
 function useAiChatMessagesSuspense(chatId, options) {
@@ -2647,7 +2667,7 @@ function useAiChatMessagesSuspense(chatId, options) {
   const store = getUmbrellaStoreForClient(client);
   useEnsureAiConnection(client);
   use(
-    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _21 => _21.branchId]), () => ( null))).waitUntilLoaded()
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _23 => _23.branchId]), () => ( null))).waitUntilLoaded()
   );
   const result = useAiChatMessages(chatId, options);
   _core.assert.call(void 0, !result.error, "Did not expect error");
@@ -2730,7 +2750,7 @@ function useSendAiMessage(chatId, options) {
         "chatId must be provided to either `useSendAiMessage` or its returned function."
       )));
       const messages = client[_core.kInternal].ai.signals.getChatMessagesForBranch\u03A3(resolvedChatId).get();
-      if (process.env.NODE_ENV !== "production" && !messageOptionsCopilotId && !_optionalChain([options, 'optionalAccess', _22 => _22.copilotId])) {
+      if (process.env.NODE_ENV !== "production" && !messageOptionsCopilotId && !_optionalChain([options, 'optionalAccess', _24 => _24.copilotId])) {
         _core.console.warn(
           `No copilot ID was provided to useSendAiMessage when sending the message "${messageText.slice(
             0,
@@ -2742,8 +2762,8 @@ To ensure the correct copilot ID is used, specify it either through the hook as
           )}\u2026", copilotId: "co_xxx" })'`
         );
       }
-      const resolvedCopilotId = _nullishCoalesce(_nullishCoalesce(messageOptionsCopilotId, () => ( _optionalChain([options, 'optionalAccess', _23 => _23.copilotId]))), () => ( client[_core.kInternal].ai.getLastUsedCopilotId(resolvedChatId)));
-      const lastMessageId = _nullishCoalesce(_optionalChain([messages, 'access', _24 => _24[messages.length - 1], 'optionalAccess', _25 => _25.id]), () => ( null));
+      const resolvedCopilotId = _nullishCoalesce(_nullishCoalesce(messageOptionsCopilotId, () => ( _optionalChain([options, 'optionalAccess', _25 => _25.copilotId]))), () => ( client[_core.kInternal].ai.getLastUsedCopilotId(resolvedChatId)));
+      const lastMessageId = _nullishCoalesce(_optionalChain([messages, 'access', _26 => _26[messages.length - 1], 'optionalAccess', _27 => _27.id]), () => ( null));
       const content = [{ type: "text", text: messageText }];
       const newMessageId = client[_core.kInternal].ai[_core.kInternal].context.messagesStore.createOptimistically(
         resolvedChatId,
@@ -2763,10 +2783,10 @@ To ensure the correct copilot ID is used, specify it either through the hook as
         { id: newMessageId, parentMessageId: lastMessageId, content },
         targetMessageId,
         {
-          stream: _nullishCoalesce(messageOptions.stream, () => ( _optionalChain([options, 'optionalAccess', _26 => _26.stream]))),
+          stream: _nullishCoalesce(messageOptions.stream, () => ( _optionalChain([options, 'optionalAccess', _28 => _28.stream]))),
           copilotId: resolvedCopilotId,
-          timeout: _nullishCoalesce(messageOptions.timeout, () => ( _optionalChain([options, 'optionalAccess', _27 => _27.timeout]))),
-          knowledge: _nullishCoalesce(messageOptions.knowledge, () => ( _optionalChain([options, 'optionalAccess', _28 => _28.knowledge])))
+          timeout: _nullishCoalesce(messageOptions.timeout, () => ( _optionalChain([options, 'optionalAccess', _29 => _29.timeout]))),
+          knowledge: _nullishCoalesce(messageOptions.knowledge, () => ( _optionalChain([options, 'optionalAccess', _30 => _30.knowledge])))
         }
       );
       return newMessage;
@@ -2774,10 +2794,10 @@ To ensure the correct copilot ID is used, specify it either through the hook as
     [
       client,
       chatId,
-      _optionalChain([options, 'optionalAccess', _29 => _29.copilotId]),
-      _optionalChain([options, 'optionalAccess', _30 => _30.stream]),
-      _optionalChain([options, 'optionalAccess', _31 => _31.timeout]),
-      _optionalChain([options, 'optionalAccess', _32 => _32.knowledge])
+      _optionalChain([options, 'optionalAccess', _31 => _31.copilotId]),
+      _optionalChain([options, 'optionalAccess', _32 => _32.stream]),
+      _optionalChain([options, 'optionalAccess', _33 => _33.timeout]),
+      _optionalChain([options, 'optionalAccess', _34 => _34.knowledge])
     ]
   );
 }
@@ -2813,7 +2833,7 @@ function createSharedContext(client) {
 }
 function useEnsureNoLiveblocksProvider(options) {
   const existing = useClientOrNull();
-  if (!_optionalChain([options, 'optionalAccess', _33 => _33.allowNesting]) && existing !== null) {
+  if (!_optionalChain([options, 'optionalAccess', _35 => _35.allowNesting]) && existing !== null) {
     throw new Error(
       "You cannot nest multiple LiveblocksProvider instances in the same React tree."
     );
@@ -2898,11 +2918,16 @@ function useUserThreadsSuspense_experimental(options = {}) {
   _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
   return result;
 }
-function useInboxNotifications() {
-  return useInboxNotifications_withClient(useClient(), identity2, _core.shallow);
+function useInboxNotifications(options) {
+  return useInboxNotifications_withClient(
+    useClient(),
+    identity2,
+    _core.shallow,
+    options
+  );
 }
-function useInboxNotificationsSuspense() {
-  return useInboxNotificationsSuspense_withClient(useClient());
+function useInboxNotificationsSuspense(options) {
+  return useInboxNotificationsSuspense_withClient(useClient(), options);
 }
 function useInboxNotificationThread(inboxNotificationId) {
   return useInboxNotificationThread_withClient(
@@ -2969,7 +2994,7 @@ var _useAiChatSuspense = useAiChatSuspense;
 var _useAiChatMessages = useAiChatMessages;
 var _useAiChatMessagesSuspense = useAiChatMessagesSuspense;
 function useSyncStatus_withClient(client, options) {
-  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _34 => _34.smooth]), () => ( false)));
+  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _36 => _36.smooth]), () => ( false)));
   if (smooth) {
     return useSyncStatusSmooth_withClient(client);
   } else {
@@ -3148,8 +3173,8 @@ function makeRoomExtrasForClient(client) {
       if (innerError.status === 403) {
         const detailedMessage = [
           innerError.message,
-          _optionalChain([innerError, 'access', _35 => _35.details, 'optionalAccess', _36 => _36.suggestion]),
-          _optionalChain([innerError, 'access', _37 => _37.details, 'optionalAccess', _38 => _38.docs])
+          _optionalChain([innerError, 'access', _37 => _37.details, 'optionalAccess', _38 => _38.suggestion]),
+          _optionalChain([innerError, 'access', _39 => _39.details, 'optionalAccess', _40 => _40.docs])
         ].filter(Boolean).join("\n");
         _core.console.error(detailedMessage);
       }
@@ -3444,7 +3469,7 @@ function RoomProviderInner(props) {
 }
 function useRoom(options) {
   const room = useRoomOrNull();
-  if (room === null && !_optionalChain([options, 'optionalAccess', _39 => _39.allowOutsideRoom])) {
+  if (room === null && !_optionalChain([options, 'optionalAccess', _41 => _41.allowOutsideRoom])) {
     throw new Error("RoomProvider is missing from the React tree.");
   }
   return room;
@@ -3794,7 +3819,7 @@ function useCreateRoomThread(roomId) {
         thread: newThread,
         roomId
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _40 => _40.map, 'call', _41 => _41((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _42 => _42.map, 'call', _43 => _43((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createThread({
         roomId,
         threadId,
@@ -3834,7 +3859,7 @@ function useDeleteRoomThread(roomId) {
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const userId = getCurrentUserId(client);
       const existing = store.outputs.threads.get().get(threadId);
-      if (_optionalChain([existing, 'optionalAccess', _42 => _42.comments, 'optionalAccess', _43 => _43[0], 'optionalAccess', _44 => _44.userId]) !== userId) {
+      if (_optionalChain([existing, 'optionalAccess', _44 => _44.comments, 'optionalAccess', _45 => _45[0], 'optionalAccess', _46 => _46.userId]) !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       const optimisticId = store.optimisticUpdates.add({
@@ -3922,7 +3947,7 @@ function useCreateRoomComment(roomId) {
         type: "create-comment",
         comment
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _45 => _45.map, 'call', _46 => _46((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _47 => _47.map, 'call', _48 => _48((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
@@ -3978,7 +4003,7 @@ function useEditRoomComment(roomId) {
           attachments: _nullishCoalesce(attachments, () => ( []))
         }
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _47 => _47.map, 'call', _48 => _48((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _49 => _49.map, 'call', _50 => _50((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticId, editedComment);
@@ -4319,7 +4344,7 @@ function useRoomThreadSubscription(roomId, threadId) {
       }
       return {
         status: "subscribed",
-        unreadSince: _nullishCoalesce(_optionalChain([notification, 'optionalAccess', _49 => _49.readAt]), () => ( null)),
+        unreadSince: _nullishCoalesce(_optionalChain([notification, 'optionalAccess', _51 => _51.readAt]), () => ( null)),
         subscribe,
         unsubscribe
       };
@@ -4530,7 +4555,7 @@ function useThreadsSuspense(options = {}) {
   return result;
 }
 function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _50 => _50.isLoading])) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _52 => _52.isLoading])) {
     return _nullishCoalesce(state, () => ( { isLoading: true }));
   }
   if (state.error) {
@@ -4758,4 +4783,4 @@ var _useUpdateMyPresence = useUpdateMyPresence;
 
 
 exports.ClientContext = ClientContext; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.RoomContext = RoomContext; exports.useLatest = useLatest; exports.RegisterAiKnowledge = RegisterAiKnowledge; exports.RegisterAiTool = RegisterAiTool; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useCreateAiChat = useCreateAiChat; exports.useDeleteAiChat = useDeleteAiChat; exports.useSendAiMessage = useSendAiMessage; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useNotificationSettings = useNotificationSettings; exports.useNotificationSettingsSuspense = useNotificationSettingsSuspense; exports.useUpdateNotificationSettings = useUpdateNotificationSettings; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports.useGroupInfo = useGroupInfo; exports.useGroupInfoSuspense = useGroupInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports._useAiChats = _useAiChats; exports._useAiChatsSuspense = _useAiChatsSuspense; exports._useAiChat = _useAiChat; exports._useAiChatSuspense = _useAiChatSuspense; exports._useAiChatMessages = _useAiChatMessages; exports._useAiChatMessagesSuspense = _useAiChatMessagesSuspense; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateComment = useCreateComment; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditComment = useEditComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useSubscribeToThread = useSubscribeToThread; exports.useUnsubscribeFromThread = useUnsubscribeFromThread; exports.useThreadSubscription = useThreadSubscription; exports.useRoomThreadSubscription = useRoomThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomSubscriptionSettings = useUpdateRoomSubscriptionSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomSubscriptionSettings = _useRoomSubscriptionSettings; exports._useRoomSubscriptionSettingsSuspense = _useRoomSubscriptionSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
-//# sourceMappingURL=chunk-42HXAXED.cjs.map
+//# sourceMappingURL=chunk-W2H56LB3.cjs.map