@liveblocks/core 3.5.1 → 3.5.2

package/dist/index.cjs

@@ -6,7 +6,7 @@ var __export = (target, all) => {
 
 // src/version.ts
 var PKG_NAME = "@liveblocks/core";
-var PKG_VERSION = "3.5.1";
+var PKG_VERSION = "3.5.2";
 var PKG_FORMAT = "cjs";
 
 // src/dupe-detection.ts
@@ -3817,99 +3817,174 @@ function parseAuthToken(rawTokenString) {
   };
 }
 
-// src/lib/parsePartialJsonObject.ts
-function parsePartialJsonObject(partial) {
-  partial = partial.trimStart();
-  if (partial.charAt(0) !== "{") {
-    return {};
-  }
-  if (partial.trimEnd().endsWith("}")) {
-    const quickCheck = tryParseJson(partial);
-    if (quickCheck) {
-      return quickCheck;
-    }
-  }
-  let result = partial;
-  let quoteCount = 0;
-  let escaped = false;
-  for (let i = 0; i < result.length; i++) {
-    const char = result[i];
-    if (escaped) {
-      escaped = false;
-    } else if (char === "\\") {
-      escaped = true;
-    } else if (char === '"') {
-      quoteCount++;
-    }
-  }
-  if (quoteCount % 2 === 1) {
-    result += '"';
-  }
-  result = result.trimEnd();
-  if (result.endsWith(",")) {
-    result = result.slice(0, -1);
-  }
-  if (result.endsWith(".")) {
-    result = result.slice(0, -1);
-  }
-  const stack = [];
-  let inString = false;
-  escaped = false;
-  for (let i = 0; i < result.length; i++) {
-    const char = result[i];
-    if (inString) {
-      if (escaped) {
-        escaped = false;
-      } else if (char === "\\") {
-        escaped = true;
-      } else if (char === '"') {
-        inString = false;
-      }
-    } else {
-      if (char === '"') {
-        inString = true;
-      } else if (char === "{") {
-        stack.push("}");
-      } else if (char === "[") {
-        stack.push("]");
-      } else if (char === "}" && stack.length > 0 && stack[stack.length - 1] === "}") {
-        stack.pop();
-      } else if (char === "]" && stack.length > 0 && stack[stack.length - 1] === "]") {
-        stack.pop();
+// src/lib/IncrementalJsonParser.ts
+var EMPTY_OBJECT = Object.freeze({});
+var NULL_KEYWORD_CHARS = Array.from(new Set("null"));
+var TRUE_KEYWORD_CHARS = Array.from(new Set("true"));
+var FALSE_KEYWORD_CHARS = Array.from(new Set("false"));
+var ALL_KEYWORD_CHARS = Array.from(new Set("nulltruefalse"));
+function stripChar(str, chars) {
+  const lastChar = str[str.length - 1];
+  if (chars.includes(lastChar)) {
+    return str.slice(0, -1);
+  }
+  return str;
+}
+var IncrementalJsonParser = class {
+  // Input
+  #sourceText = "";
+  // Output
+  #cachedJson;
+  /** How much we've already parsed */
+  #scanIndex = 0;
+  /** Whether the last char processed was a backslash */
+  #escaped = false;
+  /**
+   * Start position of the last unterminated string, -1 if we're not inside
+   * a string currently.
+   *
+   * Example: '{"a": "foo'
+   *                 ^
+   */
+  #lastUnterminatedString = -1;
+  /**
+   * Start position of the last fully terminated string we've seen.
+   *
+   * Example: '{"a": "foo'
+   *            ^
+   */
+  #lastTerminatedString = -1;
+  /** The bracket stack of expected closing chars. For input '{"a": ["foo', the stack would be ['}', ']']. */
+  #stack = [];
+  constructor(text = "") {
+    this.append(text);
+  }
+  get source() {
+    return this.#sourceText;
+  }
+  get json() {
+    if (this.#cachedJson === void 0) {
+      this.#cachedJson = this.#parse();
+    }
+    return this.#cachedJson;
+  }
+  /** Whether we're currently inside an unterminated string, e.g. '{"hello' */
+  get #inString() {
+    return this.#lastUnterminatedString >= 0;
+  }
+  append(delta) {
+    if (delta) {
+      if (this.#sourceText === "") {
+        delta = delta.trimStart();
       }
+      this.#sourceText += delta;
+      this.#cachedJson = void 0;
     }
   }
-  const suffix = stack.reverse().join("");
-  {
-    const attempt = tryParseJson(result + suffix);
-    if (attempt) {
-      return attempt;
-    }
-  }
-  if (result.endsWith(":")) {
-    result = result.slice(0, -1);
-  }
-  if (result.endsWith('"')) {
-    let pos = result.length - 2;
-    escaped = false;
-    while (pos >= 0) {
-      if (escaped) {
-        escaped = false;
-      } else if (result[pos] === "\\") {
-        escaped = true;
-      } else if (result[pos] === '"') {
-        result = result.slice(0, pos);
-        break;
+  #autocompleteTail(output) {
+    if (this.#inString) {
+      return "";
+    }
+    const lastChar = output.charAt(output.length - 1);
+    if (lastChar === "") return "";
+    if (lastChar === "-") {
+      return "0";
+    }
+    if (!ALL_KEYWORD_CHARS.includes(lastChar)) return "";
+    if (NULL_KEYWORD_CHARS.includes(lastChar)) {
+      if (output.endsWith("nul")) return "l";
+      if (output.endsWith("nu")) return "ll";
+      if (output.endsWith("n")) return "ull";
+    }
+    if (TRUE_KEYWORD_CHARS.includes(lastChar)) {
+      if (output.endsWith("tru")) return "e";
+      if (output.endsWith("tr")) return "ue";
+      if (output.endsWith("t")) return "rue";
+    }
+    if (FALSE_KEYWORD_CHARS.includes(lastChar)) {
+      if (output.endsWith("fals")) return "e";
+      if (output.endsWith("fal")) return "se";
+      if (output.endsWith("fa")) return "lse";
+      if (output.endsWith("f")) return "alse";
+    }
+    return "";
+  }
+  /**
+   * Updates the internal parsing state by processing any new content
+   * that has been appended since the last parse. This updates the state with
+   * facts only. Any interpretation is left to the #parse() method.
+   */
+  #catchup() {
+    const newContent = this.#sourceText.slice(this.#scanIndex);
+    for (let i = 0; i < newContent.length; i++) {
+      const ch = newContent[i];
+      const absolutePos = this.#scanIndex + i;
+      if (this.#inString) {
+        if (this.#escaped) {
+          this.#escaped = false;
+        } else if (ch === "\\") {
+          this.#escaped = true;
+        } else if (ch === '"') {
+          this.#lastTerminatedString = this.#lastUnterminatedString;
+          this.#lastUnterminatedString = -1;
+        }
+      } else {
+        if (ch === '"') {
+          this.#lastUnterminatedString = absolutePos;
+        } else if (ch === "{") {
+          this.#stack.push("}");
+        } else if (ch === "[") {
+          this.#stack.push("]");
+        } else if (ch === "}" && this.#stack.length > 0 && this.#stack[this.#stack.length - 1] === "}") {
+          this.#stack.pop();
+        } else if (ch === "]" && this.#stack.length > 0 && this.#stack[this.#stack.length - 1] === "]") {
+          this.#stack.pop();
+        }
       }
-      pos--;
     }
+    this.#scanIndex = this.#sourceText.length;
   }
-  if (result.endsWith(",")) {
-    result = result.slice(0, -1);
+  #parse() {
+    this.#catchup();
+    let result = this.#sourceText;
+    if (result.charAt(0) !== "{") {
+      return EMPTY_OBJECT;
+    }
+    if (result.endsWith("}")) {
+      const quickCheck = tryParseJson(result);
+      if (quickCheck) {
+        return quickCheck;
+      }
+    }
+    if (this.#inString) {
+      if (this.#escaped) {
+        result = result.slice(0, -1);
+      }
+      result += '"';
+    }
+    result = result.trimEnd();
+    result = stripChar(result, ",.");
+    result = result + this.#autocompleteTail(result);
+    const suffix = this.#stack.reduceRight((acc, ch) => acc + ch, "");
+    {
+      const attempt = tryParseJson(result + suffix);
+      if (attempt) {
+        return attempt;
+      }
+    }
+    if (this.#inString) {
+      result = result.slice(0, this.#lastUnterminatedString);
+    } else {
+      result = stripChar(result, ":");
+      if (result.endsWith('"')) {
+        result = result.slice(0, this.#lastTerminatedString);
+      }
+    }
+    result = stripChar(result, ",");
+    result += suffix;
+    return _nullishCoalesce(tryParseJson(result), () => ( EMPTY_OBJECT));
   }
-  result += suffix;
-  return _nullishCoalesce(tryParseJson(result), () => ( {}));
-}
+};
 
 // src/types/ai.ts
 function patchContentWithDelta(content, delta) {
@@ -3933,28 +4008,16 @@ function patchContentWithDelta(content, delta) {
       }
       break;
     case "tool-stream": {
-      let _cacheKey = "";
-      let _cachedArgs = {};
-      const toolInvocation = {
-        type: "tool-invocation",
-        stage: "receiving",
-        invocationId: delta.invocationId,
-        name: delta.name,
-        partialArgsText: "",
-        get partialArgs() {
-          if (this.partialArgsText !== _cacheKey) {
-            _cachedArgs = parsePartialJsonObject(this.partialArgsText);
-            _cacheKey = this.partialArgsText;
-          }
-          return _cachedArgs;
-        }
-      };
+      const toolInvocation = createReceivingToolInvocation(
+        delta.invocationId,
+        delta.name
+      );
       content.push(toolInvocation);
       break;
     }
     case "tool-delta": {
       if (_optionalChain([lastPart, 'optionalAccess', _57 => _57.type]) === "tool-invocation" && lastPart.stage === "receiving") {
-        lastPart.partialArgsText += delta.delta;
+        _optionalChain([lastPart, 'access', _58 => _58.__appendDelta, 'optionalCall', _59 => _59(delta.delta)]);
       }
       break;
     }
@@ -3974,6 +4037,25 @@ function patchContentWithDelta(content, delta) {
       return assertNever(delta, "Unhandled case");
   }
 }
+function createReceivingToolInvocation(invocationId, name, partialArgsText = "") {
+  const parser = new IncrementalJsonParser(partialArgsText);
+  return {
+    type: "tool-invocation",
+    stage: "receiving",
+    invocationId,
+    name,
+    get partialArgsText() {
+      return parser.source;
+    },
+    get partialArgs() {
+      return parser.json;
+    },
+    // Internal method to append deltas
+    __appendDelta(delta) {
+      parser.append(delta);
+    }
+  };
+}
 
 // src/ai.ts
 var DEFAULT_REQUEST_TIMEOUT = 4e3;
@@ -4056,7 +4138,7 @@ function createStore_forTools() {
     return DerivedSignal.from(() => {
       return (
         // A tool that's registered and scoped to a specific chat ID...
-        _nullishCoalesce(_optionalChain([(chatId !== void 0 ? toolsByChatId\u03A3.getOrCreate(chatId).getOrCreate(name) : void 0), 'optionalAccess', _58 => _58.get, 'call', _59 => _59()]), () => ( // ...or a globally registered tool
+        _nullishCoalesce(_optionalChain([(chatId !== void 0 ? toolsByChatId\u03A3.getOrCreate(chatId).getOrCreate(name) : void 0), 'optionalAccess', _60 => _60.get, 'call', _61 => _61()]), () => ( // ...or a globally registered tool
         toolsByChatId\u03A3.getOrCreate(kWILDCARD).getOrCreate(name).get()))
       );
     });
@@ -4086,8 +4168,8 @@ function createStore_forTools() {
     const globalTools\u03A3 = toolsByChatId\u03A3.get(kWILDCARD);
     const scopedTools\u03A3 = toolsByChatId\u03A3.get(chatId);
     return Array.from([
-      ..._nullishCoalesce(_optionalChain([globalTools\u03A3, 'optionalAccess', _60 => _60.entries, 'call', _61 => _61()]), () => ( [])),
-      ..._nullishCoalesce(_optionalChain([scopedTools\u03A3, 'optionalAccess', _62 => _62.entries, 'call', _63 => _63()]), () => ( []))
+      ..._nullishCoalesce(_optionalChain([globalTools\u03A3, 'optionalAccess', _62 => _62.entries, 'call', _63 => _63()]), () => ( [])),
+      ..._nullishCoalesce(_optionalChain([scopedTools\u03A3, 'optionalAccess', _64 => _64.entries, 'call', _65 => _65()]), () => ( []))
     ]).flatMap(([name, tool\u03A3]) => {
       const tool = tool\u03A3.get();
       return tool && (_nullishCoalesce(tool.enabled, () => ( true))) ? [{ name, description: tool.description, parameters: tool.parameters }] : [];
@@ -4190,7 +4272,7 @@ function createStore_forChatMessages(toolsStore, setToolResultFn) {
             } else {
               continue;
             }
-            const executeFn = _optionalChain([toolsStore, 'access', _64 => _64.getTool\u03A3, 'call', _65 => _65(toolInvocation.name, message.chatId), 'access', _66 => _66.get, 'call', _67 => _67(), 'optionalAccess', _68 => _68.execute]);
+            const executeFn = _optionalChain([toolsStore, 'access', _66 => _66.getTool\u03A3, 'call', _67 => _67(toolInvocation.name, message.chatId), 'access', _68 => _68.get, 'call', _69 => _69(), 'optionalAccess', _70 => _70.execute]);
             if (executeFn) {
               (async () => {
                 const result = await executeFn(toolInvocation.args, {
@@ -4289,8 +4371,8 @@ function createStore_forChatMessages(toolsStore, setToolResultFn) {
       const spine = [];
       let lastVisitedMessage = null;
       for (const message2 of pool.walkUp(leaf.id)) {
-        const prev = _nullishCoalesce(_optionalChain([first, 'call', _69 => _69(pool.walkLeft(message2.id, isAlive)), 'optionalAccess', _70 => _70.id]), () => ( null));
-        const next = _nullishCoalesce(_optionalChain([first, 'call', _71 => _71(pool.walkRight(message2.id, isAlive)), 'optionalAccess', _72 => _72.id]), () => ( null));
+        const prev = _nullishCoalesce(_optionalChain([first, 'call', _71 => _71(pool.walkLeft(message2.id, isAlive)), 'optionalAccess', _72 => _72.id]), () => ( null));
+        const next = _nullishCoalesce(_optionalChain([first, 'call', _73 => _73(pool.walkRight(message2.id, isAlive)), 'optionalAccess', _74 => _74.id]), () => ( null));
         if (!message2.deletedAt || prev || next) {
           const node = {
             ...message2,
@@ -4356,7 +4438,7 @@ function createStore_forChatMessages(toolsStore, setToolResultFn) {
     const latest = pool.sorted.findRight(
       (m) => m.role === "assistant" && !m.deletedAt
     );
-    return _optionalChain([latest, 'optionalAccess', _73 => _73.copilotId]);
+    return _optionalChain([latest, 'optionalAccess', _75 => _75.copilotId]);
   }
   return {
     // Readers
@@ -4425,6 +4507,28 @@ function createAi(config) {
     toolsStore,
     knowledge: new KnowledgeStack()
   };
+  const DELTA_THROTTLE = 25;
+  let pendingDeltas = [];
+  let deltaBatchTimer = null;
+  function flushPendingDeltas() {
+    const currentQueue = pendingDeltas;
+    pendingDeltas = [];
+    if (deltaBatchTimer !== null) {
+      clearTimeout(deltaBatchTimer);
+      deltaBatchTimer = null;
+    }
+    batch(() => {
+      for (const { id, delta } of currentQueue) {
+        context.messagesStore.addDelta(id, delta);
+      }
+    });
+  }
+  function enqueueDelta(id, delta) {
+    pendingDeltas.push({ id, delta });
+    if (deltaBatchTimer === null) {
+      deltaBatchTimer = setTimeout(flushPendingDeltas, DELTA_THROTTLE);
+    }
+  }
   let lastTokenKey;
   function onStatusDidChange(_newStatus) {
     const authValue = managedSocket.authValue;
@@ -4464,6 +4568,7 @@ function createAi(config) {
   function onDidConnect() {
   }
   function onDidDisconnect() {
+    flushPendingDeltas();
   }
   function handleServerMessage(event) {
     if (typeof event.data !== "string")
@@ -4478,50 +4583,51 @@ function createAi(config) {
       return;
     }
     if ("event" in msg) {
-      switch (msg.event) {
-        case "cmd-failed":
-          _optionalChain([pendingCmd, 'optionalAccess', _74 => _74.reject, 'call', _75 => _75(new Error(msg.error))]);
-          break;
-        case "delta": {
-          const { id, delta } = msg;
-          context.messagesStore.addDelta(id, delta);
-          break;
-        }
-        case "settle": {
-          context.messagesStore.upsert(msg.message);
-          break;
-        }
-        case "warning":
-          warn(msg.message);
-          break;
-        case "error":
-          error2(msg.error);
-          break;
-        case "rebooted":
-          context.messagesStore.failAllPending();
-          break;
-        case "sync":
-          batch(() => {
-            for (const m of _nullishCoalesce(msg["-messages"], () => ( []))) {
-              context.messagesStore.remove(m.chatId, m.id);
-            }
-            for (const chatId of _nullishCoalesce(msg["-chats"], () => ( []))) {
-              context.chatsStore.markDeleted(chatId);
-              context.messagesStore.removeByChatId(chatId);
-            }
-            for (const chatId of _nullishCoalesce(msg.clear, () => ( []))) {
-              context.messagesStore.removeByChatId(chatId);
-            }
-            if (msg.chats) {
-              context.chatsStore.upsertMany(msg.chats);
-            }
-            if (msg.messages) {
-              context.messagesStore.upsertMany(msg.messages);
+      if (msg.event === "delta") {
+        const { id, delta } = msg;
+        enqueueDelta(id, delta);
+      } else {
+        batch(() => {
+          flushPendingDeltas();
+          switch (msg.event) {
+            case "cmd-failed":
+              _optionalChain([pendingCmd, 'optionalAccess', _76 => _76.reject, 'call', _77 => _77(new Error(msg.error))]);
+              break;
+            case "settle": {
+              context.messagesStore.upsert(msg.message);
+              break;
             }
-          });
-          break;
-        default:
-          return assertNever(msg, "Unhandled case");
+            case "warning":
+              warn(msg.message);
+              break;
+            case "error":
+              error2(msg.error);
+              break;
+            case "rebooted":
+              context.messagesStore.failAllPending();
+              break;
+            case "sync":
+              for (const m of _nullishCoalesce(msg["-messages"], () => ( []))) {
+                context.messagesStore.remove(m.chatId, m.id);
+              }
+              for (const chatId of _nullishCoalesce(msg["-chats"], () => ( []))) {
+                context.chatsStore.markDeleted(chatId);
+                context.messagesStore.removeByChatId(chatId);
+              }
+              for (const chatId of _nullishCoalesce(msg.clear, () => ( []))) {
+                context.messagesStore.removeByChatId(chatId);
+              }
+              if (msg.chats) {
+                context.chatsStore.upsertMany(msg.chats);
+              }
+              if (msg.messages) {
+                context.messagesStore.upsertMany(msg.messages);
+              }
+              break;
+            default:
+              return assertNever(msg, "Unhandled case");
+          }
+        });
       }
     } else {
       switch (msg.cmd) {
@@ -4562,7 +4668,7 @@ function createAi(config) {
           return assertNever(msg, "Unhandled case");
       }
     }
-    _optionalChain([pendingCmd, 'optionalAccess', _76 => _76.resolve, 'call', _77 => _77(msg)]);
+    _optionalChain([pendingCmd, 'optionalAccess', _78 => _78.resolve, 'call', _79 => _79(msg)]);
   }
   managedSocket.events.onMessage.subscribe(handleServerMessage);
   managedSocket.events.statusDidChange.subscribe(onStatusDidChange);
@@ -4647,9 +4753,9 @@ function createAi(config) {
       invocationId,
       result,
       generationOptions: {
-        copilotId: _optionalChain([options, 'optionalAccess', _78 => _78.copilotId]),
-        stream: _optionalChain([options, 'optionalAccess', _79 => _79.stream]),
-        timeout: _optionalChain([options, 'optionalAccess', _80 => _80.timeout]),
+        copilotId: _optionalChain([options, 'optionalAccess', _80 => _80.copilotId]),
+        stream: _optionalChain([options, 'optionalAccess', _81 => _81.stream]),
+        timeout: _optionalChain([options, 'optionalAccess', _82 => _82.timeout]),
         // Knowledge and tools aren't coming from the options, but retrieved
         // from the global context
         knowledge: knowledge.length > 0 ? knowledge : void 0,
@@ -4678,7 +4784,7 @@ function createAi(config) {
       clearChat: (chatId) => sendClientMsgWithResponse({ cmd: "clear-chat", chatId }),
       askUserMessageInChat: async (chatId, userMessage, targetMessageId, options) => {
         const globalKnowledge = context.knowledge.get();
-        const requestKnowledge = _optionalChain([options, 'optionalAccess', _81 => _81.knowledge]) || [];
+        const requestKnowledge = _optionalChain([options, 'optionalAccess', _83 => _83.knowledge]) || [];
         const combinedKnowledge = [...globalKnowledge, ...requestKnowledge];
         const tools = context.toolsStore.getToolDescriptions(chatId);
         messagesStore.markMine(targetMessageId);
@@ -4688,9 +4794,9 @@ function createAi(config) {
           sourceMessage: userMessage,
           targetMessageId,
           generationOptions: {
-            copilotId: _optionalChain([options, 'optionalAccess', _82 => _82.copilotId]),
-            stream: _optionalChain([options, 'optionalAccess', _83 => _83.stream]),
-            timeout: _optionalChain([options, 'optionalAccess', _84 => _84.timeout]),
+            copilotId: _optionalChain([options, 'optionalAccess', _84 => _84.copilotId]),
+            stream: _optionalChain([options, 'optionalAccess', _85 => _85.stream]),
+            timeout: _optionalChain([options, 'optionalAccess', _86 => _86.timeout]),
             // Combine global knowledge with request-specific knowledge
             knowledge: combinedKnowledge.length > 0 ? combinedKnowledge : void 0,
             tools: tools.length > 0 ? tools : void 0
@@ -4791,7 +4897,7 @@ function createAuthManager(authOptions, onAuthenticate) {
     return void 0;
   }
   async function makeAuthRequest(options) {
-    const fetcher = _nullishCoalesce(_optionalChain([authOptions, 'access', _85 => _85.polyfills, 'optionalAccess', _86 => _86.fetch]), () => ( (typeof window === "undefined" ? void 0 : window.fetch)));
+    const fetcher = _nullishCoalesce(_optionalChain([authOptions, 'access', _87 => _87.polyfills, 'optionalAccess', _88 => _88.fetch]), () => ( (typeof window === "undefined" ? void 0 : window.fetch)));
     if (authentication.type === "private") {
       if (fetcher === void 0) {
         throw new StopRetrying(
@@ -4807,7 +4913,7 @@ function createAuthManager(authOptions, onAuthenticate) {
           "The same Liveblocks auth token was issued from the backend before. Caching Liveblocks tokens is not supported."
         );
       }
-      _optionalChain([onAuthenticate, 'optionalCall', _87 => _87(parsed.parsed)]);
+      _optionalChain([onAuthenticate, 'optionalCall', _89 => _89(parsed.parsed)]);
       return parsed;
     }
     if (authentication.type === "custom") {
@@ -4815,7 +4921,7 @@ function createAuthManager(authOptions, onAuthenticate) {
       if (response && typeof response === "object") {
         if (typeof response.token === "string") {
           const parsed = parseAuthToken(response.token);
-          _optionalChain([onAuthenticate, 'optionalCall', _88 => _88(parsed.parsed)]);
+          _optionalChain([onAuthenticate, 'optionalCall', _90 => _90(parsed.parsed)]);
           return parsed;
         } else if (typeof response.error === "string") {
           const reason = `Authentication failed: ${"reason" in response && typeof response.reason === "string" ? response.reason : "Forbidden"}`;
@@ -4973,7 +5079,7 @@ function sendToPanel(message, options) {
     ...message,
     source: "liveblocks-devtools-client"
   };
-  if (!(_optionalChain([options, 'optionalAccess', _89 => _89.force]) || _bridgeActive)) {
+  if (!(_optionalChain([options, 'optionalAccess', _91 => _91.force]) || _bridgeActive)) {
     return;
   }
   window.postMessage(fullMsg, "*");
@@ -4981,7 +5087,7 @@ function sendToPanel(message, options) {
 var eventSource = makeEventSource();
 if (process.env.NODE_ENV !== "production" && typeof window !== "undefined") {
   window.addEventListener("message", (event) => {
-    if (event.source === window && _optionalChain([event, 'access', _90 => _90.data, 'optionalAccess', _91 => _91.source]) === "liveblocks-devtools-panel") {
+    if (event.source === window && _optionalChain([event, 'access', _92 => _92.data, 'optionalAccess', _93 => _93.source]) === "liveblocks-devtools-panel") {
       eventSource.notify(event.data);
     } else {
     }
@@ -5123,7 +5229,7 @@ function fullSync(room) {
     msg: "room::sync::full",
     roomId: room.id,
     status: room.getStatus(),
-    storage: _nullishCoalesce(_optionalChain([root, 'optionalAccess', _92 => _92.toTreeNode, 'call', _93 => _93("root"), 'access', _94 => _94.payload]), () => ( null)),
+    storage: _nullishCoalesce(_optionalChain([root, 'optionalAccess', _94 => _94.toTreeNode, 'call', _95 => _95("root"), 'access', _96 => _96.payload]), () => ( null)),
     me,
     others
   });
@@ -5414,7 +5520,7 @@ function createManagedPool(roomId, options) {
     generateId: () => `${getCurrentConnectionId()}:${clock++}`,
     generateOpId: () => `${getCurrentConnectionId()}:${opClock++}`,
     dispatch(ops, reverse, storageUpdates) {
-      _optionalChain([onDispatch, 'optionalCall', _95 => _95(ops, reverse, storageUpdates)]);
+      _optionalChain([onDispatch, 'optionalCall', _97 => _97(ops, reverse, storageUpdates)]);
     },
     assertStorageIsWritable: () => {
       if (!isStorageWritable()) {
@@ -5641,7 +5747,7 @@ var LiveRegister = class _LiveRegister extends AbstractCrdt {
     return [
       {
         type: 8 /* CREATE_REGISTER */,
-        opId: _optionalChain([pool, 'optionalAccess', _96 => _96.generateOpId, 'call', _97 => _97()]),
+        opId: _optionalChain([pool, 'optionalAccess', _98 => _98.generateOpId, 'call', _99 => _99()]),
         id: this._id,
         parentId,
         parentKey,
@@ -5747,7 +5853,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
     const ops = [];
     const op = {
       id: this._id,
-      opId: _optionalChain([pool, 'optionalAccess', _98 => _98.generateOpId, 'call', _99 => _99()]),
+      opId: _optionalChain([pool, 'optionalAccess', _100 => _100.generateOpId, 'call', _101 => _101()]),
       type: 2 /* CREATE_LIST */,
       parentId,
       parentKey
@@ -6018,7 +6124,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
   #applyInsertUndoRedo(op) {
     const { id, parentKey: key } = op;
     const child = creationOpToLiveNode(op);
-    if (_optionalChain([this, 'access', _100 => _100._pool, 'optionalAccess', _101 => _101.getNode, 'call', _102 => _102(id)]) !== void 0) {
+    if (_optionalChain([this, 'access', _102 => _102._pool, 'optionalAccess', _103 => _103.getNode, 'call', _104 => _104(id)]) !== void 0) {
       return { modified: false };
     }
     child._attach(id, nn(this._pool));
@@ -6026,8 +6132,8 @@ var LiveList = class _LiveList extends AbstractCrdt {
     const existingItemIndex = this._indexOfPosition(key);
     let newKey = key;
     if (existingItemIndex !== -1) {
-      const before2 = _optionalChain([this, 'access', _103 => _103.#items, 'access', _104 => _104[existingItemIndex], 'optionalAccess', _105 => _105._parentPos]);
-      const after2 = _optionalChain([this, 'access', _106 => _106.#items, 'access', _107 => _107[existingItemIndex + 1], 'optionalAccess', _108 => _108._parentPos]);
+      const before2 = _optionalChain([this, 'access', _105 => _105.#items, 'access', _106 => _106[existingItemIndex], 'optionalAccess', _107 => _107._parentPos]);
+      const after2 = _optionalChain([this, 'access', _108 => _108.#items, 'access', _109 => _109[existingItemIndex + 1], 'optionalAccess', _110 => _110._parentPos]);
       newKey = makePosition(before2, after2);
       child._setParentLink(this, newKey);
     }
@@ -6041,7 +6147,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
   #applySetUndoRedo(op) {
     const { id, parentKey: key } = op;
     const child = creationOpToLiveNode(op);
-    if (_optionalChain([this, 'access', _109 => _109._pool, 'optionalAccess', _110 => _110.getNode, 'call', _111 => _111(id)]) !== void 0) {
+    if (_optionalChain([this, 'access', _111 => _111._pool, 'optionalAccess', _112 => _112.getNode, 'call', _113 => _113(id)]) !== void 0) {
       return { modified: false };
     }
     this.#unacknowledgedSets.set(key, nn(op.opId));
@@ -6162,7 +6268,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
     } else {
       this.#items[existingItemIndex]._setParentLink(
         this,
-        makePosition(newKey, _optionalChain([this, 'access', _112 => _112.#items, 'access', _113 => _113[existingItemIndex + 1], 'optionalAccess', _114 => _114._parentPos]))
+        makePosition(newKey, _optionalChain([this, 'access', _114 => _114.#items, 'access', _115 => _115[existingItemIndex + 1], 'optionalAccess', _116 => _116._parentPos]))
       );
       const previousIndex = this.#items.indexOf(child);
       child._setParentLink(this, newKey);
@@ -6187,7 +6293,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
       if (existingItemIndex !== -1) {
         this.#items[existingItemIndex]._setParentLink(
           this,
-          makePosition(newKey, _optionalChain([this, 'access', _115 => _115.#items, 'access', _116 => _116[existingItemIndex + 1], 'optionalAccess', _117 => _117._parentPos]))
+          makePosition(newKey, _optionalChain([this, 'access', _117 => _117.#items, 'access', _118 => _118[existingItemIndex + 1], 'optionalAccess', _119 => _119._parentPos]))
         );
       }
       child._setParentLink(this, newKey);
@@ -6206,7 +6312,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
       if (existingItemIndex !== -1) {
         this.#items[existingItemIndex]._setParentLink(
           this,
-          makePosition(newKey, _optionalChain([this, 'access', _118 => _118.#items, 'access', _119 => _119[existingItemIndex + 1], 'optionalAccess', _120 => _120._parentPos]))
+          makePosition(newKey, _optionalChain([this, 'access', _120 => _120.#items, 'access', _121 => _121[existingItemIndex + 1], 'optionalAccess', _122 => _122._parentPos]))
         );
       }
       child._setParentLink(this, newKey);
@@ -6233,7 +6339,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
     if (existingItemIndex !== -1) {
       this.#items[existingItemIndex]._setParentLink(
         this,
-        makePosition(newKey, _optionalChain([this, 'access', _121 => _121.#items, 'access', _122 => _122[existingItemIndex + 1], 'optionalAccess', _123 => _123._parentPos]))
+        makePosition(newKey, _optionalChain([this, 'access', _123 => _123.#items, 'access', _124 => _124[existingItemIndex + 1], 'optionalAccess', _125 => _125._parentPos]))
       );
     }
     child._setParentLink(this, newKey);
@@ -6291,7 +6397,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
    * @param element The element to add to the end of the LiveList.
    */
   push(element) {
-    _optionalChain([this, 'access', _124 => _124._pool, 'optionalAccess', _125 => _125.assertStorageIsWritable, 'call', _126 => _126()]);
+    _optionalChain([this, 'access', _126 => _126._pool, 'optionalAccess', _127 => _127.assertStorageIsWritable, 'call', _128 => _128()]);
     return this.insert(element, this.length);
   }
   /**
@@ -6300,7 +6406,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
    * @param index The index at which you want to insert the element.
    */
   insert(element, index) {
-    _optionalChain([this, 'access', _127 => _127._pool, 'optionalAccess', _128 => _128.assertStorageIsWritable, 'call', _129 => _129()]);
+    _optionalChain([this, 'access', _129 => _129._pool, 'optionalAccess', _130 => _130.assertStorageIsWritable, 'call', _131 => _131()]);
     if (index < 0 || index > this.#items.length) {
       throw new Error(
         `Cannot insert list item at index "${index}". index should be between 0 and ${this.#items.length}`
@@ -6330,7 +6436,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
    * @param targetIndex The index where the element should be after moving.
    */
   move(index, targetIndex) {
-    _optionalChain([this, 'access', _130 => _130._pool, 'optionalAccess', _131 => _131.assertStorageIsWritable, 'call', _132 => _132()]);
+    _optionalChain([this, 'access', _132 => _132._pool, 'optionalAccess', _133 => _133.assertStorageIsWritable, 'call', _134 => _134()]);
     if (targetIndex < 0) {
       throw new Error("targetIndex cannot be less than 0");
     }
@@ -6388,7 +6494,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
    * @param index The index of the element to delete
    */
   delete(index) {
-    _optionalChain([this, 'access', _133 => _133._pool, 'optionalAccess', _134 => _134.assertStorageIsWritable, 'call', _135 => _135()]);
+    _optionalChain([this, 'access', _135 => _135._pool, 'optionalAccess', _136 => _136.assertStorageIsWritable, 'call', _137 => _137()]);
     if (index < 0 || index >= this.#items.length) {
       throw new Error(
         `Cannot delete list item at index "${index}". index should be between 0 and ${this.#items.length - 1}`
@@ -6421,7 +6527,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
     }
   }
   clear() {
-    _optionalChain([this, 'access', _136 => _136._pool, 'optionalAccess', _137 => _137.assertStorageIsWritable, 'call', _138 => _138()]);
+    _optionalChain([this, 'access', _138 => _138._pool, 'optionalAccess', _139 => _139.assertStorageIsWritable, 'call', _140 => _140()]);
     if (this._pool) {
       const ops = [];
       const reverseOps = [];
@@ -6455,7 +6561,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
     }
   }
   set(index, item) {
-    _optionalChain([this, 'access', _139 => _139._pool, 'optionalAccess', _140 => _140.assertStorageIsWritable, 'call', _141 => _141()]);
+    _optionalChain([this, 'access', _141 => _141._pool, 'optionalAccess', _142 => _142.assertStorageIsWritable, 'call', _143 => _143()]);
     if (index < 0 || index >= this.#items.length) {
       throw new Error(
         `Cannot set list item at index "${index}". index should be between 0 and ${this.#items.length - 1}`
@@ -6601,7 +6707,7 @@ var LiveList = class _LiveList extends AbstractCrdt {
   #shiftItemPosition(index, key) {
     const shiftedPosition = makePosition(
       key,
-      this.#items.length > index + 1 ? _optionalChain([this, 'access', _142 => _142.#items, 'access', _143 => _143[index + 1], 'optionalAccess', _144 => _144._parentPos]) : void 0
+      this.#items.length > index + 1 ? _optionalChain([this, 'access', _144 => _144.#items, 'access', _145 => _145[index + 1], 'optionalAccess', _146 => _146._parentPos]) : void 0
     );
     this.#items[index]._setParentLink(this, shiftedPosition);
   }
@@ -6726,7 +6832,7 @@ var LiveMap = class _LiveMap extends AbstractCrdt {
     const ops = [];
     const op = {
       id: this._id,
-      opId: _optionalChain([pool, 'optionalAccess', _145 => _145.generateOpId, 'call', _146 => _146()]),
+      opId: _optionalChain([pool, 'optionalAccess', _147 => _147.generateOpId, 'call', _148 => _148()]),
       type: 7 /* CREATE_MAP */,
       parentId,
       parentKey
@@ -6861,7 +6967,7 @@ var LiveMap = class _LiveMap extends AbstractCrdt {
    * @param value The value of the element to add. Should be serializable to JSON.
    */
   set(key, value) {
-    _optionalChain([this, 'access', _147 => _147._pool, 'optionalAccess', _148 => _148.assertStorageIsWritable, 'call', _149 => _149()]);
+    _optionalChain([this, 'access', _149 => _149._pool, 'optionalAccess', _150 => _150.assertStorageIsWritable, 'call', _151 => _151()]);
     const oldValue = this.#map.get(key);
     if (oldValue) {
       oldValue._detach();
@@ -6907,7 +7013,7 @@ var LiveMap = class _LiveMap extends AbstractCrdt {
    * @returns true if an element existed and has been removed, or false if the element does not exist.
    */
   delete(key) {
-    _optionalChain([this, 'access', _150 => _150._pool, 'optionalAccess', _151 => _151.assertStorageIsWritable, 'call', _152 => _152()]);
+    _optionalChain([this, 'access', _152 => _152._pool, 'optionalAccess', _153 => _153.assertStorageIsWritable, 'call', _154 => _154()]);
     const item = this.#map.get(key);
     if (item === void 0) {
       return false;
@@ -7097,7 +7203,7 @@ var LiveObject = (_class2 = class _LiveObject extends AbstractCrdt {
     if (this._id === void 0) {
       throw new Error("Cannot serialize item is not attached");
     }
-    const opId = _optionalChain([pool, 'optionalAccess', _153 => _153.generateOpId, 'call', _154 => _154()]);
+    const opId = _optionalChain([pool, 'optionalAccess', _155 => _155.generateOpId, 'call', _156 => _156()]);
     const ops = [];
     const op = {
       type: 4 /* CREATE_OBJECT */,
@@ -7369,7 +7475,7 @@ var LiveObject = (_class2 = class _LiveObject extends AbstractCrdt {
    * @param value The value of the property to add
    */
   set(key, value) {
-    _optionalChain([this, 'access', _155 => _155._pool, 'optionalAccess', _156 => _156.assertStorageIsWritable, 'call', _157 => _157()]);
+    _optionalChain([this, 'access', _157 => _157._pool, 'optionalAccess', _158 => _158.assertStorageIsWritable, 'call', _159 => _159()]);
     this.update({ [key]: value });
   }
   /**
@@ -7384,7 +7490,7 @@ var LiveObject = (_class2 = class _LiveObject extends AbstractCrdt {
    * @param key The key of the property to delete
    */
   delete(key) {
-    _optionalChain([this, 'access', _158 => _158._pool, 'optionalAccess', _159 => _159.assertStorageIsWritable, 'call', _160 => _160()]);
+    _optionalChain([this, 'access', _160 => _160._pool, 'optionalAccess', _161 => _161.assertStorageIsWritable, 'call', _162 => _162()]);
     const keyAsString = key;
     const oldValue = this.#map.get(keyAsString);
     if (oldValue === void 0) {
@@ -7437,7 +7543,7 @@ var LiveObject = (_class2 = class _LiveObject extends AbstractCrdt {
    * @param patch The object used to overrides properties
    */
   update(patch) {
-    _optionalChain([this, 'access', _161 => _161._pool, 'optionalAccess', _162 => _162.assertStorageIsWritable, 'call', _163 => _163()]);
+    _optionalChain([this, 'access', _163 => _163._pool, 'optionalAccess', _164 => _164.assertStorageIsWritable, 'call', _165 => _165()]);
     if (_LiveObject.detectLargeObjects) {
       const data = {};
       for (const [key, value] of this.#map) {
@@ -8185,15 +8291,15 @@ function installBackgroundTabSpy() {
   const doc = typeof document !== "undefined" ? document : void 0;
   const inBackgroundSince = { current: null };
   function onVisibilityChange() {
-    if (_optionalChain([doc, 'optionalAccess', _164 => _164.visibilityState]) === "hidden") {
+    if (_optionalChain([doc, 'optionalAccess', _166 => _166.visibilityState]) === "hidden") {
       inBackgroundSince.current = _nullishCoalesce(inBackgroundSince.current, () => ( Date.now()));
     } else {
       inBackgroundSince.current = null;
     }
   }
-  _optionalChain([doc, 'optionalAccess', _165 => _165.addEventListener, 'call', _166 => _166("visibilitychange", onVisibilityChange)]);
+  _optionalChain([doc, 'optionalAccess', _167 => _167.addEventListener, 'call', _168 => _168("visibilitychange", onVisibilityChange)]);
   const unsub = () => {
-    _optionalChain([doc, 'optionalAccess', _167 => _167.removeEventListener, 'call', _168 => _168("visibilitychange", onVisibilityChange)]);
+    _optionalChain([doc, 'optionalAccess', _169 => _169.removeEventListener, 'call', _170 => _170("visibilitychange", onVisibilityChange)]);
   };
   return [inBackgroundSince, unsub];
 }
@@ -8373,7 +8479,7 @@ function createRoom(options, config) {
     }
   }
   function isStorageWritable() {
-    const scopes = _optionalChain([context, 'access', _169 => _169.dynamicSessionInfoSig, 'access', _170 => _170.get, 'call', _171 => _171(), 'optionalAccess', _172 => _172.scopes]);
+    const scopes = _optionalChain([context, 'access', _171 => _171.dynamicSessionInfoSig, 'access', _172 => _172.get, 'call', _173 => _173(), 'optionalAccess', _174 => _174.scopes]);
     return scopes !== void 0 ? canWriteStorage(scopes) : true;
   }
   const eventHub = {
@@ -8499,7 +8605,7 @@ function createRoom(options, config) {
       }
       case "experimental-fallback-to-http": {
         warn("Message is too large for websockets, so sending over HTTP instead");
-        const nonce = _nullishCoalesce(_optionalChain([context, 'access', _173 => _173.dynamicSessionInfoSig, 'access', _174 => _174.get, 'call', _175 => _175(), 'optionalAccess', _176 => _176.nonce]), () => ( raise("Session is not authorized to send message over HTTP")));
+        const nonce = _nullishCoalesce(_optionalChain([context, 'access', _175 => _175.dynamicSessionInfoSig, 'access', _176 => _176.get, 'call', _177 => _177(), 'optionalAccess', _178 => _178.nonce]), () => ( raise("Session is not authorized to send message over HTTP")));
         void httpClient.sendMessages({ roomId, nonce, messages }).then((resp) => {
           if (!resp.ok && resp.status === 403) {
             managedSocket.reconnect();
@@ -8550,7 +8656,7 @@ function createRoom(options, config) {
     } else {
       context.root = LiveObject._fromItems(message.items, context.pool);
     }
-    const canWrite = _nullishCoalesce(_optionalChain([self, 'access', _177 => _177.get, 'call', _178 => _178(), 'optionalAccess', _179 => _179.canWrite]), () => ( true));
+    const canWrite = _nullishCoalesce(_optionalChain([self, 'access', _179 => _179.get, 'call', _180 => _180(), 'optionalAccess', _181 => _181.canWrite]), () => ( true));
     const stackSizeBefore = context.undoStack.length;
     for (const key in context.initialStorage) {
       if (context.root.get(key) === void 0) {
@@ -8753,7 +8859,7 @@ function createRoom(options, config) {
     }
     context.myPresence.patch(patch);
     if (context.activeBatch) {
-      if (_optionalChain([options2, 'optionalAccess', _180 => _180.addToHistory])) {
+      if (_optionalChain([options2, 'optionalAccess', _182 => _182.addToHistory])) {
         context.activeBatch.reverseOps.pushLeft({
           type: "presence",
           data: oldValues
@@ -8762,7 +8868,7 @@ function createRoom(options, config) {
       context.activeBatch.updates.presence = true;
     } else {
       flushNowOrSoon();
-      if (_optionalChain([options2, 'optionalAccess', _181 => _181.addToHistory])) {
+      if (_optionalChain([options2, 'optionalAccess', _183 => _183.addToHistory])) {
         addToUndoStack([{ type: "presence", data: oldValues }]);
       }
       notify({ presence: true });
@@ -8959,7 +9065,7 @@ function createRoom(options, config) {
           if (process.env.NODE_ENV !== "production") {
             const traces = /* @__PURE__ */ new Set();
             for (const opId of message.opIds) {
-              const trace = _optionalChain([context, 'access', _182 => _182.opStackTraces, 'optionalAccess', _183 => _183.get, 'call', _184 => _184(opId)]);
+              const trace = _optionalChain([context, 'access', _184 => _184.opStackTraces, 'optionalAccess', _185 => _185.get, 'call', _186 => _186(opId)]);
               if (trace) {
                 traces.add(trace);
               }
@@ -9093,7 +9199,7 @@ ${Array.from(traces).join("\n\n")}`
     const unacknowledgedOps = new Map(context.unacknowledgedOps);
     createOrUpdateRootFromMessage(message);
     applyAndSendOps(unacknowledgedOps);
-    _optionalChain([_resolveStoragePromise, 'optionalCall', _185 => _185()]);
+    _optionalChain([_resolveStoragePromise, 'optionalCall', _187 => _187()]);
     notifyStorageStatus();
     eventHub.storageDidLoad.notify();
   }
@@ -9314,8 +9420,8 @@ ${Array.from(traces).join("\n\n")}`
   async function getThreads(options2) {
     return httpClient.getThreads({
       roomId,
-      query: _optionalChain([options2, 'optionalAccess', _186 => _186.query]),
-      cursor: _optionalChain([options2, 'optionalAccess', _187 => _187.cursor])
+      query: _optionalChain([options2, 'optionalAccess', _188 => _188.query]),
+      cursor: _optionalChain([options2, 'optionalAccess', _189 => _189.cursor])
     });
   }
   async function getThread(threadId) {
@@ -9422,7 +9528,7 @@ ${Array.from(traces).join("\n\n")}`
   function getSubscriptionSettings(options2) {
     return httpClient.getSubscriptionSettings({
       roomId,
-      signal: _optionalChain([options2, 'optionalAccess', _188 => _188.signal])
+      signal: _optionalChain([options2, 'optionalAccess', _190 => _190.signal])
     });
   }
   function updateSubscriptionSettings(settings) {
@@ -9444,7 +9550,7 @@ ${Array.from(traces).join("\n\n")}`
     {
       [kInternal]: {
         get presenceBuffer() {
-          return deepClone(_nullishCoalesce(_optionalChain([context, 'access', _189 => _189.buffer, 'access', _190 => _190.presenceUpdates, 'optionalAccess', _191 => _191.data]), () => ( null)));
+          return deepClone(_nullishCoalesce(_optionalChain([context, 'access', _191 => _191.buffer, 'access', _192 => _192.presenceUpdates, 'optionalAccess', _193 => _193.data]), () => ( null)));
         },
         // prettier-ignore
         get undoStack() {
@@ -9459,9 +9565,9 @@ ${Array.from(traces).join("\n\n")}`
           return context.yjsProvider;
         },
         setYjsProvider(newProvider) {
-          _optionalChain([context, 'access', _192 => _192.yjsProvider, 'optionalAccess', _193 => _193.off, 'call', _194 => _194("status", yjsStatusDidChange)]);
+          _optionalChain([context, 'access', _194 => _194.yjsProvider, 'optionalAccess', _195 => _195.off, 'call', _196 => _196("status", yjsStatusDidChange)]);
           context.yjsProvider = newProvider;
-          _optionalChain([newProvider, 'optionalAccess', _195 => _195.on, 'call', _196 => _196("status", yjsStatusDidChange)]);
+          _optionalChain([newProvider, 'optionalAccess', _197 => _197.on, 'call', _198 => _198("status", yjsStatusDidChange)]);
           context.yjsProviderDidChange.notify();
         },
         yjsProviderDidChange: context.yjsProviderDidChange.observable,
@@ -9507,7 +9613,7 @@ ${Array.from(traces).join("\n\n")}`
           source.dispose();
         }
         eventHub.roomWillDestroy.notify();
-        _optionalChain([context, 'access', _197 => _197.yjsProvider, 'optionalAccess', _198 => _198.off, 'call', _199 => _199("status", yjsStatusDidChange)]);
+        _optionalChain([context, 'access', _199 => _199.yjsProvider, 'optionalAccess', _200 => _200.off, 'call', _201 => _201("status", yjsStatusDidChange)]);
         syncSourceForStorage.destroy();
         syncSourceForYjs.destroy();
         uninstallBgTabSpy();
@@ -9657,7 +9763,7 @@ function makeClassicSubscribeFn(roomId, events, errorEvents) {
     }
     if (isLiveNode(first)) {
       const node = first;
-      if (_optionalChain([options, 'optionalAccess', _200 => _200.isDeep])) {
+      if (_optionalChain([options, 'optionalAccess', _202 => _202.isDeep])) {
         const storageCallback = second;
         return subscribeToLiveStructureDeeply(node, storageCallback);
       } else {
@@ -9736,8 +9842,8 @@ function createClient(options) {
     const userId = token.k === "sec-legacy" /* SECRET_LEGACY */ ? token.id : token.uid;
     currentUserId.set(() => userId);
   });
-  const fetchPolyfill = _optionalChain([clientOptions, 'access', _201 => _201.polyfills, 'optionalAccess', _202 => _202.fetch]) || /* istanbul ignore next */
-  _optionalChain([globalThis, 'access', _203 => _203.fetch, 'optionalAccess', _204 => _204.bind, 'call', _205 => _205(globalThis)]);
+  const fetchPolyfill = _optionalChain([clientOptions, 'access', _203 => _203.polyfills, 'optionalAccess', _204 => _204.fetch]) || /* istanbul ignore next */
+  _optionalChain([globalThis, 'access', _205 => _205.fetch, 'optionalAccess', _206 => _206.bind, 'call', _207 => _207(globalThis)]);
   const httpClient = createApiClient({
     baseUrl,
     fetchPolyfill,
@@ -9755,7 +9861,7 @@ function createClient(options) {
     delegates: {
       createSocket: makeCreateSocketDelegateForAi(
         baseUrl,
-        _optionalChain([clientOptions, 'access', _206 => _206.polyfills, 'optionalAccess', _207 => _207.WebSocket])
+        _optionalChain([clientOptions, 'access', _208 => _208.polyfills, 'optionalAccess', _209 => _209.WebSocket])
       ),
       authenticate: async () => {
         const resp = await authManager.getAuthValue({
@@ -9823,7 +9929,7 @@ function createClient(options) {
           createSocket: makeCreateSocketDelegateForRoom(
             roomId,
             baseUrl,
-            _optionalChain([clientOptions, 'access', _208 => _208.polyfills, 'optionalAccess', _209 => _209.WebSocket])
+            _optionalChain([clientOptions, 'access', _210 => _210.polyfills, 'optionalAccess', _211 => _211.WebSocket])
           ),
           authenticate: makeAuthDelegateForRoom(roomId, authManager)
         })),
@@ -9846,7 +9952,7 @@ function createClient(options) {
     const shouldConnect = _nullishCoalesce(options2.autoConnect, () => ( true));
     if (shouldConnect) {
       if (typeof atob === "undefined") {
-        if (_optionalChain([clientOptions, 'access', _210 => _210.polyfills, 'optionalAccess', _211 => _211.atob]) === void 0) {
+        if (_optionalChain([clientOptions, 'access', _212 => _212.polyfills, 'optionalAccess', _213 => _213.atob]) === void 0) {
           throw new Error(
             "You need to polyfill atob to use the client in your environment. Please follow the instructions at https://liveblocks.io/docs/errors/liveblocks-client/atob-polyfill"
           );
@@ -9858,7 +9964,7 @@ function createClient(options) {
     return leaseRoom(newRoomDetails);
   }
   function getRoom(roomId) {
-    const room = _optionalChain([roomsById, 'access', _212 => _212.get, 'call', _213 => _213(roomId), 'optionalAccess', _214 => _214.room]);
+    const room = _optionalChain([roomsById, 'access', _214 => _214.get, 'call', _215 => _215(roomId), 'optionalAccess', _216 => _216.room]);
     return room ? room : null;
   }
   function logout() {
@@ -9878,7 +9984,7 @@ function createClient(options) {
   const batchedResolveUsers = new Batch(
     async (batchedUserIds) => {
       const userIds = batchedUserIds.flat();
-      const users = await _optionalChain([resolveUsers, 'optionalCall', _215 => _215({ userIds })]);
+      const users = await _optionalChain([resolveUsers, 'optionalCall', _217 => _217({ userIds })]);
       warnIfNoResolveUsers();
       return _nullishCoalesce(users, () => ( userIds.map(() => void 0)));
     },
@@ -9896,7 +10002,7 @@ function createClient(options) {
   const batchedResolveRoomsInfo = new Batch(
     async (batchedRoomIds) => {
       const roomIds = batchedRoomIds.flat();
-      const roomsInfo = await _optionalChain([resolveRoomsInfo, 'optionalCall', _216 => _216({ roomIds })]);
+      const roomsInfo = await _optionalChain([resolveRoomsInfo, 'optionalCall', _218 => _218({ roomIds })]);
       warnIfNoResolveRoomsInfo();
       return _nullishCoalesce(roomsInfo, () => ( roomIds.map(() => void 0)));
     },
@@ -9949,7 +10055,7 @@ function createClient(options) {
       }
     };
     const win = typeof window !== "undefined" ? window : void 0;
-    _optionalChain([win, 'optionalAccess', _217 => _217.addEventListener, 'call', _218 => _218("beforeunload", maybePreventClose)]);
+    _optionalChain([win, 'optionalAccess', _219 => _219.addEventListener, 'call', _220 => _220("beforeunload", maybePreventClose)]);
   }
   async function getNotificationSettings(options2) {
     const plainSettings = await httpClient.getNotificationSettings(options2);
@@ -10088,7 +10194,7 @@ var commentBodyElementsTypes = {
   mention: "inline"
 };
 function traverseCommentBody(body, elementOrVisitor, possiblyVisitor) {
-  if (!body || !_optionalChain([body, 'optionalAccess', _219 => _219.content])) {
+  if (!body || !_optionalChain([body, 'optionalAccess', _221 => _221.content])) {
     return;
   }
   const element = typeof elementOrVisitor === "string" ? elementOrVisitor : void 0;
@@ -10098,13 +10204,13 @@ function traverseCommentBody(body, elementOrVisitor, possiblyVisitor) {
   for (const block of body.content) {
     if (type === "all" || type === "block") {
       if (guard(block)) {
-        _optionalChain([visitor, 'optionalCall', _220 => _220(block)]);
+        _optionalChain([visitor, 'optionalCall', _222 => _222(block)]);
       }
     }
     if (type === "all" || type === "inline") {
       for (const inline of block.children) {
         if (guard(inline)) {
-          _optionalChain([visitor, 'optionalCall', _221 => _221(inline)]);
+          _optionalChain([visitor, 'optionalCall', _223 => _223(inline)]);
         }
       }
     }
@@ -10138,7 +10244,7 @@ async function resolveUsersInCommentBody(body, resolveUsers) {
     userIds
   });
   for (const [index, userId] of userIds.entries()) {
-    const user = _optionalChain([users, 'optionalAccess', _222 => _222[index]]);
+    const user = _optionalChain([users, 'optionalAccess', _224 => _224[index]]);
     if (user) {
       resolvedUsers.set(userId, user);
     }
@@ -10257,7 +10363,7 @@ var stringifyCommentBodyPlainElements = {
   text: ({ element }) => element.text,
   link: ({ element }) => _nullishCoalesce(element.text, () => ( element.url)),
   mention: ({ element, user }) => {
-    return `@${_nullishCoalesce(_optionalChain([user, 'optionalAccess', _223 => _223.name]), () => ( element.id))}`;
+    return `@${_nullishCoalesce(_optionalChain([user, 'optionalAccess', _225 => _225.name]), () => ( element.id))}`;
   }
 };
 var stringifyCommentBodyHtmlElements = {
@@ -10287,7 +10393,7 @@ var stringifyCommentBodyHtmlElements = {
     return html`<a href="${href}" target="_blank" rel="noopener noreferrer">${element.text ? html`${element.text}` : element.url}</a>`;
   },
   mention: ({ element, user }) => {
-    return html`<span data-mention>@${_optionalChain([user, 'optionalAccess', _224 => _224.name]) ? html`${_optionalChain([user, 'optionalAccess', _225 => _225.name])}` : element.id}</span>`;
+    return html`<span data-mention>@${_optionalChain([user, 'optionalAccess', _226 => _226.name]) ? html`${_optionalChain([user, 'optionalAccess', _227 => _227.name])}` : element.id}</span>`;
   }
 };
 var stringifyCommentBodyMarkdownElements = {
@@ -10317,19 +10423,19 @@ var stringifyCommentBodyMarkdownElements = {
     return markdown`[${_nullishCoalesce(element.text, () => ( element.url))}](${href})`;
   },
   mention: ({ element, user }) => {
-    return markdown`@${_nullishCoalesce(_optionalChain([user, 'optionalAccess', _226 => _226.name]), () => ( element.id))}`;
+    return markdown`@${_nullishCoalesce(_optionalChain([user, 'optionalAccess', _228 => _228.name]), () => ( element.id))}`;
   }
 };
 async function stringifyCommentBody(body, options) {
-  const format = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _227 => _227.format]), () => ( "plain"));
-  const separator = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _228 => _228.separator]), () => ( (format === "markdown" ? "\n\n" : "\n")));
+  const format = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _229 => _229.format]), () => ( "plain"));
+  const separator = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _230 => _230.separator]), () => ( (format === "markdown" ? "\n\n" : "\n")));
   const elements = {
     ...format === "html" ? stringifyCommentBodyHtmlElements : format === "markdown" ? stringifyCommentBodyMarkdownElements : stringifyCommentBodyPlainElements,
-    ..._optionalChain([options, 'optionalAccess', _229 => _229.elements])
+    ..._optionalChain([options, 'optionalAccess', _231 => _231.elements])
   };
   const resolvedUsers = await resolveUsersInCommentBody(
     body,
-    _optionalChain([options, 'optionalAccess', _230 => _230.resolveUsers])
+    _optionalChain([options, 'optionalAccess', _232 => _232.resolveUsers])
   );
   const blocks = body.content.flatMap((block, blockIndex) => {
     switch (block.type) {
@@ -10615,12 +10721,12 @@ function legacy_patchImmutableNode(state, path, update) {
         }
         const newState = Object.assign({}, state);
         for (const key in update.updates) {
-          if (_optionalChain([update, 'access', _231 => _231.updates, 'access', _232 => _232[key], 'optionalAccess', _233 => _233.type]) === "update") {
+          if (_optionalChain([update, 'access', _233 => _233.updates, 'access', _234 => _234[key], 'optionalAccess', _235 => _235.type]) === "update") {
             const val = update.node.get(key);
             if (val !== void 0) {
               newState[key] = lsonToJson(val);
             }
-          } else if (_optionalChain([update, 'access', _234 => _234.updates, 'access', _235 => _235[key], 'optionalAccess', _236 => _236.type]) === "delete") {
+          } else if (_optionalChain([update, 'access', _236 => _236.updates, 'access', _237 => _237[key], 'optionalAccess', _238 => _238.type]) === "delete") {
             delete newState[key];
           }
         }
@@ -10681,12 +10787,12 @@ function legacy_patchImmutableNode(state, path, update) {
         }
         const newState = Object.assign({}, state);
         for (const key in update.updates) {
-          if (_optionalChain([update, 'access', _237 => _237.updates, 'access', _238 => _238[key], 'optionalAccess', _239 => _239.type]) === "update") {
+          if (_optionalChain([update, 'access', _239 => _239.updates, 'access', _240 => _240[key], 'optionalAccess', _241 => _241.type]) === "update") {
             const value = update.node.get(key);
             if (value !== void 0) {
               newState[key] = lsonToJson(value);
             }
-          } else if (_optionalChain([update, 'access', _240 => _240.updates, 'access', _241 => _241[key], 'optionalAccess', _242 => _242.type]) === "delete") {
+          } else if (_optionalChain([update, 'access', _242 => _242.updates, 'access', _243 => _243[key], 'optionalAccess', _244 => _244.type]) === "delete") {
             delete newState[key];
           }
         }
@@ -10766,9 +10872,9 @@ function makePoller(callback, intervalMs, options) {
   const startTime = performance.now();
   const doc = typeof document !== "undefined" ? document : void 0;
   const win = typeof window !== "undefined" ? window : void 0;
-  const maxStaleTimeMs = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _243 => _243.maxStaleTimeMs]), () => ( Number.POSITIVE_INFINITY));
+  const maxStaleTimeMs = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _245 => _245.maxStaleTimeMs]), () => ( Number.POSITIVE_INFINITY));
   const context = {
-    inForeground: _optionalChain([doc, 'optionalAccess', _244 => _244.visibilityState]) !== "hidden",
+    inForeground: _optionalChain([doc, 'optionalAccess', _246 => _246.visibilityState]) !== "hidden",
     lastSuccessfulPollAt: startTime,
     count: 0,
     backoff: 0
@@ -10849,11 +10955,11 @@ function makePoller(callback, intervalMs, options) {
     pollNowIfStale();
   }
   function onVisibilityChange() {
-    setInForeground(_optionalChain([doc, 'optionalAccess', _245 => _245.visibilityState]) !== "hidden");
+    setInForeground(_optionalChain([doc, 'optionalAccess', _247 => _247.visibilityState]) !== "hidden");
   }
-  _optionalChain([doc, 'optionalAccess', _246 => _246.addEventListener, 'call', _247 => _247("visibilitychange", onVisibilityChange)]);
-  _optionalChain([win, 'optionalAccess', _248 => _248.addEventListener, 'call', _249 => _249("online", onVisibilityChange)]);
-  _optionalChain([win, 'optionalAccess', _250 => _250.addEventListener, 'call', _251 => _251("focus", pollNowIfStale)]);
+  _optionalChain([doc, 'optionalAccess', _248 => _248.addEventListener, 'call', _249 => _249("visibilitychange", onVisibilityChange)]);
+  _optionalChain([win, 'optionalAccess', _250 => _250.addEventListener, 'call', _251 => _251("online", onVisibilityChange)]);
+  _optionalChain([win, 'optionalAccess', _252 => _252.addEventListener, 'call', _253 => _253("focus", pollNowIfStale)]);
   fsm.start();
   return {
     inc,