@beyondwork/docx-react-component 1.0.132 → 1.0.133

package/dist/{chunk-LPLJZJT2.js → chunk-CVSD3UNK.js}

@@ -19,13 +19,13 @@ import {
   resolveSectionVariants,
   sectionSupportsStoryTarget,
   storyTargetKey
-} from "./chunk-U3UMKA7B.js";
+} from "./chunk-XBQFDBXE.js";
 import {
   createSelectionSnapshot
 } from "./chunk-OYGMRRR7.js";
 import {
   collectCanonicalLayoutInputs
-} from "./chunk-RYMMKOFI.js";
+} from "./chunk-5KTJKTNE.js";
 import {
   MAIN_STORY_TARGET,
   createDetachedAnchor,
@@ -8085,7 +8085,7 @@ function fnv1a(input) {
 }
 
 // src/runtime/layout/layout-engine-version.ts
-var LAYOUT_ENGINE_VERSION = 93;
+var LAYOUT_ENGINE_VERSION = 94;
 var LAYCACHE_SCHEMA_VERSION = 13;
 
 // src/runtime/layout/layout-engine-instance.ts
@@ -8312,11 +8312,45 @@ function createLayoutEngine(options = {}) {
   const telemetryBus = options.telemetryBus;
   const dirtyFieldFamilies = /* @__PURE__ */ new Set();
   const listeners = /* @__PURE__ */ new Set();
-  let cachedKey = null;
-  let cachedGraph = null;
-  let cachedFormatting = null;
-  let cachedMapper = null;
+  let cachedFull = null;
+  let cachedWindowed = null;
   let previousPageCount = 0;
+  function isFullViewportKey(key) {
+    return key === FULL_VIEWPORT_WINDOW_KEY;
+  }
+  function getCachedSlot(viewportWindowKeyValue) {
+    return isFullViewportKey(viewportWindowKeyValue) ? cachedFull : cachedWindowed;
+  }
+  function preferredCachedGraph() {
+    return cachedFull?.graph ?? cachedWindowed?.graph ?? null;
+  }
+  function clearAllSlots() {
+    cachedFull = null;
+    cachedWindowed = null;
+  }
+  function clearWindowedSlot() {
+    cachedWindowed = null;
+  }
+  function evictStaleSiblingSlot(freshKey) {
+    const sibling = isFullViewportKey(freshKey.viewportWindowKey) ? cachedWindowed : cachedFull;
+    if (sibling === null) return;
+    if (sibling.key.content === freshKey.content && sibling.key.styles === freshKey.styles && sibling.key.subParts === freshKey.subParts) {
+      return;
+    }
+    if (isFullViewportKey(freshKey.viewportWindowKey)) {
+      cachedWindowed = null;
+    } else {
+      cachedFull = null;
+    }
+  }
+  function commitSlot(slot) {
+    if (isFullViewportKey(slot.key.viewportWindowKey)) {
+      cachedFull = slot;
+    } else {
+      cachedWindowed = slot;
+    }
+    evictStaleSiblingSlot(slot.key);
+  }
   let pendingInvalidation = null;
   function emit(event) {
     for (const listener of listeners) {
@@ -8462,27 +8496,31 @@ function createLayoutEngine(options = {}) {
       subParts: document2.subParts,
       anchors: layoutInputs.anchors
     });
+    const priorGraphForMaterialization = preferredCachedGraph();
     const graph = applyViewportWindowMaterialization(
       measuredGraph,
       viewportWindow,
-      cachedGraph
+      priorGraphForMaterialization
     );
-    const dirtyFamilies = computeFieldDirtiness(cachedGraph, graph);
+    const priorGraphForFieldDirtiness = preferredCachedGraph();
+    const dirtyFamilies = computeFieldDirtiness(priorGraphForFieldDirtiness, graph);
     for (const family of dirtyFamilies) {
       dirtyFieldFamilies.add(family);
     }
     const formatting = buildResolvedFormattingState(document2, mainSurface);
     const currentPageCount = graph.contentPageCount;
     const pageCountDelta = currentPageCount !== previousPageCount ? { previous: previousPageCount, current: currentPageCount } : void 0;
-    cachedKey = {
-      content: document2.content,
-      styles: document2.styles,
-      subParts: document2.subParts,
-      viewportWindowKey: viewportWindowKey(viewportWindow)
-    };
-    cachedGraph = graph;
-    cachedFormatting = formatting;
-    cachedMapper = createPageFragmentMapper(graph);
+    commitSlot({
+      key: {
+        content: document2.content,
+        styles: document2.styles,
+        subParts: document2.subParts,
+        viewportWindowKey: viewportWindowKey(viewportWindow)
+      },
+      graph,
+      formatting,
+      mapper: createPageFragmentMapper(graph)
+    });
     if (pageCountDelta) {
       emit({
         kind: "page_count_changed",
@@ -8523,7 +8561,7 @@ function createLayoutEngine(options = {}) {
     return graph;
   }
   function incrementalRelayout(input, pending) {
-    const priorGraph = cachedGraph;
+    const priorGraph = cachedFull?.graph ?? null;
     const range = pending.result.dirtyPageRange;
     if (!priorGraph || !range) return null;
     const telemetryOn = telemetryBus?.isEnabled("layout") ?? false;
@@ -8616,6 +8654,22 @@ function createLayoutEngine(options = {}) {
       deriveDocumentPageSnapshots(splicedGraph)
     );
     const pageCountDelta = currentPageCount !== previousPageCount ? { previous: previousPageCount, current: currentPageCount } : void 0;
+    const priorMapper = cachedFull?.mapper ?? null;
+    commitSlot({
+      key: {
+        content: document2.content,
+        styles: document2.styles,
+        subParts: document2.subParts,
+        viewportWindowKey: FULL_VIEWPORT_WINDOW_KEY
+      },
+      graph: splicedGraph,
+      formatting,
+      mapper: rebuildMapper(
+        priorMapper ?? createPageFragmentMapper(splicedGraph),
+        splicedGraph,
+        firstDirty
+      )
+    });
     if (pageCountDelta) {
       emit({
         kind: "page_count_changed",
@@ -8645,19 +8699,6 @@ function createLayoutEngine(options = {}) {
       ...dirtyFamilies.length > 0 ? { dirtyFieldFamilies: dirtyFamilies } : {},
       ...pageCountDelta ? { pageCountDelta } : {}
     });
-    cachedKey = {
-      content: document2.content,
-      styles: document2.styles,
-      subParts: document2.subParts,
-      viewportWindowKey: FULL_VIEWPORT_WINDOW_KEY
-    };
-    cachedGraph = splicedGraph;
-    cachedFormatting = formatting;
-    cachedMapper = rebuildMapper(
-      cachedMapper ?? createPageFragmentMapper(splicedGraph),
-      splicedGraph,
-      firstDirty
-    );
     if (telemetryOn) {
       emitRecomputeCompleted(
         "bounded",
@@ -8674,13 +8715,14 @@ function createLayoutEngine(options = {}) {
     const document2 = input.document;
     const normalizedWindow = normalizeViewportPageWindow(input.viewportPageWindow);
     const currentViewportWindowKey = viewportWindowKey(normalizedWindow);
-    const keyEqual = cachedGraph !== null && cachedKey !== null && cachedKey.content === document2.content && cachedKey.styles === document2.styles && cachedKey.subParts === document2.subParts && cachedKey.viewportWindowKey === currentViewportWindowKey;
+    const slot = getCachedSlot(currentViewportWindowKey);
+    const keyEqual = slot !== null && slot.key.content === document2.content && slot.key.styles === document2.styles && slot.key.subParts === document2.subParts && slot.key.viewportWindowKey === currentViewportWindowKey;
     if (keyEqual && pendingInvalidation === null) {
-      return cachedGraph;
+      return slot.graph;
     }
     const pending = pendingInvalidation;
     pendingInvalidation = null;
-    if (pending !== null && pending.result.scope === "bounded" && cachedGraph !== null && normalizedWindow === void 0) {
+    if (pending !== null && pending.result.scope === "bounded" && cachedFull !== null && normalizedWindow === void 0) {
       const spliced = incrementalRelayout(input, pending);
       if (spliced !== null) {
         return spliced;
@@ -8689,16 +8731,39 @@ function createLayoutEngine(options = {}) {
     }
     return fullRebuild(input, pending?.reason);
   }
+  function ensureSlotMapperAndFormatting(slot, document2) {
+    if (slot.mapper === null) {
+      slot.mapper = createPageFragmentMapper(slot.graph);
+    }
+    if (slot.formatting === null) {
+      const mainSurface = createEditorSurfaceSnapshot(
+        document2,
+        createSelectionSnapshot(0, 0),
+        MAIN_STORY_TARGET
+      );
+      slot.formatting = buildResolvedFormattingState(document2, mainSurface);
+    }
+  }
   function getMapper(input) {
     getGraphInternal(input);
-    return cachedMapper;
+    const currentViewportWindowKey = viewportWindowKey(
+      normalizeViewportPageWindow(input.viewportPageWindow)
+    );
+    const slot = getCachedSlot(currentViewportWindowKey);
+    ensureSlotMapperAndFormatting(slot, input.document);
+    return slot.mapper;
   }
   function getFormatting(input) {
     getGraphInternal(input);
-    return cachedFormatting;
+    const currentViewportWindowKey = viewportWindowKey(
+      normalizeViewportPageWindow(input.viewportPageWindow)
+    );
+    const slot = getCachedSlot(currentViewportWindowKey);
+    ensureSlotMapperAndFormatting(slot, input.document);
+    return slot.formatting;
   }
   if (autoUpgradeToCanvas && options.measurementProvider === void 0 && typeof document !== "undefined" && typeof HTMLCanvasElement !== "undefined") {
-    const readCachedRevision = () => cachedGraph?.revision ?? 0;
+    const readCachedRevision = () => preferredCachedGraph()?.revision ?? 0;
     void (async () => {
       try {
         const mod = await import("./measurement-backend-canvas-F7ZYDACK.js");
@@ -8708,10 +8773,7 @@ function createLayoutEngine(options = {}) {
           options.measurementCache,
           telemetryBus
         );
-        cachedKey = null;
-        cachedGraph = null;
-        cachedFormatting = null;
-        cachedMapper = null;
+        clearAllSlots();
         emit({
           kind: "measurement_backend_ready",
           revision: readCachedRevision(),
@@ -8755,22 +8817,19 @@ function createLayoutEngine(options = {}) {
       return getMapper(input);
     },
     invalidate(reason) {
-      const result = analyzeInvalidation(reason, cachedGraph);
+      const result = analyzeInvalidation(reason, preferredCachedGraph());
       for (const family of result.dirtyFieldFamilies) {
         dirtyFieldFamilies.add(family);
       }
       if (result.scope === "bounded") {
         pendingInvalidation = { reason, result };
       } else {
-        cachedKey = null;
-        cachedGraph = null;
-        cachedFormatting = null;
-        cachedMapper = null;
+        clearAllSlots();
         pendingInvalidation = { reason, result };
       }
     },
     analyzeInvalidation(reason) {
-      return analyzeInvalidation(reason, cachedGraph);
+      return analyzeInvalidation(reason, preferredCachedGraph());
     },
     getDirtyFieldFamilies() {
       return Array.from(dirtyFieldFamilies);
@@ -8798,14 +8857,11 @@ function createLayoutEngine(options = {}) {
         telemetryBus
       );
       if (previousFidelity !== provider.fidelity) {
-        cachedKey = null;
-        cachedGraph = null;
-        cachedFormatting = null;
-        cachedMapper = null;
+        clearAllSlots();
       }
       emit({
         kind: "measurement_backend_ready",
-        revision: cachedGraph?.revision ?? 0,
+        revision: preferredCachedGraph()?.revision ?? 0,
         fidelity: provider.fidelity
       });
     },
@@ -8820,30 +8876,33 @@ function createLayoutEngine(options = {}) {
      */
     invalidateMeasurementCache() {
       measurementProvider.invalidateCache();
-      cachedKey = null;
-      cachedGraph = null;
-      cachedFormatting = null;
-      cachedMapper = null;
+      clearAllSlots();
     },
     getMeasurementCacheStats() {
       if (!isCachedLayoutMeasurementProvider(measurementProvider)) return null;
       return measurementProvider.measurementCacheStats();
     },
     /**
-     * L7 Phase 2.5 — seed the cached graph from a prerender envelope.
-     * Populates both `cachedGraph` and `cachedKey` (keyed on the provided
-     * document's identity-equal slots) so the next getPageGraph query
-     * returns the seeded graph directly. Any subsequent mutation
-     * invalidates normally through the existing path.
+     * L7 Phase 2.5 — seed the full-slot cached graph from a prerender
+     * envelope. Populates the full slot (graph + key, with formatting and
+     * mapper computed lazily on first read) so the next viewport-
+     * independent `getPageGraph` query returns the seeded graph directly.
+     * Any subsequent mutation invalidates normally through the existing
+     * path; sibling eviction in `commitSlot` clears `cachedWindowed` if
+     * it carried a different document tuple.
      */
     seedCachedGraph(graph, document2) {
-      cachedGraph = graph;
-      cachedKey = {
-        content: document2.content,
-        styles: document2.styles,
-        subParts: document2.subParts,
-        viewportWindowKey: FULL_VIEWPORT_WINDOW_KEY
-      };
+      commitSlot({
+        key: {
+          content: document2.content,
+          styles: document2.styles,
+          subParts: document2.subParts,
+          viewportWindowKey: FULL_VIEWPORT_WINDOW_KEY
+        },
+        graph,
+        formatting: null,
+        mapper: null
+      });
       previousPageCount = graph.contentPageCount;
     }
   };

package/dist/{chunk-JVTDBX67.js → chunk-EFEW7BTT.js}

@@ -8,7 +8,7 @@ import {
   getRevisionActionability,
   normalizeParsedTextDocument,
   normalizeParsedTextDocumentAsync
-} from "./chunk-4HGFJ6Z2.js";
+} from "./chunk-PZIEOEJZ.js";
 import {
   OLE_RELATIONSHIP_TYPES,
   buildFieldRegistry,
@@ -59,7 +59,7 @@ import {
   resolveHighlightColor,
   setActiveParseTelemetryBus,
   toCanonicalNumberingInstanceId
-} from "./chunk-RBWJHRNP.js";
+} from "./chunk-T66OS7MN.js";
 import {
   createPersistedSourcePackage,
   decodeBytesBase64,

package/dist/{chunk-UFPBYJMA.js → chunk-INLRCC4N.js}

@@ -1,10 +1,10 @@
 import {
   TextTransactionError
-} from "./chunk-N5FTU4HZ.js";
+} from "./chunk-MQ5GAJ54.js";
 import {
   replaceParagraphScope,
   resolveParagraphScope
-} from "./chunk-C5LXKR54.js";
+} from "./chunk-QTRJLKR2.js";
 import {
   cloneParagraphProperties,
   cloneStoryUnit,

package/dist/{chunk-6736GA6J.js → chunk-KL4TZSZV.js}

@@ -8,7 +8,7 @@ import {
   getRevisionRangeState,
   selectionTouchesRange,
   shouldHideInCleanMode
-} from "./chunk-QUTVR72L.js";
+} from "./chunk-S3PEKX6H.js";
 
 // src/ui-tailwind/editor-surface/tw-editor-surface.tsx
 import { useMemo } from "react";

package/dist/{chunk-N5FTU4HZ.js → chunk-MQ5GAJ54.js}

@@ -10,7 +10,7 @@ import {
 import {
   NO_EDITABLE_TARGETS_INDEX,
   createEditorSurfaceSnapshot
-} from "./chunk-U3UMKA7B.js";
+} from "./chunk-XBQFDBXE.js";
 import {
   createSelectionSnapshot
 } from "./chunk-OYGMRRR7.js";
@@ -24,7 +24,38 @@ var TextTransactionError = class extends Error {
     this.code = code;
   }
 };
+function isUsableScopeSurface(surface, document) {
+  if (surface.viewportBlockRanges !== null) return false;
+  const root = document.content;
+  if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
+    return false;
+  }
+  return surface.blocks.length === root.children.length;
+}
+function createScopeSurfaceCache(document, selection, precomputedSurface, telemetry) {
+  let cached;
+  if (precomputedSurface && isUsableScopeSurface(precomputedSurface, document)) {
+    cached = precomputedSurface;
+    telemetry?.onPrecomputedSurfaceHit?.();
+  }
+  return {
+    get() {
+      if (cached) return cached;
+      telemetry?.onScopeSurfaceBuild?.();
+      cached = createEditorSurfaceSnapshot(document, selection, void 0, {
+        editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
+      });
+      return cached;
+    }
+  };
+}
 function applyTextTransaction(document, selection, intent, options) {
+  const scopeSurfaceCache = createScopeSurfaceCache(
+    document,
+    selection,
+    options.precomputedSurface,
+    options.surfaceTelemetry
+  );
   if (options.textTarget) {
     if (options.textTarget.kind === "hyperlink-display") {
       const targetedHyperlinkResult = tryApplyHyperlinkDisplayTransaction(
@@ -60,7 +91,8 @@ function applyTextTransaction(document, selection, intent, options) {
       document,
       selection,
       intent,
-      options
+      options,
+      scopeSurfaceCache
     );
     if (targetedTableResult) {
       return targetedTableResult;
@@ -74,7 +106,8 @@ function applyTextTransaction(document, selection, intent, options) {
     const tableStructureRefusal = resolveTargetlessTableStructureInsertRefusal(
       document,
       selection,
-      intent
+      intent,
+      scopeSurfaceCache
     );
     if (tableStructureRefusal) {
       throw new TextTransactionError("unsupported_content", tableStructureRefusal);
@@ -84,7 +117,8 @@ function applyTextTransaction(document, selection, intent, options) {
     document,
     selection,
     intent,
-    options
+    options,
+    scopeSurfaceCache
   );
   if (topLevelParagraphResult) {
     return topLevelParagraphResult;
@@ -93,7 +127,8 @@ function applyTextTransaction(document, selection, intent, options) {
     document,
     selection,
     intent,
-    options
+    options,
+    scopeSurfaceCache
   );
   if (sdtScopedResult) {
     return sdtScopedResult;
@@ -102,7 +137,8 @@ function applyTextTransaction(document, selection, intent, options) {
     document,
     selection,
     intent,
-    options
+    options,
+    scopeSurfaceCache
   );
   if (tableScopedResult) {
     return tableScopedResult;
@@ -155,9 +191,9 @@ function applyLinearTextTransaction(document, selection, intent, options) {
     storyText: createPlainText(nextStory)
   };
 }
-function tryApplyTableParagraphTransaction(document, selection, intent, options) {
+function tryApplyTableParagraphTransaction(document, selection, intent, options, scopeSurfaceCache) {
   const tableTarget = options.textTarget?.kind === "table-paragraph" ? options.textTarget : void 0;
-  const scope = resolveTableParagraphScope(document, selection, tableTarget);
+  const scope = resolveTableParagraphScope(document, selection, tableTarget, scopeSurfaceCache);
   if (!scope) {
     return null;
   }
@@ -280,7 +316,11 @@ function tryApplyTargetedTextLeafTransaction(document, selection, intent, option
   };
 }
 function tryApplyHyperlinkDisplayTransaction(document, selection, intent, options) {
-  const scope = resolveTargetedHyperlinkDisplayScope(document, selection, options.textTarget);
+  const scope = resolveTargetedHyperlinkDisplayScope(
+    document,
+    selection,
+    options.textTarget
+  );
   if (!scope) {
     return null;
   }
@@ -338,8 +378,8 @@ function tryApplyHyperlinkDisplayTransaction(document, selection, intent, option
     storyText: localResult.storyText
   };
 }
-function tryApplyTopLevelSdtParagraphTransaction(document, selection, intent, options) {
-  const scope = resolveTopLevelSdtParagraphScope(document, selection);
+function tryApplyTopLevelSdtParagraphTransaction(document, selection, intent, options, scopeSurfaceCache) {
+  const scope = resolveTopLevelSdtParagraphScope(document, selection, scopeSurfaceCache);
   if (!scope) {
     return null;
   }
@@ -391,8 +431,8 @@ function tryApplyTopLevelSdtParagraphTransaction(document, selection, intent, op
     storyText: localResult.storyText
   };
 }
-function tryApplyTopLevelParagraphTransaction(document, selection, intent, options) {
-  const scope = resolveTopLevelParagraphScope(document, selection);
+function tryApplyTopLevelParagraphTransaction(document, selection, intent, options, scopeSurfaceCache) {
+  const scope = resolveTopLevelParagraphScope(document, selection, scopeSurfaceCache);
   if (!scope) {
     return null;
   }
@@ -502,17 +542,15 @@ function resolveTargetedHyperlinkDisplayScope(document, selection, target) {
     replace: resolved.replace
   };
 }
-function resolveTableParagraphScope(document, selection, target) {
+function resolveTableParagraphScope(document, selection, target, scopeSurfaceCache) {
   if (target) {
-    return resolveTargetedTableParagraphScope(document, selection, target);
+    return resolveTargetedTableParagraphScope(document, selection, target, scopeSurfaceCache);
   }
   const root = document.content;
   if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
     return null;
   }
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   const selectionFrom = Math.min(selection.anchor, selection.head);
   const selectionTo = Math.max(selection.anchor, selection.head);
   for (let blockIndex = 0; blockIndex < root.children.length; blockIndex += 1) {
@@ -617,7 +655,7 @@ function resolveTableParagraphScope(document, selection, target) {
   }
   return null;
 }
-function resolveTargetlessTableStructureInsertRefusal(document, selection, intent) {
+function resolveTargetlessTableStructureInsertRefusal(document, selection, intent, scopeSurfaceCache) {
   if (!isCollapsedInsertIntent(intent, selection)) {
     return null;
   }
@@ -625,9 +663,7 @@ function resolveTargetlessTableStructureInsertRefusal(document, selection, inten
   if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
     return null;
   }
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   if (!selectionTouchesTableStructureBoundary(surface.blocks, selection.anchor)) {
     return null;
   }
@@ -641,7 +677,7 @@ function isCollapsedInsertIntent(intent, selection) {
   const rangeTo = intent.range ? Math.max(intent.range.from, intent.range.to) : Math.max(selection.anchor, selection.head);
   return rangeFrom === rangeTo;
 }
-function resolveTargetedTableParagraphScope(document, selection, target) {
+function resolveTargetedTableParagraphScope(document, selection, target, scopeSurfaceCache) {
   const root = document.content;
   if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
     return null;
@@ -654,7 +690,8 @@ function resolveTargetedTableParagraphScope(document, selection, target) {
       root,
       document,
       selection,
-      target
+      target,
+      scopeSurfaceCache
     );
     if (targetScope) {
       return targetScope;
@@ -677,9 +714,7 @@ function resolveTargetedTableParagraphScope(document, selection, target) {
   if (cell.verticalMerge === "continue") {
     return "unsupported";
   }
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   const surfaceBlock = surface.blocks[target.tableBlockIndex];
   const surfaceRow = surfaceBlock?.kind === "table" ? surfaceBlock.rows[target.rowIndex] : void 0;
   const surfaceCell = surfaceRow?.cells[target.cellIndex];
@@ -743,16 +778,14 @@ function resolveTargetedTableParagraphScope(document, selection, target) {
     }
   };
 }
-function resolveTargetedTableParagraphScopeByPath(root, document, selection, target) {
+function resolveTargetedTableParagraphScopeByPath(root, document, selection, target, scopeSurfaceCache) {
   if (!target.blockPath) return null;
   const tokens = parseCanonicalBlockPath(target.blockPath);
   if (!tokens) return null;
   const resolved = resolveBlockPathInCanonicalBlocks(root.children, tokens, 0);
   if (!resolved || resolved.block.type !== "paragraph") return null;
   if (resolved.hasVerticalMergeContinuation) return null;
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   const surfaceResolved = resolveBlockPathInSurfaceBlocks(surface.blocks, tokens, 0);
   if (!surfaceResolved || surfaceResolved.kind !== "paragraph") return null;
   if (surfaceResolved.hasVerticalMergeContinuation) return null;
@@ -1207,14 +1240,12 @@ function resolveBlockPathInSurfaceBlocks(blocks, tokens, tokenIndex, hasVertical
     hasVerticalMergeContinuation || cell.verticalMerge === "continue"
   );
 }
-function resolveTopLevelParagraphScope(document, selection) {
+function resolveTopLevelParagraphScope(document, selection, scopeSurfaceCache) {
   const root = document.content;
   if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
     return null;
   }
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   const selectionFrom = Math.min(selection.anchor, selection.head);
   const selectionTo = Math.max(selection.anchor, selection.head);
   for (let blockIndex = 0; blockIndex < root.children.length; blockIndex += 1) {
@@ -1243,14 +1274,12 @@ function resolveTopLevelParagraphScope(document, selection) {
   }
   return null;
 }
-function resolveTopLevelSdtParagraphScope(document, selection) {
+function resolveTopLevelSdtParagraphScope(document, selection, scopeSurfaceCache) {
   const root = document.content;
   if (!root || root.type !== "doc" || !Array.isArray(root.children)) {
     return null;
   }
-  const surface = createEditorSurfaceSnapshot(document, selection, void 0, {
-    editableTargetsByBlockPath: NO_EDITABLE_TARGETS_INDEX
-  });
+  const surface = scopeSurfaceCache.get();
   const selectionFrom = Math.min(selection.anchor, selection.head);
   const selectionTo = Math.max(selection.anchor, selection.head);
   for (let blockIndex = 0; blockIndex < root.children.length; blockIndex += 1) {