@beyondwork/docx-react-component 1.0.129 → 1.0.130

package/dist/ui-tailwind.cjs

@@ -31,6 +31,43 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/runtime/layout/resolved-formatting-state.ts
+function createLayoutReadyFormattingSnapshot(formatting, runs = /* @__PURE__ */ new Map()) {
+  const snapshot = {
+    version: 1,
+    paragraph: {
+      spacingBefore: formatting.spacingBefore,
+      spacingAfter: formatting.spacingAfter,
+      lineHeight: formatting.lineHeight,
+      lineRule: formatting.lineRule,
+      indentLeft: formatting.indentLeft,
+      indentRight: formatting.indentRight,
+      firstLineIndent: formatting.firstLineIndent,
+      hangingIndent: formatting.hangingIndent,
+      fontSizeHalfPoints: formatting.fontSizeHalfPoints,
+      averageCharWidthTwips: formatting.averageCharWidthTwips,
+      tabStops: formatting.tabStops.map((tab) => ({ ...tab })),
+      defaultTabInterval: formatting.defaultTabInterval,
+      keepNext: formatting.keepNext,
+      keepLines: formatting.keepLines,
+      pageBreakBefore: formatting.pageBreakBefore,
+      widowControl: formatting.widowControl,
+      contextualSpacing: formatting.contextualSpacing,
+      ...formatting.numberingMarkerBox ? { numberingMarkerBox: { ...formatting.numberingMarkerBox } } : {}
+    },
+    runs: Array.from(runs.entries()).map(([runId, run]) => ({
+      runId,
+      ...run.fontFamily ? { fontFamily: run.fontFamily } : {},
+      ...typeof run.fontSizeHalfPoints === "number" ? { fontSizeHalfPoints: run.fontSizeHalfPoints } : {},
+      bold: Boolean(run.bold),
+      italic: Boolean(run.italic),
+      verticalAlign: run.verticalAlign ?? "baseline"
+    })).sort((a, b) => a.runId.localeCompare(b.runId))
+  };
+  return {
+    ...snapshot,
+    hash: hashStable(snapshot)
+  };
+}
 function resolveBlockFormatting(block, defaultTabInterval = 720, themeFonts) {
   if (block.kind !== "paragraph") {
     return null;
@@ -273,6 +310,29 @@ function buildRunFormattingMap(block) {
   }
   return runs;
 }
+function hashStable(value) {
+  return fnv1a(stableStringify(value)).toString(36);
+}
+function stableStringify(value) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value);
+  if (Array.isArray(value)) {
+    return `[${value.map((item) => stableStringify(item)).join(",")}]`;
+  }
+  if (value instanceof Map) {
+    return stableStringify(Array.from(value.entries()));
+  }
+  const object = value;
+  const keys = Object.keys(object).filter((key) => object[key] !== void 0 && typeof object[key] !== "function").sort();
+  return `{${keys.map((key) => `${JSON.stringify(key)}:${stableStringify(object[key])}`).join(",")}}`;
+}
+function fnv1a(input) {
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i += 1) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
 var FONT_AVG_CHAR_WIDTH, DEFAULT_FONT_AVG_CHAR_WIDTH, DEFAULT_FONT_SIZE_HALF_POINTS, DEFAULT_LINE_HEIGHT_FACTOR, TWIPS_PER_POINT;
 var init_resolved_formatting_state = __esm({
   "src/runtime/layout/resolved-formatting-state.ts"() {
@@ -7348,6 +7408,7 @@ function collectCanonicalLayoutInputs(doc) {
   const blockContexts = collectStoryBlockContexts(doc);
   return {
     stories: collectCanonicalStoryIdentities(doc),
+    layoutIdentities: collectLayoutInputIdentities(doc, blockContexts),
     fieldRegions: collectCanonicalFieldRegionIdentities(doc),
     numbering: collectCanonicalNumberingLayoutInputs(doc, blockContexts),
     tables: collectCanonicalTableLayoutInputs(blockContexts),
@@ -7356,6 +7417,116 @@ function collectCanonicalLayoutInputs(doc) {
     editableTargets: collectEditableTargetRefs(doc)
   };
 }
+function collectLayoutInputIdentities(doc, contexts = collectStoryBlockContexts(doc)) {
+  const identities = [];
+  const editableTargets = collectEditableTargetRefs(doc);
+  const editableByStoryBlock = new Map(
+    editableTargets.map((target) => [`${target.storyKey}:${target.blockPath}`, target])
+  );
+  for (const context of contexts) {
+    walkBlocks(context.blocks, context.storyKey, context.basePath, {
+      paragraph(paragraph, blockPath) {
+        const styleNumbering = paragraph.numbering === void 0 && paragraph.styleId !== void 0 ? resolveParagraphStyleNumbering(doc, paragraph.styleId) : void 0;
+        const numbering = paragraph.numbering ?? styleNumbering;
+        const editableTargetRef = editableByStoryBlock.get(`${context.storyKey}:${blockPath}`);
+        identities.push(
+          createLayoutInputIdentity({
+            storyKey: context.storyKey,
+            blockPath,
+            block: paragraph,
+            ...editableTargetRef !== void 0 ? { editableTargetRef } : {},
+            ...numbering !== void 0 ? {
+              list: {
+                numberingInstanceId: numbering.numberingInstanceId,
+                level: numbering.level ?? 0,
+                ...paragraph.numbering?.sourceRef !== void 0 ? { markerSourceRef: paragraph.numbering.sourceRef } : {}
+              }
+            } : {}
+          })
+        );
+      },
+      table(table, blockPath) {
+        identities.push(
+          createLayoutInputIdentity({
+            storyKey: context.storyKey,
+            blockPath,
+            block: table,
+            table: { tableBlockPath: blockPath }
+          })
+        );
+      },
+      inline(inline, blockPath, inlinePath) {
+        const objectId = objectIdForInline(inline);
+        if (!objectId) return;
+        const sourceRef = sourceRefForInline(inline);
+        identities.push({
+          storyKey: context.storyKey,
+          blockPath,
+          blockId: `${context.storyKey}:${inlinePath}`,
+          ...sourceRef !== void 0 ? { sourceRef } : {},
+          object: {
+            objectId,
+            ...sourceRef !== void 0 ? { anchorSourceRef: sourceRef } : {}
+          }
+        });
+      }
+    });
+  }
+  return identities;
+}
+function createLayoutInputIdentity(input) {
+  const sourceRef = sourceRefForBlock(input.block);
+  const blockId = input.block.type === "paragraph" && input.block.wordExtensionIds?.paraId ? `para:${input.block.wordExtensionIds.paraId}` : sourceRef?.sourceId !== void 0 ? `source:${sourceRef.sourceId}` : `${input.storyKey}:${input.blockPath}`;
+  return {
+    storyKey: input.storyKey,
+    blockPath: input.blockPath,
+    blockId,
+    ...sourceRef !== void 0 ? { sourceRef } : {},
+    ...input.editableTargetRef !== void 0 ? { editableTargetRef: input.editableTargetRef } : {},
+    ...input.table !== void 0 ? { table: input.table } : {},
+    ...input.list !== void 0 ? { list: input.list } : {}
+  };
+}
+function sourceRefForBlock(block) {
+  return "sourceRef" in block ? block.sourceRef : void 0;
+}
+function sourceRefForInline(inline) {
+  return "sourceRef" in inline ? inline.sourceRef : void 0;
+}
+function objectIdForInline(inline) {
+  switch (inline.type) {
+    case "image":
+      return inline.mediaId;
+    case "drawing_frame":
+      return objectIdForDrawingContent(inline.content) ?? inline.sourceRef?.sourceId;
+    case "shape":
+    case "vml_shape":
+    case "wordart":
+      return inline.preserveOnlyObject?.sourceId ?? `raw:${sha256TextHex(inline.rawXml).slice(0, 16)}`;
+    case "chart_preview":
+    case "smartart_preview":
+      return inline.previewMediaId ?? `raw:${sha256TextHex(inline.rawXml).slice(0, 16)}`;
+    case "ole_embed":
+      return inline.relationshipId ?? inline.id ?? inline.sourceRef?.sourceId;
+    case "opaque_inline":
+      return inline.fragmentId;
+    default:
+      return void 0;
+  }
+}
+function objectIdForDrawingContent(content) {
+  switch (content.type) {
+    case "picture":
+      return content.mediaId ?? content.packagePartName ?? content.blipRef;
+    case "chart_preview":
+    case "smartart_preview":
+      return content.previewMediaId ?? `raw:${sha256TextHex(content.rawXml).slice(0, 16)}`;
+    case "shape":
+      return content.preserveOnlyObject?.sourceId ?? `raw:${sha256TextHex(content.rawXml).slice(0, 16)}`;
+    case "opaque":
+      return content.preserveOnlyObject?.sourceId ?? `raw:${sha256TextHex(content.rawXml).slice(0, 16)}`;
+  }
+}
 function collectEditableTargetRefs(doc, cache) {
   const targets = [];
   for (const context of collectStoryBlockContexts(doc)) {
@@ -8925,6 +9096,16 @@ function collectCanonicalNumberingLayoutInputs(doc, contexts = collectStoryBlock
         const instance = doc.numbering.instances[numbering.numberingInstanceId];
         const abstractDefinition = instance?.abstractNumberingId === void 0 ? void 0 : doc.numbering.abstractDefinitions[instance.abstractNumberingId];
         inputs.push({
+          identity: createLayoutInputIdentity({
+            storyKey: context.storyKey,
+            blockPath,
+            block: paragraph,
+            list: {
+              numberingInstanceId: numbering.numberingInstanceId,
+              level: numbering.level ?? 0,
+              ...paragraph.numbering?.sourceRef !== void 0 ? { markerSourceRef: paragraph.numbering.sourceRef } : {}
+            }
+          }),
           numberingKey: `${context.storyKey}:${blockPath}:numbering`,
           storyKey: context.storyKey,
           blockPath,
@@ -9226,6 +9407,12 @@ function projectTableLayoutInput(table, storyKey, blockPath) {
     (row, rowIndex) => projectTableRowLayoutInput(row, tableKey, rowIndex)
   );
   return {
+    identity: createLayoutInputIdentity({
+      storyKey,
+      blockPath,
+      block: table,
+      table: { tableBlockPath: blockPath }
+    }),
     tableKey,
     storyKey,
     blockPath,
@@ -9313,6 +9500,16 @@ function projectDrawingFrameAnchor(node, storyKey, blockPath, inlinePath) {
   const objectKey = `${storyKey}:${inlinePath}`;
   const textBoxBody = projectTextBoxBodyLayoutInput(content, objectKey, sourceRef, `${inlinePath}/txbx`);
   return {
+    identity: {
+      storyKey,
+      blockPath,
+      blockId: objectKey,
+      ...sourceRef !== void 0 ? { sourceRef } : {},
+      object: {
+        objectId: objectKey,
+        ...sourceRef !== void 0 ? { anchorSourceRef: sourceRef } : {}
+      }
+    },
     objectKey,
     storyKey,
     blockPath,
@@ -9434,8 +9631,19 @@ function projectTextBoxRunLayoutInput(inline, paragraphKey, inlineIndex) {
 }
 function projectLegacyImageAnchor(doc, node, storyKey, blockPath, inlinePath) {
   const media = doc.media.items[node.mediaId];
+  const objectKey = `${storyKey}:${inlinePath}`;
   return {
-    objectKey: `${storyKey}:${inlinePath}`,
+    identity: {
+      storyKey,
+      blockPath,
+      blockId: objectKey,
+      ...node.sourceRef !== void 0 ? { sourceRef: node.sourceRef } : {},
+      object: {
+        objectId: objectKey,
+        ...node.sourceRef !== void 0 ? { anchorSourceRef: node.sourceRef } : {}
+      }
+    },
+    objectKey,
     storyKey,
     blockPath,
     inlinePath,
@@ -11665,7 +11873,7 @@ function buildEffectiveLayoutFormatting(input) {
   };
 }
 function createStructuralHash(value) {
-  const stable = stableStringify(value);
+  const stable = stableStringify2(value);
   let hash = 2166136261;
   for (let i = 0; i < stable.length; i += 1) {
     hash ^= stable.charCodeAt(i);
@@ -11673,16 +11881,16 @@ function createStructuralHash(value) {
   }
   return `fnv1a32:${(hash >>> 0).toString(16).padStart(8, "0")}`;
 }
-function stableStringify(value) {
+function stableStringify2(value) {
   if (value === null || typeof value !== "object") {
     return JSON.stringify(value);
   }
   if (Array.isArray(value)) {
-    return `[${value.map((entry) => stableStringify(entry)).join(",")}]`;
+    return `[${value.map((entry) => stableStringify2(entry)).join(",")}]`;
   }
   const record = value;
   const keys = Object.keys(record).filter((key) => record[key] !== void 0).sort();
-  return `{${keys.map((key) => `${JSON.stringify(key)}:${stableStringify(record[key])}`).join(",")}}`;
+  return `{${keys.map((key) => `${JSON.stringify(key)}:${stableStringify2(record[key])}`).join(",")}}`;
 }
 
 // src/runtime/formatting/formatting-context.ts
@@ -12191,6 +12399,7 @@ function createEditorSurfaceSnapshot(document2, _selection, activeStory = { kind
     ...options.authorColorPalette ? { authorColorPalette: options.authorColorPalette } : {}
   });
   const editableTargetsByBlockPath = options.editableTargetsByBlockPath ?? indexEditableTargetsByBlockPath(document2);
+  const layoutIdentitiesByBlockPath = options.layoutIdentitiesByBlockPath;
   const activeStoryBlockPathBase = getActiveStoryBlockPathBase(document2, activeStory);
   chartModelStore.beginBuildPass(document2);
   const unsupportedNumberingFormatsSeen = options.emitFormattingTelemetry ? /* @__PURE__ */ new Set() : null;
@@ -12214,6 +12423,7 @@ function createEditorSurfaceSnapshot(document2, _selection, activeStory = { kind
       activeStory.kind !== "main",
       !isInViewport,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       `${activeStoryBlockPathBase}/block[${index}]`
     );
     if (isInViewport) {
@@ -12280,7 +12490,7 @@ function isIndexInAnyRange(index, ranges) {
   }
   return false;
 }
-function createSurfaceBlock(block, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, blockPath) {
+function createSurfaceBlock(block, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, layoutIdentitiesByBlockPath, blockPath) {
   if (block.type === "opaque_block") {
     const fragment = getOpaqueFragment(document2.preservation, block.fragmentId);
     const descriptor = fragment ? describeOpaqueFragment(fragment) : null;
@@ -12317,6 +12527,7 @@ function createSurfaceBlock(block, document2, cursor, counters, formattingContex
       promoteSecondaryStoryTextBoxes,
       cullBuild,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       blockPath
     );
   }
@@ -12357,6 +12568,7 @@ function createSurfaceBlock(block, document2, cursor, counters, formattingContex
       promoteSecondaryStoryTextBoxes,
       cullBuild,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       blockPath
     );
   }
@@ -12439,10 +12651,11 @@ function createSurfaceBlock(block, document2, cursor, counters, formattingContex
     cullBuild,
     editableTargetsByBlockPath,
     blockPath,
-    blockPath !== void 0 ? editableTargetsByBlockPath.get(blockPath) : void 0
+    blockPath !== void 0 ? editableTargetsByBlockPath.get(blockPath) : void 0,
+    blockPath !== void 0 ? layoutIdentitiesByBlockPath?.get(blockPath) : void 0
   );
 }
-function createTableBlock(tableIndex, table, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, tablePath) {
+function createTableBlock(tableIndex, table, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, layoutIdentitiesByBlockPath, tablePath) {
   const lockedFragmentIds = [];
   let innerCursor = cursor;
   if (cullBuild) {
@@ -12459,6 +12672,7 @@ function createTableBlock(tableIndex, table, document2, cursor, counters, format
             promoteSecondaryStoryTextBoxes,
             true,
             editableTargetsByBlockPath,
+            layoutIdentitiesByBlockPath,
             tablePath !== void 0 ? `${tablePath}/row[${rowIndex}]/cell[${cellIndex}]/block[${childIndex}]` : void 0
           );
           lockedFragmentIds.push(...result.lockedFragmentIds);
@@ -12474,6 +12688,7 @@ function createTableBlock(tableIndex, table, document2, cursor, counters, format
         to: innerCursor,
         styleId: table.styleId,
         ...table.sourceRef !== void 0 ? { sourceRef: table.sourceRef } : {},
+        ...tablePath !== void 0 && layoutIdentitiesByBlockPath?.get(tablePath) !== void 0 ? { layoutIdentity: layoutIdentitiesByBlockPath.get(tablePath) } : {},
         gridColumns: table.gridColumns,
         rows: []
       },
@@ -12511,6 +12726,7 @@ function createTableBlock(tableIndex, table, document2, cursor, counters, format
           promoteSecondaryStoryTextBoxes,
           cullBuild,
           editableTargetsByBlockPath,
+          layoutIdentitiesByBlockPath,
           tablePath !== void 0 ? `${tablePath}/row[${rowIndex}]/cell[${cellIndex}]/block[${childIndex}]` : void 0
         );
         cellContent.push(result.block);
@@ -12599,6 +12815,7 @@ function createTableBlock(tableIndex, table, document2, cursor, counters, format
       to: innerCursor,
       styleId: table.styleId,
       ...table.sourceRef !== void 0 ? { sourceRef: table.sourceRef } : {},
+      ...tablePath !== void 0 && layoutIdentitiesByBlockPath?.get(tablePath) !== void 0 ? { layoutIdentity: layoutIdentitiesByBlockPath.get(tablePath) } : {},
       gridColumns: table.gridColumns,
       ...gridColumnsRelative ? { gridColumnsRelative } : {},
       ...resolvedTable.table?.alignment ? { alignment: resolvedTable.table.alignment } : {},
@@ -12786,7 +13003,7 @@ function resolveCellBorderStyles(borders, tableBorders, position) {
   if (left) result.borderLeft = left;
   return result;
 }
-function createSdtBlock(sdtIndex, block, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, sdtPath) {
+function createSdtBlock(sdtIndex, block, document2, cursor, counters, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, layoutIdentitiesByBlockPath, sdtPath) {
   const children = [];
   const lockedFragmentIds = [];
   let innerCursor = cursor;
@@ -12803,6 +13020,7 @@ function createSdtBlock(sdtIndex, block, document2, cursor, counters, formatting
       promoteSecondaryStoryTextBoxes,
       cullBuild,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       sdtPath !== void 0 ? `${sdtPath}/block[${childIndex}]` : void 0
     );
     children.push(result.block);
@@ -12845,7 +13063,7 @@ function getRecursableSdtBlockedReasonCode(block) {
   ].filter(Boolean).join(" ").toLowerCase();
   return searchText.includes("table of contents") || /\btoc\b/u.test(searchText) ? "workflow_preserve_only" : null;
 }
-function createParagraphBlock(paragraphIndex, paragraph, document2, start, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, blockPath, editableTarget) {
+function createParagraphBlock(paragraphIndex, paragraph, document2, start, formattingContext, promoteSecondaryStoryTextBoxes, cullBuild = false, editableTargetsByBlockPath = EMPTY_EDITABLE_TARGETS_BY_BLOCK_PATH, blockPath, editableTarget, layoutIdentity) {
   const themeResolver = formattingContext.theme;
   const effectiveNumbering = formattingContext.resolveEffectiveParagraphNumbering(paragraph);
   let resolvedNumbering = null;
@@ -12868,6 +13086,7 @@ function createParagraphBlock(paragraphIndex, paragraph, document2, start, forma
     from: start,
     to: start,
     ...editableTarget !== void 0 ? { editableTarget } : {},
+    ...layoutIdentity !== void 0 ? { layoutIdentity } : {},
     ...paragraph.styleId ? { styleId: paragraph.styleId } : {},
     ...effectiveNumbering ? { numbering: effectiveNumbering } : {},
     ...resolvedNumbering ? {
@@ -19491,12 +19710,330 @@ function createEmpiricalProvider() {
   return createEmpiricalBackend();
 }
 
+// src/runtime/layout/persistent-layout-measurement-cache.ts
+init_resolved_formatting_state();
+var DEFAULT_MAX_ENTRIES = 1e4;
+var DEFAULT_MAX_ESTIMATED_BYTES = 50 * 1024 * 1024;
+function createPersistentLayoutMeasurementCache(options = {}) {
+  const maxEntries = Math.max(1, options.maxEntries ?? DEFAULT_MAX_ENTRIES);
+  const maxEstimatedBytes = Math.max(
+    1024,
+    options.maxEstimatedBytes ?? DEFAULT_MAX_ESTIMATED_BYTES
+  );
+  const entries = /* @__PURE__ */ new Map();
+  const counters = {
+    hits: 0,
+    misses: 0,
+    sets: 0,
+    evictions: 0,
+    clears: 0,
+    estimatedBytes: 0,
+    invalidatedByReason: {}
+  };
+  function evictOldest() {
+    const oldest = entries.keys().next();
+    if (oldest.done) return;
+    const entry = entries.get(oldest.value);
+    if (entry) {
+      counters.estimatedBytes -= entry.estimatedBytes;
+    }
+    entries.delete(oldest.value);
+    counters.evictions += 1;
+  }
+  return {
+    get(key) {
+      const cacheKey = serializeCacheKey(key);
+      const entry = entries.get(cacheKey);
+      if (!entry) {
+        counters.misses += 1;
+        return void 0;
+      }
+      entries.delete(cacheKey);
+      entries.set(cacheKey, entry);
+      counters.hits += 1;
+      return entry.value;
+    },
+    set(key, value) {
+      const cacheKey = serializeCacheKey(key);
+      const previous = entries.get(cacheKey);
+      if (previous) {
+        counters.estimatedBytes -= previous.estimatedBytes;
+        entries.delete(cacheKey);
+      }
+      const estimatedBytes = estimateBytes(key, value);
+      entries.set(cacheKey, { key, value, estimatedBytes });
+      counters.estimatedBytes += estimatedBytes;
+      counters.sets += 1;
+      while (entries.size > maxEntries || counters.estimatedBytes > maxEstimatedBytes) {
+        evictOldest();
+      }
+    },
+    invalidate(reason, predicate) {
+      if (!predicate) {
+        const removed2 = entries.size;
+        counters.estimatedBytes = 0;
+        entries.clear();
+        counters.invalidatedByReason[reason] = (counters.invalidatedByReason[reason] ?? 0) + removed2;
+        return;
+      }
+      let removed = 0;
+      for (const [cacheKey, entry] of entries) {
+        if (!predicate(entry.key)) continue;
+        counters.estimatedBytes -= entry.estimatedBytes;
+        entries.delete(cacheKey);
+        removed += 1;
+      }
+      counters.invalidatedByReason[reason] = (counters.invalidatedByReason[reason] ?? 0) + removed;
+    },
+    clear(reason) {
+      const removed = entries.size;
+      counters.estimatedBytes = 0;
+      entries.clear();
+      counters.clears += 1;
+      counters.invalidatedByReason[reason] = (counters.invalidatedByReason[reason] ?? 0) + removed;
+    },
+    stats() {
+      return {
+        hits: counters.hits,
+        misses: counters.misses,
+        sets: counters.sets,
+        evictions: counters.evictions,
+        clears: counters.clears,
+        size: entries.size,
+        estimatedBytes: Math.max(0, counters.estimatedBytes),
+        invalidatedByReason: { ...counters.invalidatedByReason }
+      };
+    }
+  };
+}
+function createCachedLayoutMeasurementProvider(delegate, options = {}) {
+  const cache = options.cache ?? createPersistentLayoutMeasurementCache(options);
+  function emitCounter(type, key) {
+    const telemetryBus = options.telemetryBus;
+    if (!telemetryBus?.isEnabled("layout")) return;
+    telemetryBus.emitLazy("layout", () => ({
+      type,
+      payload: key ? {
+        measurementKind: key.measurementKind,
+        blockId: key.blockId,
+        backendVersion: key.backendVersion
+      } : void 0
+    }));
+  }
+  return {
+    get fidelity() {
+      return delegate.fidelity;
+    },
+    measurementCache: cache,
+    measurementCacheStats() {
+      return cache.stats();
+    },
+    whenReady() {
+      return delegate.whenReady();
+    },
+    measureLineFragments(input) {
+      const key = buildLineFragmentsKey(input, delegate, options);
+      const cached = cache.get(key);
+      if (cached) {
+        emitCounter("pageRender.measurement.hit", key);
+        return cloneMeasuredLineFragments(cached);
+      }
+      emitCounter("pageRender.measurement.miss", key);
+      const measured = delegate.measureLineFragments(input);
+      cache.set(key, cloneMeasuredLineFragments(measured));
+      return measured;
+    },
+    measureInlineObject(input) {
+      const key = buildInlineObjectKey(input, delegate, options);
+      const cached = cache.get(key);
+      if (cached) {
+        emitCounter("pageRender.measurement.hit", key);
+        return { ...cached };
+      }
+      emitCounter("pageRender.measurement.miss", key);
+      const measured = delegate.measureInlineObject(input);
+      cache.set(key, { ...measured });
+      return measured;
+    },
+    measureTableBlock(input) {
+      const key = buildTableBlockKey(input, delegate, options);
+      const cached = cache.get(key);
+      if (cached) {
+        emitCounter("pageRender.measurement.hit", key);
+        return cloneMeasuredTableBlock(cached);
+      }
+      emitCounter("pageRender.measurement.miss", key);
+      const measured = delegate.measureTableBlock(input);
+      cache.set(key, cloneMeasuredTableBlock(measured));
+      return measured;
+    },
+    invalidateCache() {
+      delegate.invalidateCache();
+      cache.clear("provider.invalidateCache");
+      emitCounter("pageRender.measurement.invalidated.provider.invalidateCache");
+    }
+  };
+}
+function isCachedLayoutMeasurementProvider(provider) {
+  return typeof provider.measurementCacheStats === "function";
+}
+function buildLineFragmentsKey(input, delegate, options) {
+  const block = input.block;
+  const identity = measurementIdentityForBlock(block);
+  return {
+    measurementKind: "line-fragments",
+    blockId: identity.blockId,
+    blockPath: identity.blockPath,
+    contentHash: hashStable2({
+      kind: block.kind,
+      identity: identity.identityHash,
+      segments: block.segments,
+      numbering: block.numbering,
+      numberingPrefix: block.numberingPrefix,
+      numberingSuffix: block.numberingSuffix,
+      resolvedNumbering: block.resolvedNumbering
+    }),
+    formattingHash: createLayoutReadyFormattingSnapshot(
+      input.formatting,
+      input.runs
+    ).hash,
+    constraintsHash: hashStable2({ columnWidth: input.columnWidth }),
+    sectionHash: resolveOptionValue(options.sectionHash, "section:provider-input"),
+    fontEpoch: resolveOptionValue(options.fontEpoch, "font:default"),
+    backendVersion: resolveOptionValue(options.backendVersion, delegate.fidelity),
+    displayModeHash: resolveOptionValue(options.displayModeHash, "display:default")
+  };
+}
+function buildInlineObjectKey(input, delegate, options) {
+  return {
+    measurementKind: "inline-object",
+    blockId: "inline-object",
+    blockPath: "inline-object",
+    contentHash: hashStable2({ display: input.display }),
+    formattingHash: "format:none",
+    constraintsHash: hashStable2({
+      widthTwips: input.widthTwips,
+      heightTwips: input.heightTwips
+    }),
+    sectionHash: resolveOptionValue(options.sectionHash, "section:provider-input"),
+    fontEpoch: resolveOptionValue(options.fontEpoch, "font:default"),
+    backendVersion: resolveOptionValue(options.backendVersion, delegate.fidelity),
+    displayModeHash: resolveOptionValue(options.displayModeHash, "display:default")
+  };
+}
+function buildTableBlockKey(input, delegate, options) {
+  const block = input.block;
+  const identity = measurementIdentityForBlock(block);
+  return {
+    measurementKind: "table-block",
+    blockId: identity.blockId,
+    blockPath: identity.blockPath,
+    contentHash: hashStable2({
+      kind: block.kind,
+      identity: identity.identityHash,
+      rows: block.rows,
+      gridColumns: block.gridColumns,
+      gridColumnsRelative: block.gridColumnsRelative,
+      tableResolved: block.tableResolved,
+      tblLook: block.tblLook
+    }),
+    formattingHash: hashStable2({
+      styleId: block.styleId,
+      alignment: block.alignment
+    }),
+    constraintsHash: hashStable2({ columnWidth: input.columnWidth }),
+    sectionHash: resolveOptionValue(options.sectionHash, "section:provider-input"),
+    fontEpoch: resolveOptionValue(options.fontEpoch, "font:default"),
+    backendVersion: resolveOptionValue(options.backendVersion, delegate.fidelity),
+    displayModeHash: resolveOptionValue(options.displayModeHash, "display:default")
+  };
+}
+function measurementIdentityForBlock(block) {
+  const identity = block.layoutIdentity;
+  if (!identity) {
+    return {
+      blockId: block.blockId,
+      blockPath: blockPathForBlock(block),
+      identityHash: "identity:legacy"
+    };
+  }
+  return {
+    blockId: identity.blockId,
+    blockPath: identity.blockPath,
+    identityHash: hashStable2({
+      storyKey: identity.storyKey,
+      blockId: identity.blockId,
+      blockPath: identity.blockPath,
+      sourceRef: identity.sourceRef,
+      table: identity.table,
+      list: identity.list,
+      field: identity.field,
+      object: identity.object
+    })
+  };
+}
+function blockPathForBlock(block) {
+  return `${block.from}:${block.to}`;
+}
+function resolveOptionValue(option, fallback) {
+  if (typeof option === "function") return option();
+  return option ?? fallback;
+}
+function serializeCacheKey(key) {
+  return stableStringify3(key);
+}
+function estimateBytes(key, value) {
+  return stableStringify3(key).length + stableStringify3(value).length;
+}
+function cloneMeasuredLineFragments(value) {
+  return {
+    lineCount: value.lineCount,
+    maxLineWidth: value.maxLineWidth,
+    lineHeights: [...value.lineHeights]
+  };
+}
+function cloneMeasuredTableBlock(value) {
+  return {
+    totalHeightTwips: value.totalHeightTwips,
+    rowHeights: [...value.rowHeights]
+  };
+}
+function hashStable2(value) {
+  return fnv1a2(stableStringify3(value)).toString(36);
+}
+function stableStringify3(value) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value);
+  if (Array.isArray(value)) {
+    return `[${value.map((item) => stableStringify3(item)).join(",")}]`;
+  }
+  if (value instanceof Map) {
+    return stableStringify3(Array.from(value.entries()));
+  }
+  const object = value;
+  const keys = Object.keys(object).filter((key) => object[key] !== void 0 && typeof object[key] !== "function").sort();
+  return `{${keys.map((key) => `${JSON.stringify(key)}:${stableStringify3(object[key])}`).join(",")}}`;
+}
+function fnv1a2(input) {
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i += 1) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+
 // src/runtime/layout/layout-engine-version.ts
-var LAYOUT_ENGINE_VERSION = 89;
+var LAYOUT_ENGINE_VERSION = 93;
 
 // src/runtime/layout/layout-engine-instance.ts
 var FULL_VIEWPORT_WINDOW_KEY = "full";
 var DEFAULT_VIEWPORT_PAGE_WINDOW_BUFFER = 1;
+function indexLayoutIdentitiesByBlockPath(identities) {
+  return new Map(identities.map((identity) => [identity.blockPath, identity]));
+}
+function indexEditableTargetsByBlockPath2(targets) {
+  return new Map(targets.map((target) => [target.blockPath, target]));
+}
 function normalizeViewportPageWindow(window2) {
   if (!window2) return void 0;
   const buffer = Number.isFinite(window2.bufferPages) ? Math.max(0, Math.floor(window2.bufferPages ?? 0)) : DEFAULT_VIEWPORT_PAGE_WINDOW_BUFFER;
@@ -19692,8 +20229,22 @@ function recordFullRebuildReason(reasonKind) {
   probe.invalidationCounts[totalKey] = (probe.invalidationCounts[totalKey] ?? 0) + 1;
   probe.invalidationCounts[byReasonKey] = (probe.invalidationCounts[byReasonKey] ?? 0) + 1;
 }
+function wrapMeasurementProvider(provider, measurementCache, telemetryBus) {
+  if (!measurementCache || isCachedLayoutMeasurementProvider(provider)) {
+    return provider;
+  }
+  const cacheOptions = measurementCache === true ? {} : measurementCache;
+  return createCachedLayoutMeasurementProvider(provider, {
+    ...cacheOptions,
+    ...telemetryBus ? { telemetryBus } : {}
+  });
+}
 function createLayoutEngine(options = {}) {
-  let measurementProvider = options.measurementProvider ?? createEmpiricalMeasurementProvider();
+  let measurementProvider = wrapMeasurementProvider(
+    options.measurementProvider ?? createEmpiricalMeasurementProvider(),
+    options.measurementCache,
+    options.telemetryBus
+  );
   const autoUpgradeToCanvas = options.autoUpgradeToCanvasBackend !== false;
   const telemetryBus = options.telemetryBus;
   const dirtyFieldFamilies = /* @__PURE__ */ new Set();
@@ -19793,13 +20344,20 @@ function createLayoutEngine(options = {}) {
     const pageCountBeforeRecompute = previousPageCount;
     const document2 = input.document;
     const viewportWindow = normalizeViewportPageWindow(input.viewportPageWindow);
+    const layoutInputs = collectCanonicalLayoutInputs(document2);
+    const layoutIdentitiesByBlockPath = indexLayoutIdentitiesByBlockPath(
+      layoutInputs.layoutIdentities
+    );
+    const editableTargetsByBlockPath = indexEditableTargetsByBlockPath2(
+      layoutInputs.editableTargets
+    );
     const mainSurface = createEditorSurfaceSnapshot(
       document2,
       createSelectionSnapshot(0, 0),
-      MAIN_STORY_TARGET
+      MAIN_STORY_TARGET,
+      { editableTargetsByBlockPath, layoutIdentitiesByBlockPath }
     );
     const sections = buildResolvedSections(document2);
-    const layoutInputs = collectCanonicalLayoutInputs(document2);
     const fieldRegions = layoutInputs.fieldRegions;
     const pageStack = buildPageStackWithSplits(
       document2,
@@ -19911,10 +20469,18 @@ function createLayoutEngine(options = {}) {
     const firstDirty = range.firstPageIndex;
     if (firstDirty < 0 || firstDirty >= priorGraph.pages.length) return null;
     const document2 = input.document;
+    const layoutInputs = collectCanonicalLayoutInputs(document2);
+    const layoutIdentitiesByBlockPath = indexLayoutIdentitiesByBlockPath(
+      layoutInputs.layoutIdentities
+    );
+    const editableTargetsByBlockPath = indexEditableTargetsByBlockPath2(
+      layoutInputs.editableTargets
+    );
     const mainSurface = createEditorSurfaceSnapshot(
       document2,
       createSelectionSnapshot(0, 0),
-      MAIN_STORY_TARGET
+      MAIN_STORY_TARGET,
+      { editableTargetsByBlockPath, layoutIdentitiesByBlockPath }
     );
     const sections = buildResolvedSections(document2);
     const dirtyPage = priorGraph.pages[firstDirty];
@@ -19943,7 +20509,6 @@ function createLayoutEngine(options = {}) {
     const freshSnapshotsToRebuild = freshSnapshots.slice(0, convergenceIndex);
     const convergedTailStart = convergenceIndex < freshSnapshots.length ? firstDirty + convergenceIndex : void 0;
     const freshStories = resolvePageStories(freshSnapshotsToRebuild);
-    const layoutInputs = collectCanonicalLayoutInputs(document2);
     const fieldRegions = layoutInputs.fieldRegions;
     const freshBodyFragmentsByPageIndex = projectSurfaceBlocksToPageFragments(
       mainSurface,
@@ -20075,7 +20640,11 @@ function createLayoutEngine(options = {}) {
       try {
         const mod = await Promise.resolve().then(() => (init_measurement_backend_canvas(), measurement_backend_canvas_exports));
         const canvasProvider = mod.createCanvasBackend();
-        measurementProvider = canvasProvider;
+        measurementProvider = wrapMeasurementProvider(
+          canvasProvider,
+          options.measurementCache,
+          telemetryBus
+        );
         cachedKey = null;
         cachedGraph = null;
         cachedFormatting = null;
@@ -20160,7 +20729,11 @@ function createLayoutEngine(options = {}) {
     },
     swapMeasurementProvider(provider) {
       const previousFidelity = measurementProvider.fidelity;
-      measurementProvider = provider;
+      measurementProvider = wrapMeasurementProvider(
+        provider,
+        options.measurementCache,
+        telemetryBus
+      );
       if (previousFidelity !== provider.fidelity) {
         cachedKey = null;
         cachedGraph = null;
@@ -20189,6 +20762,10 @@ function createLayoutEngine(options = {}) {
       cachedFormatting = null;
       cachedMapper = null;
     },
+    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