@liveblocks/react 3.8.0-next2 → 3.8.0-next4

package/dist/{chunk-Z7VZZU63.cjs → chunk-EIOR7L24.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.8.0-next2";
+var PKG_VERSION = "3.8.0-next4";
 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-Z7VZZU63.cjs.map
+//# sourceMappingURL=chunk-EIOR7L24.cjs.map

package/dist/{chunk-Z7VZZU63.cjs.map → chunk-EIOR7L24.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-Z7VZZU63.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,aAAA;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-Z7VZZU63.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"]}
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-EIOR7L24.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,aAAA;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-EIOR7L24.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-45BFK66K.cjs → chunk-OYVPE6CV.cjs}

@@ -186,6 +186,7 @@ function useSignal(signal, selector, isEqual) {
 
 
 
+
 // src/config.ts
 var SECONDS = 1e3;
 var MINUTES = 60 * SECONDS;
@@ -216,21 +217,6 @@ function ASYNC_OK(fieldOrData, data) {
   }
 }
 
-// src/lib/itertools.ts
-function find(it, predicate) {
-  for (const item of it) {
-    if (predicate(item)) return item;
-  }
-  return void 0;
-}
-function count(it, predicate) {
-  let total = 0;
-  for (const item of it) {
-    if (predicate(item)) total++;
-  }
-  return total;
-}
-
 // src/lib/ssr.ts
 function ensureNotServerSide() {
   if (typeof window === "undefined") {
@@ -324,6 +310,14 @@ function autobind(self) {
   } while ((obj = Reflect.getPrototypeOf(obj)) && obj !== Object.prototype);
 }
 
+// src/lib/itertools.ts
+function find(it, predicate) {
+  for (const item of it) {
+    if (predicate(item)) return item;
+  }
+  return void 0;
+}
+
 // src/lib/querying.ts
 
 function makeThreadsFilter(query) {
@@ -722,6 +716,21 @@ function createStore_forNotifications() {
     upsert
   };
 }
+function createStore_forUnreadNotificationsCount() {
+  const baseSignal = new (0, _core.MutableSignal)(
+    /* @__PURE__ */ new Map()
+  );
+  function update(queryKey, count) {
+    baseSignal.mutate((lut) => {
+      lut.set(queryKey, count);
+    });
+  }
+  return {
+    signal: _core.DerivedSignal.from(baseSignal, (c) => Object.fromEntries(c)),
+    // Mutations
+    update
+  };
+}
 function createStore_forSubscriptions(updates, threads) {
   const baseSignal = new (0, _core.MutableSignal)(/* @__PURE__ */ new Map());
   function applyDelta(newSubscriptions, deletedSubscriptions) {
@@ -914,6 +923,7 @@ var UmbrellaStore = class {
   
   
   
+  
   //
   // Output signals.
   // (Readonly, clean, consistent. With optimistic updates applied.)
@@ -958,6 +968,7 @@ var UmbrellaStore = class {
       this.optimisticUpdates.signal
     );
     this.historyVersions = createStore_forHistoryVersions();
+    this.unreadNotificationsCount = createStore_forUnreadNotificationsCount();
     const threadifications = _core.DerivedSignal.from(
       this.threads.signal,
       this.notifications.signal,
@@ -1114,6 +1125,35 @@ var UmbrellaStore = class {
         };
       }
     );
+    const unreadNotificationsCount = new (0, _core.DefaultMap)(
+      (queryKey) => {
+        const query = JSON.parse(queryKey);
+        const resource = new SinglePageResource(async () => {
+          const result = await this.#client.getUnreadInboxNotificationsCount({
+            query
+          });
+          this.unreadNotificationsCount.update(queryKey, result);
+        });
+        const signal = _core.DerivedSignal.from(
+          () => {
+            const result = resource.get();
+            if (result.isLoading || result.error) {
+              return result;
+            } else {
+              return ASYNC_OK(
+                "count",
+                _core.nn.call(void 0, this.unreadNotificationsCount.signal.get()[queryKey])
+              );
+            }
+          },
+          _core.shallow
+        );
+        return {
+          signal,
+          waitUntilLoaded: resource.waitUntilLoaded
+        };
+      }
+    );
     const roomSubscriptionSettingsByRoomId = new (0, _core.DefaultMap)(
       (roomId) => {
         const resource = new SinglePageResource(async () => {
@@ -1262,6 +1302,7 @@ var UmbrellaStore = class {
       loadingUserThreads,
       notifications,
       loadingNotifications,
+      unreadNotificationsCount,
       roomSubscriptionSettingsByRoomId,
       versionsByRoomId,
       notificationSettings,
@@ -1469,6 +1510,14 @@ var UmbrellaStore = class {
       result.subscriptions.deleted
     );
   }
+  async fetchUnreadNotificationsCount(queryKey, signal) {
+    const query = JSON.parse(queryKey);
+    const result = await this.#client.getUnreadInboxNotificationsCount({
+      query,
+      signal
+    });
+    this.unreadNotificationsCount.update(queryKey, result);
+  }
   async fetchRoomThreadsDeltaUpdate(roomId, signal) {
     const lastRequestedAt = this.#roomThreadsLastRequestedAtByRoom.get(roomId);
     if (lastRequestedAt === void 0) {
@@ -1983,16 +2032,10 @@ var _umbrellaStores = /* @__PURE__ */ new WeakMap();
 var _extras = /* @__PURE__ */ new WeakMap();
 var _bundles = /* @__PURE__ */ new WeakMap();
 function selectorFor_useUnreadInboxNotificationsCount(result) {
-  if (!result.inboxNotifications) {
+  if (!("count" in result) || result.count === void 0) {
     return result;
   }
-  return ASYNC_OK(
-    "count",
-    count(
-      result.inboxNotifications,
-      (n) => n.readAt === null || n.readAt < n.notifiedAt
-    )
-  );
+  return ASYNC_OK("count", result.count);
 }
 function selectorFor_useUser(state, userId) {
   if (state === void 0 || _optionalChain([state, 'optionalAccess', _10 => _10.isLoading])) {
@@ -2091,6 +2134,22 @@ function makeLiveblocksExtrasForClient(client) {
     config.NOTIFICATIONS_POLL_INTERVAL,
     { maxStaleTimeMs: config.NOTIFICATIONS_MAX_STALE_TIME }
   );
+  const unreadNotificationsCountPollersByQueryKey = new (0, _core.DefaultMap)(
+    (queryKey) => _core.makePoller.call(void 0, 
+      async (signal) => {
+        try {
+          return await store.fetchUnreadNotificationsCount(queryKey, signal);
+        } catch (err) {
+          _core.console.warn(
+            `Polling unread inbox notifications countfailed: ${String(err)}`
+          );
+          throw err;
+        }
+      },
+      config.NOTIFICATIONS_POLL_INTERVAL,
+      { maxStaleTimeMs: config.NOTIFICATIONS_MAX_STALE_TIME }
+    )
+  );
   const userThreadsPoller = _core.makePoller.call(void 0, 
     async (signal) => {
       try {
@@ -2121,7 +2180,8 @@ function makeLiveblocksExtrasForClient(client) {
     store,
     notificationsPoller,
     userThreadsPoller,
-    notificationSettingsPoller
+    notificationSettingsPoller,
+    unreadNotificationsCountPollersByQueryKey
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -2225,19 +2285,39 @@ function useInboxNotificationsSuspense_withClient(client, options) {
   return result;
 }
 function useUnreadInboxNotificationsCount_withClient(client, options) {
-  return useInboxNotifications_withClient(
-    client,
+  const { store, unreadNotificationsCountPollersByQueryKey: pollers } = getLiveblocksExtrasForClient(client);
+  const queryKey = makeInboxNotificationsQueryKey(_optionalChain([options, 'optionalAccess', _15 => _15.query]));
+  const poller = pollers.getOrCreate(queryKey);
+  _react.useEffect.call(void 0, 
+    () => void store.outputs.unreadNotificationsCount.getOrCreate(queryKey).waitUntilLoaded()
+    // NOTE: Deliberately *not* using a dependency array here!
+    //
+    // It is important to call waitUntil on *every* render.
+    // This is harmless though, on most renders, except:
+    // 1. The very first render, in which case we'll want to trigger the initial page fetch.
+    // 2. All other subsequent renders now "just" return the same promise (a quick operation).
+    // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
+    //    *next* render after that, a *new* fetch/promise will get created.
+  );
+  _react.useEffect.call(void 0, () => {
+    poller.inc();
+    poller.pollNowIfStale();
+    return () => {
+      poller.dec();
+    };
+  }, [poller]);
+  return useSignal(
+    store.outputs.unreadNotificationsCount.getOrCreate(queryKey).signal,
     selectorFor_useUnreadInboxNotificationsCount,
-    _core.shallow,
-    options
+    _core.shallow
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
   ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
-  const queryKey = makeInboxNotificationsQueryKey(_optionalChain([options, 'optionalAccess', _15 => _15.query]));
+  const queryKey = makeInboxNotificationsQueryKey(_optionalChain([options, 'optionalAccess', _16 => _16.query]));
   use(
-    store.outputs.loadingNotifications.getOrCreate(queryKey).waitUntilLoaded()
+    store.outputs.unreadNotificationsCount.getOrCreate(queryKey).waitUntilLoaded()
   );
   const result = useUnreadInboxNotificationsCount_withClient(client, options);
   _core.assert.call(void 0, !result.isLoading, "Did not expect loading");
@@ -2247,7 +2327,7 @@ function useUnreadInboxNotificationsCountSuspense_withClient(client, options) {
 function useMarkInboxNotificationAsRead_withClient(client) {
   return _react.useCallback.call(void 0, 
     (inboxNotificationId) => {
-      const { store } = getLiveblocksExtrasForClient(client);
+      const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
       const readAt = /* @__PURE__ */ new Date();
       const optimisticId = store.optimisticUpdates.add({
         type: "mark-inbox-notification-as-read",
@@ -2261,6 +2341,10 @@ function useMarkInboxNotificationAsRead_withClient(client) {
             readAt,
             optimisticId
           );
+          for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+            poller.markAsStale();
+            poller.pollNowIfStale();
+          }
         },
         (err) => {
           store.optimisticUpdates.remove(optimisticId);
@@ -2279,7 +2363,7 @@ function useMarkInboxNotificationAsRead_withClient(client) {
 }
 function useMarkAllInboxNotificationsAsRead_withClient(client) {
   return _react.useCallback.call(void 0, () => {
-    const { store } = getLiveblocksExtrasForClient(client);
+    const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
     const readAt = /* @__PURE__ */ new Date();
     const optimisticId = store.optimisticUpdates.add({
       type: "mark-all-inbox-notifications-as-read",
@@ -2288,6 +2372,10 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
     client.markAllInboxNotificationsAsRead().then(
       () => {
         store.markAllInboxNotificationsRead(optimisticId, readAt);
+        for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+          poller.markAsStale();
+          poller.pollNowIfStale();
+        }
       },
       (err) => {
         store.optimisticUpdates.remove(optimisticId);
@@ -2303,7 +2391,7 @@ function useMarkAllInboxNotificationsAsRead_withClient(client) {
 function useDeleteInboxNotification_withClient(client) {
   return _react.useCallback.call(void 0, 
     (inboxNotificationId) => {
-      const { store } = getLiveblocksExtrasForClient(client);
+      const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
       const deletedAt = /* @__PURE__ */ new Date();
       const optimisticId = store.optimisticUpdates.add({
         type: "delete-inbox-notification",
@@ -2313,6 +2401,10 @@ function useDeleteInboxNotification_withClient(client) {
       client.deleteInboxNotification(inboxNotificationId).then(
         () => {
           store.deleteInboxNotification(inboxNotificationId, optimisticId);
+          for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+            poller.markAsStale();
+            poller.pollNowIfStale();
+          }
         },
         (err) => {
           store.optimisticUpdates.remove(optimisticId);
@@ -2328,7 +2420,7 @@ function useDeleteInboxNotification_withClient(client) {
 }
 function useDeleteAllInboxNotifications_withClient(client) {
   return _react.useCallback.call(void 0, () => {
-    const { store } = getLiveblocksExtrasForClient(client);
+    const { store, unreadNotificationsCountPollersByQueryKey } = getLiveblocksExtrasForClient(client);
     const deletedAt = /* @__PURE__ */ new Date();
     const optimisticId = store.optimisticUpdates.add({
       type: "delete-all-inbox-notifications",
@@ -2337,6 +2429,10 @@ function useDeleteAllInboxNotifications_withClient(client) {
     client.deleteAllInboxNotifications().then(
       () => {
         store.deleteAllInboxNotifications(optimisticId);
+        for (const poller of unreadNotificationsCountPollersByQueryKey.values()) {
+          poller.markAsStale();
+          poller.pollNowIfStale();
+        }
       },
       (err) => {
         store.optimisticUpdates.remove(optimisticId);
@@ -2390,7 +2486,7 @@ function useUpdateNotificationSettings_withClient(client) {
           store.optimisticUpdates.remove(optimisticUpdateId);
           if (err instanceof _core.HttpError) {
             if (err.status === 422) {
-              const msg = [_optionalChain([err, 'access', _16 => _16.details, 'optionalAccess', _17 => _17.error]), _optionalChain([err, 'access', _18 => _18.details, 'optionalAccess', _19 => _19.reason])].filter(Boolean).join("\n");
+              const msg = [_optionalChain([err, 'access', _17 => _17.details, 'optionalAccess', _18 => _18.error]), _optionalChain([err, 'access', _19 => _19.details, 'optionalAccess', _20 => _20.reason])].filter(Boolean).join("\n");
               _core.console.error(msg);
             }
             client[_core.kInternal].emitError(
@@ -2625,7 +2721,7 @@ function useGroupInfoSuspense_withClient(client, groupId) {
 function useAiChats(options) {
   const client = useClient();
   const store = getUmbrellaStoreForClient(client);
-  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _20 => _20.query]));
+  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _21 => _21.query]));
   useEnsureAiConnection(client);
   _react.useEffect.call(void 0, 
     () => void store.outputs.aiChats.getOrCreate(queryKey).waitUntilLoaded()
@@ -2649,7 +2745,7 @@ function useAiChatsSuspense(options) {
   const client = useClient();
   const store = getUmbrellaStoreForClient(client);
   useEnsureAiConnection(client);
-  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _21 => _21.query]));
+  const queryKey = makeAiChatsQueryKey(_optionalChain([options, 'optionalAccess', _22 => _22.query]));
   use(store.outputs.aiChats.getOrCreate(queryKey).waitUntilLoaded());
   const result = useAiChats(options);
   _core.assert.call(void 0, !result.error, "Did not expect error");
@@ -2661,7 +2757,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', _22 => _22.branchId]), () => ( null))).waitUntilLoaded()
+    () => void store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _23 => _23.branchId]), () => ( null))).waitUntilLoaded()
     // NOTE: Deliberately *not* using a dependency array here!
     //
     // It is important to call waitUntil on *every* render.
@@ -2672,7 +2768,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', _23 => _23.branchId]), () => ( null))).signal
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.branchId]), () => ( null))).signal
   );
 }
 function useAiChatMessagesSuspense(chatId, options) {
@@ -2681,7 +2777,7 @@ function useAiChatMessagesSuspense(chatId, options) {
   const store = getUmbrellaStoreForClient(client);
   useEnsureAiConnection(client);
   use(
-    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.branchId]), () => ( null))).waitUntilLoaded()
+    store.outputs.messagesByChatId.getOrCreate(chatId).getOrCreate(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _25 => _25.branchId]), () => ( null))).waitUntilLoaded()
   );
   const result = useAiChatMessages(chatId, options);
   _core.assert.call(void 0, !result.error, "Did not expect error");
@@ -2766,19 +2862,19 @@ function useAiChatStatus(chatId, branchId) {
       if (result.error) return IDLE;
       const messages = result.messages;
       const lastMessage = messages[messages.length - 1];
-      if (_optionalChain([lastMessage, 'optionalAccess', _25 => _25.role]) !== "assistant") return IDLE;
+      if (_optionalChain([lastMessage, 'optionalAccess', _26 => _26.role]) !== "assistant") return IDLE;
       if (lastMessage.status !== "generating" && lastMessage.status !== "awaiting-tool")
         return IDLE;
       const contentSoFar = lastMessage.contentSoFar;
       const lastPart = contentSoFar[contentSoFar.length - 1];
-      if (_optionalChain([lastPart, 'optionalAccess', _26 => _26.type]) === "tool-invocation") {
+      if (_optionalChain([lastPart, 'optionalAccess', _27 => _27.type]) === "tool-invocation") {
         return {
           status: "generating",
           partType: "tool-invocation",
           toolName: lastPart.name
         };
       } else {
-        return { status: "generating", partType: _optionalChain([lastPart, 'optionalAccess', _27 => _27.type]) };
+        return { status: "generating", partType: _optionalChain([lastPart, 'optionalAccess', _28 => _28.type]) };
       }
     },
     // Consider { status: "generating", partType: "text" } and { status: "generating", partType: "text" } equal
@@ -2801,7 +2897,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', _28 => _28.copilotId])) {
+      if (process.env.NODE_ENV !== "production" && !messageOptionsCopilotId && !_optionalChain([options, 'optionalAccess', _29 => _29.copilotId])) {
         _core.console.warn(
           `No copilot ID was provided to useSendAiMessage when sending the message "${messageText.slice(
             0,
@@ -2813,8 +2909,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', _29 => _29.copilotId]))), () => ( client[_core.kInternal].ai.getLastUsedCopilotId(resolvedChatId)));
-      const lastMessageId = _nullishCoalesce(_optionalChain([messages, 'access', _30 => _30[messages.length - 1], 'optionalAccess', _31 => _31.id]), () => ( null));
+      const resolvedCopilotId = _nullishCoalesce(_nullishCoalesce(messageOptionsCopilotId, () => ( _optionalChain([options, 'optionalAccess', _30 => _30.copilotId]))), () => ( client[_core.kInternal].ai.getLastUsedCopilotId(resolvedChatId)));
+      const lastMessageId = _nullishCoalesce(_optionalChain([messages, 'access', _31 => _31[messages.length - 1], 'optionalAccess', _32 => _32.id]), () => ( null));
       const content = [{ type: "text", text: messageText }];
       const newMessageId = client[_core.kInternal].ai[_core.kInternal].context.messagesStore.createOptimistically(
         resolvedChatId,
@@ -2834,10 +2930,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', _32 => _32.stream]))),
+          stream: _nullishCoalesce(messageOptions.stream, () => ( _optionalChain([options, 'optionalAccess', _33 => _33.stream]))),
           copilotId: resolvedCopilotId,
-          timeout: _nullishCoalesce(messageOptions.timeout, () => ( _optionalChain([options, 'optionalAccess', _33 => _33.timeout]))),
-          knowledge: _nullishCoalesce(messageOptions.knowledge, () => ( _optionalChain([options, 'optionalAccess', _34 => _34.knowledge])))
+          timeout: _nullishCoalesce(messageOptions.timeout, () => ( _optionalChain([options, 'optionalAccess', _34 => _34.timeout]))),
+          knowledge: _nullishCoalesce(messageOptions.knowledge, () => ( _optionalChain([options, 'optionalAccess', _35 => _35.knowledge])))
         }
       );
       return newMessage;
@@ -2845,10 +2941,10 @@ To ensure the correct copilot ID is used, specify it either through the hook as
     [
       client,
       chatId,
-      _optionalChain([options, 'optionalAccess', _35 => _35.copilotId]),
-      _optionalChain([options, 'optionalAccess', _36 => _36.stream]),
-      _optionalChain([options, 'optionalAccess', _37 => _37.timeout]),
-      _optionalChain([options, 'optionalAccess', _38 => _38.knowledge])
+      _optionalChain([options, 'optionalAccess', _36 => _36.copilotId]),
+      _optionalChain([options, 'optionalAccess', _37 => _37.stream]),
+      _optionalChain([options, 'optionalAccess', _38 => _38.timeout]),
+      _optionalChain([options, 'optionalAccess', _39 => _39.knowledge])
     ]
   );
 }
@@ -2884,7 +2980,7 @@ function createSharedContext(client) {
 }
 function useEnsureNoLiveblocksProvider(options) {
   const existing = useClientOrNull();
-  if (!_optionalChain([options, 'optionalAccess', _39 => _39.allowNesting]) && existing !== null) {
+  if (!_optionalChain([options, 'optionalAccess', _40 => _40.allowNesting]) && existing !== null) {
     throw new Error(
       "You cannot nest multiple LiveblocksProvider instances in the same React tree."
     );
@@ -3048,7 +3144,7 @@ var _useAiChatSuspense = useAiChatSuspense;
 var _useAiChatMessages = useAiChatMessages;
 var _useAiChatMessagesSuspense = useAiChatMessagesSuspense;
 function useSyncStatus_withClient(client, options) {
-  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _40 => _40.smooth]), () => ( false)));
+  const smooth = useInitial(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _41 => _41.smooth]), () => ( false)));
   if (smooth) {
     return useSyncStatusSmooth_withClient(client);
   } else {
@@ -3227,8 +3323,8 @@ function makeRoomExtrasForClient(client) {
       if (innerError.status === 403) {
         const detailedMessage = [
           innerError.message,
-          _optionalChain([innerError, 'access', _41 => _41.details, 'optionalAccess', _42 => _42.suggestion]),
-          _optionalChain([innerError, 'access', _43 => _43.details, 'optionalAccess', _44 => _44.docs])
+          _optionalChain([innerError, 'access', _42 => _42.details, 'optionalAccess', _43 => _43.suggestion]),
+          _optionalChain([innerError, 'access', _44 => _44.details, 'optionalAccess', _45 => _45.docs])
         ].filter(Boolean).join("\n");
         _core.console.error(detailedMessage);
       }
@@ -3523,7 +3619,7 @@ function RoomProviderInner(props) {
 }
 function useRoom(options) {
   const room = useRoomOrNull();
-  if (room === null && !_optionalChain([options, 'optionalAccess', _45 => _45.allowOutsideRoom])) {
+  if (room === null && !_optionalChain([options, 'optionalAccess', _46 => _46.allowOutsideRoom])) {
     throw new Error("RoomProvider is missing from the React tree.");
   }
   return room;
@@ -3873,7 +3969,7 @@ function useCreateRoomThread(roomId) {
         thread: newThread,
         roomId
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _46 => _46.map, 'call', _47 => _47((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _47 => _47.map, 'call', _48 => _48((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createThread({
         roomId,
         threadId,
@@ -3913,7 +4009,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', _48 => _48.comments, 'optionalAccess', _49 => _49[0], 'optionalAccess', _50 => _50.userId]) !== userId) {
+      if (_optionalChain([existing, 'optionalAccess', _49 => _49.comments, 'optionalAccess', _50 => _50[0], 'optionalAccess', _51 => _51.userId]) !== userId) {
         throw new Error("Only the thread creator can delete the thread");
       }
       const optimisticId = store.optimisticUpdates.add({
@@ -4001,7 +4097,7 @@ function useCreateRoomComment(roomId) {
         type: "create-comment",
         comment
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _51 => _51.map, 'call', _52 => _52((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _52 => _52.map, 'call', _53 => _53((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
@@ -4057,7 +4153,7 @@ function useEditRoomComment(roomId) {
           attachments: _nullishCoalesce(attachments, () => ( []))
         }
       });
-      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _53 => _53.map, 'call', _54 => _54((attachment) => attachment.id)]);
+      const attachmentIds = _optionalChain([attachments, 'optionalAccess', _54 => _54.map, 'call', _55 => _55((attachment) => attachment.id)]);
       client[_core.kInternal].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticId, editedComment);
@@ -4398,7 +4494,7 @@ function useRoomThreadSubscription(roomId, threadId) {
       }
       return {
         status: "subscribed",
-        unreadSince: _nullishCoalesce(_optionalChain([notification, 'optionalAccess', _55 => _55.readAt]), () => ( null)),
+        unreadSince: _nullishCoalesce(_optionalChain([notification, 'optionalAccess', _56 => _56.readAt]), () => ( null)),
         subscribe,
         unsubscribe
       };
@@ -4609,7 +4705,7 @@ function useThreadsSuspense(options = {}) {
   return result;
 }
 function selectorFor_useAttachmentUrl(state) {
-  if (state === void 0 || _optionalChain([state, 'optionalAccess', _56 => _56.isLoading])) {
+  if (state === void 0 || _optionalChain([state, 'optionalAccess', _57 => _57.isLoading])) {
     return _nullishCoalesce(state, () => ( { isLoading: true }));
   }
   if (state.error) {
@@ -4838,4 +4934,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.useAiChatStatus = useAiChatStatus; 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-45BFK66K.cjs.map
+//# sourceMappingURL=chunk-OYVPE6CV.cjs.map