@beyondwork/docx-react-component 1.0.129 → 1.0.131

package/dist/runtime/document-runtime.cjs

@@ -21,6 +21,43 @@ var __copyProps = (to, from, except, desc) => {
 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;
@@ -263,6 +300,29 @@ function buildRunFormattingMap(block) {
   }
   return runs;
 }
+function hashStable(value) {
+  return fnv1a(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 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"() {
@@ -4856,6 +4916,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),
@@ -4864,6 +4925,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)) {
@@ -7012,6 +7183,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,
@@ -7313,6 +7494,12 @@ function projectTableLayoutInput(table, storyKey2, blockPath) {
     (row2, rowIndex) => projectTableRowLayoutInput(row2, tableKey, rowIndex)
   );
   return {
+    identity: createLayoutInputIdentity({
+      storyKey: storyKey2,
+      blockPath,
+      block: table,
+      table: { tableBlockPath: blockPath }
+    }),
     tableKey,
     storyKey: storyKey2,
     blockPath,
@@ -7400,6 +7587,16 @@ function projectDrawingFrameAnchor(node, storyKey2, blockPath, inlinePath) {
   const objectKey = `${storyKey2}:${inlinePath}`;
   const textBoxBody = projectTextBoxBodyLayoutInput(content, objectKey, sourceRef, `${inlinePath}/txbx`);
   return {
+    identity: {
+      storyKey: storyKey2,
+      blockPath,
+      blockId: objectKey,
+      ...sourceRef !== void 0 ? { sourceRef } : {},
+      object: {
+        objectId: objectKey,
+        ...sourceRef !== void 0 ? { anchorSourceRef: sourceRef } : {}
+      }
+    },
     objectKey,
     storyKey: storyKey2,
     blockPath,
@@ -7521,8 +7718,19 @@ function projectTextBoxRunLayoutInput(inline, paragraphKey, inlineIndex) {
 }
 function projectLegacyImageAnchor(doc, node, storyKey2, blockPath, inlinePath) {
   const media = doc.media.items[node.mediaId];
+  const objectKey = `${storyKey2}:${inlinePath}`;
   return {
-    objectKey: `${storyKey2}:${inlinePath}`,
+    identity: {
+      storyKey: storyKey2,
+      blockPath,
+      blockId: objectKey,
+      ...node.sourceRef !== void 0 ? { sourceRef: node.sourceRef } : {},
+      object: {
+        objectId: objectKey,
+        ...node.sourceRef !== void 0 ? { anchorSourceRef: node.sourceRef } : {}
+      }
+    },
+    objectKey,
     storyKey: storyKey2,
     blockPath,
     inlinePath,
@@ -11018,6 +11226,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;
@@ -11041,6 +11250,7 @@ function createEditorSurfaceSnapshot(document2, _selection, activeStory = { kind
       activeStory.kind !== "main",
       !isInViewport,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       `${activeStoryBlockPathBase}/block[${index}]`
     );
     if (isInViewport) {
@@ -11107,7 +11317,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;
@@ -11144,6 +11354,7 @@ function createSurfaceBlock(block, document2, cursor, counters, formattingContex
       promoteSecondaryStoryTextBoxes,
       cullBuild,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       blockPath
     );
   }
@@ -11184,6 +11395,7 @@ function createSurfaceBlock(block, document2, cursor, counters, formattingContex
       promoteSecondaryStoryTextBoxes,
       cullBuild,
       editableTargetsByBlockPath,
+      layoutIdentitiesByBlockPath,
       blockPath
     );
   }
@@ -11266,10 +11478,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) {
@@ -11286,6 +11499,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);
@@ -11301,6 +11515,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: []
       },
@@ -11338,6 +11553,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);
@@ -11426,6 +11642,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 } : {},
@@ -11613,7 +11830,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;
@@ -11630,6 +11847,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);
@@ -11672,7 +11890,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;
@@ -11695,6 +11913,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 ? {
@@ -25171,7 +25390,7 @@ function buildFormattingDebugEntry(inputs) {
 }
 
 // src/runtime/layout/layout-engine-version.ts
-var LAYOUT_ENGINE_VERSION = 89;
+var LAYOUT_ENGINE_VERSION = 93;
 
 // src/runtime/layout/compat-input-ledger.ts
 var DEFAULT_COMPATIBILITY_MODE = 15;
@@ -28207,6 +28426,76 @@ function diffRenderFrames(prev, next) {
   }
   return { addedPages, removedPages, unchangedPages, changedPages };
 }
+function createPagePatchPlan(prev, next, diff = diffRenderFrames(prev, next), options = {}) {
+  const prevByIndex = indexPagesByIndex(prev?.pages ?? []);
+  const nextByIndex = indexPagesByIndex(next.pages);
+  const addedPages = diff.addedPages.map(
+    (pageIndex) => pageIdForIndex(nextByIndex, pageIndex)
+  );
+  const removedPages = diff.removedPages.map(
+    (pageIndex) => pageIdForIndex(prevByIndex, pageIndex)
+  );
+  const unchangedPages = diff.unchangedPages.map(
+    (pageIndex) => pageIdForIndex(nextByIndex, pageIndex)
+  );
+  const changedPages = diff.changedPages.map(
+    (entry) => createPagePatchEntry(entry, pageIdForIndex(nextByIndex, entry.pageIndex), options)
+  );
+  return {
+    layoutRevision: options.layoutRevision ?? next.revision,
+    geometryRevision: options.geometryRevision ?? next.revision,
+    addedPages,
+    removedPages,
+    unchangedPages,
+    changedPages,
+    mountChanges: resolveMountChanges({
+      addedPages,
+      removedPages,
+      mountedPageIds: options.mountedPageIds,
+      requestedMountPageIds: options.requestedMountPageIds
+    })
+  };
+}
+function createPagePatchEntry(entry, pageId, options) {
+  const regionChanges = entry.regions.map((region) => region.kind);
+  const fragmentChanges = uniqueStrings(
+    entry.regions.flatMap((region) => region.changedBlockIds)
+  );
+  const overlayLaneChanges = !entry.pageFrameChanged && entry.regions.length === 0 ? ["chrome-reservations"] : [];
+  return {
+    pageId,
+    pageIndex: entry.pageIndex,
+    frameChanged: entry.pageFrameChanged === true,
+    regionChanges,
+    fragmentChanges,
+    lineBoxChanges: fragmentChanges,
+    overlayLaneChanges,
+    reason: options.reason ?? (overlayLaneChanges.length > 0 ? "overlay" : "layout")
+  };
+}
+function resolveMountChanges(input) {
+  if (!input.mountedPageIds || !input.requestedMountPageIds) {
+    return {
+      mountPageIds: input.addedPages,
+      unmountPageIds: input.removedPages
+    };
+  }
+  const mounted = new Set(input.mountedPageIds);
+  const requested = new Set(input.requestedMountPageIds);
+  return {
+    mountPageIds: input.requestedMountPageIds.filter((pageId) => !mounted.has(pageId)),
+    unmountPageIds: input.mountedPageIds.filter((pageId) => !requested.has(pageId))
+  };
+}
+function indexPagesByIndex(pages) {
+  return new Map(pages.map((page) => [page.page.pageIndex, page]));
+}
+function pageIdForIndex(pages, pageIndex) {
+  return pages.get(pageIndex)?.page.pageId ?? `page:${pageIndex}`;
+}
+function uniqueStrings(values) {
+  return [...new Set(values)];
+}
 function diffPage(prev, next, prevIndex, nextIndex) {
   const changed = [];
   const bodyChanges = diffRegion(prev.regions.body, next.regions.body, prevIndex, nextIndex);
@@ -28454,10 +28743,12 @@ function createRenderKernel(input) {
         emit({ kind: "frame_built", revision: frame.revision, reason: "full" });
         const diffT0 = typeof performance !== "undefined" ? performance.now() : 0;
         const diff = diffRenderFrames(lastEmittedFrame, frame);
+        const patchPlan = createPagePatchPlan(lastEmittedFrame, frame, diff);
+        recordPagePatchPlanTelemetry(patchPlan);
         if (diffT0 > 0) {
           recordPerfSample("render.frame_diff", performance.now() - diffT0);
         }
-        emit({ kind: "frame_diff", revision: frame.revision, diff });
+        emit({ kind: "frame_diff", revision: frame.revision, diff, patchPlan });
         lastEmittedFrame = frame;
       }
       return frame;
@@ -28480,6 +28771,35 @@ function createRenderKernel(input) {
     }
   };
 }
+function recordPagePatchPlanTelemetry(plan) {
+  incrementInvalidationCounter(
+    "pageRender.patch.addedPages",
+    plan.addedPages.length
+  );
+  incrementInvalidationCounter(
+    "pageRender.patch.removedPages",
+    plan.removedPages.length
+  );
+  incrementInvalidationCounter(
+    "pageRender.patch.unchangedPages",
+    plan.unchangedPages.length
+  );
+  incrementInvalidationCounter(
+    "pageRender.patch.changedFragments",
+    plan.changedPages.reduce(
+      (total, page) => total + page.fragmentChanges.length,
+      0
+    )
+  );
+  incrementInvalidationCounter(
+    "pageRender.patch.mountedPages",
+    plan.mountChanges.mountPageIds.length
+  );
+  incrementInvalidationCounter(
+    "pageRender.patch.unmountedPages",
+    plan.mountChanges.unmountPageIds.length
+  );
+}
 function buildPage(page, topPx, zoom, activeStory, facet) {
   const layout = page.layout;
   const widthPx = layout.pageWidth * zoom.pxPerTwip;
@@ -31329,26 +31649,35 @@ function buildParagraphPropertiesXml(paragraph) {
     if (frameXml) children.push(frameXml);
   }
   pushOnOffParagraphProperty(children, "widowControl", paragraph.widowControl);
-  if (paragraph.outlineLevel !== void 0) {
-    children.push(`<w:outlineLvl w:val="${paragraph.outlineLevel}"/>`);
-  }
   if (paragraph.numbering) {
     children.push(serializeParagraphNumberingProperties(paragraph.numbering));
   }
+  pushOnOffParagraphProperty(children, "suppressLineNumbers", paragraph.suppressLineNumbers);
+  if (paragraph.borders) {
+    const bordersXml = serializeParagraphBorders(paragraph.borders);
+    if (bordersXml) children.push(bordersXml);
+  }
+  if (paragraph.shading) {
+    const shadingXml = serializeParagraphShading(paragraph.shading);
+    if (shadingXml) children.push(shadingXml);
+  }
+  if (paragraph.tabStops && paragraph.tabStops.length > 0) {
+    const tabsXml = paragraph.tabStops.map((tab) => {
+      const leaderAttr = tab.leader ? ` w:leader="${escapeXmlAttribute2(tab.leader)}"` : "";
+      return `<w:tab w:val="${escapeXmlAttribute2(tab.align)}" w:pos="${twip(tab.position)}"${leaderAttr}/>`;
+    }).join("");
+    children.push(`<w:tabs>${tabsXml}</w:tabs>`);
+  }
+  pushOnOffParagraphProperty(children, "bidi", paragraph.bidi);
   if (paragraph.spacing) {
     const s = paragraph.spacing;
     const attrs = [];
     if (s.before !== void 0) attrs.push(`w:before="${twip(s.before)}"`);
     if (s.after !== void 0) attrs.push(`w:after="${twip(s.after)}"`);
     if (s.line !== void 0) attrs.push(`w:line="${twip(s.line)}"`);
-    if (s.lineRule !== void 0) attrs.push(`w:lineRule="${s.lineRule}"`);
+    if (s.lineRule !== void 0) attrs.push(`w:lineRule="${escapeXmlAttribute2(s.lineRule)}"`);
     if (attrs.length > 0) children.push(`<w:spacing ${attrs.join(" ")}/>`);
   }
-  if (paragraph.contextualSpacing === true) {
-    children.push("<w:contextualSpacing/>");
-  } else if (paragraph.contextualSpacing === false) {
-    children.push(`<w:contextualSpacing w:val="false"/>`);
-  }
   if (paragraph.indentation) {
     const ind = paragraph.indentation;
     const attrs = [];
@@ -31358,33 +31687,20 @@ function buildParagraphPropertiesXml(paragraph) {
     if (ind.hanging !== void 0) attrs.push(`w:hanging="${twip(ind.hanging)}"`);
     if (attrs.length > 0) children.push(`<w:ind ${attrs.join(" ")}/>`);
   }
-  if (paragraph.alignment) {
-    children.push(`<w:jc w:val="${paragraph.alignment}"/>`);
+  if (paragraph.contextualSpacing === true) {
+    children.push("<w:contextualSpacing/>");
+  } else if (paragraph.contextualSpacing === false) {
+    children.push(`<w:contextualSpacing w:val="false"/>`);
   }
-  if (paragraph.borders) {
-    const bordersXml = serializeParagraphBorders(paragraph.borders);
-    if (bordersXml) {
-      children.push(bordersXml);
-    }
+  if (paragraph.alignment) {
+    children.push(`<w:jc w:val="${escapeXmlAttribute2(paragraph.alignment)}"/>`);
   }
-  if (paragraph.shading) {
-    const shadingXml = serializeParagraphShading(paragraph.shading);
-    if (shadingXml) {
-      children.push(shadingXml);
-    }
+  if (paragraph.outlineLevel !== void 0) {
+    children.push(`<w:outlineLvl w:val="${paragraph.outlineLevel}"/>`);
   }
-  pushOnOffParagraphProperty(children, "bidi", paragraph.bidi);
-  pushOnOffParagraphProperty(children, "suppressLineNumbers", paragraph.suppressLineNumbers);
   if (paragraph.cnfStyle) {
     children.push(`<w:cnfStyle w:val="${escapeXmlAttribute2(paragraph.cnfStyle)}"/>`);
   }
-  if (paragraph.tabStops && paragraph.tabStops.length > 0) {
-    const tabsXml = paragraph.tabStops.map((tab) => {
-      const leaderAttr = tab.leader ? ` w:leader="${tab.leader}"` : "";
-      return `<w:tab w:val="${tab.align}" w:pos="${twip(tab.position)}"${leaderAttr}/>`;
-    }).join("");
-    children.push(`<w:tabs>${tabsXml}</w:tabs>`);
-  }
   if (children.length === 0) return "";
   return `<w:pPr>${children.join("")}</w:pPr>`;
 }
@@ -31949,79 +32265,86 @@ function serializeRunProperties(marks) {
   if (!marks || marks.length === 0) {
     return "";
   }
+  const orderedTypes = [
+    "fontFamily",
+    "bold",
+    "italic",
+    "allCaps",
+    "smallCaps",
+    "strikethrough",
+    "doubleStrikethrough",
+    "shadow",
+    "emboss",
+    "imprint",
+    "vanish",
+    "textColor",
+    "charSpacing",
+    "kerning",
+    "position",
+    "fontSize",
+    "highlight",
+    "underline",
+    "backgroundColor",
+    "lang",
+    "textFill"
+  ];
   const markParts = [];
-  for (const mark of marks) {
-    switch (mark.type) {
-      case "bold":
-        markParts.push("<w:b/>");
-        break;
-      case "italic":
-        markParts.push("<w:i/>");
-        break;
-      case "underline":
-        markParts.push(`<w:u w:val="single"/>`);
-        break;
-      case "strikethrough":
-        markParts.push("<w:strike/>");
-        break;
-      case "doubleStrikethrough":
-        markParts.push("<w:dstrike/>");
-        break;
-      case "vanish":
-        markParts.push("<w:vanish/>");
-        break;
-      case "lang":
-        markParts.push(`<w:lang w:val="${escapeXmlAttribute2(mark.val)}"/>`);
-        break;
-      case "highlight":
-        markParts.push(`<w:highlight w:val="${escapeXmlAttribute2(mark.val)}"/>`);
-        break;
-      case "backgroundColor":
-        markParts.push(
-          `<w:shd w:val="clear" w:color="auto" w:fill="${escapeXmlAttribute2(mark.color)}"/>`
-        );
-        break;
-      case "charSpacing":
-        markParts.push(`<w:spacing w:val="${mark.val}"/>`);
-        break;
-      case "kerning":
-        markParts.push(`<w:kern w:val="${mark.val}"/>`);
-        break;
-      case "emboss":
-        markParts.push("<w:emboss/>");
-        break;
-      case "imprint":
-        markParts.push("<w:imprint/>");
-        break;
-      case "shadow":
-        markParts.push("<w:shadow/>");
-        break;
-      case "position":
-        markParts.push(`<w:position w:val="${mark.val}"/>`);
-        break;
-      case "textFill":
-        markParts.push(mark.xml);
-        break;
-      case "fontFamily":
-        markParts.push(`<w:rFonts w:ascii="${escapeXmlAttribute2(mark.val)}" w:hAnsi="${escapeXmlAttribute2(mark.val)}"/>`);
-        break;
-      case "fontSize":
-        markParts.push(`<w:sz w:val="${mark.val}"/>`);
-        break;
-      case "textColor":
-        markParts.push(`<w:color w:val="${escapeXmlAttribute2(mark.color)}"/>`);
-        break;
-      case "smallCaps":
-        markParts.push("<w:smallCaps/>");
-        break;
-      case "allCaps":
-        markParts.push("<w:caps/>");
-        break;
+  for (const type of orderedTypes) {
+    for (const mark of marks) {
+      if (mark.type !== type) continue;
+      const xml = serializeRunPropertyMark(mark);
+      if (xml) markParts.push(xml);
     }
   }
   const children = markParts.join("");
   return children.length > 0 ? `<w:rPr>${children}</w:rPr>` : "";
 }
+function serializeRunPropertyMark(mark) {
+  switch (mark.type) {
+    case "bold":
+      return "<w:b/>";
+    case "italic":
+      return "<w:i/>";
+    case "underline":
+      return `<w:u w:val="single"/>`;
+    case "strikethrough":
+      return "<w:strike/>";
+    case "doubleStrikethrough":
+      return "<w:dstrike/>";
+    case "vanish":
+      return "<w:vanish/>";
+    case "lang":
+      return `<w:lang w:val="${escapeXmlAttribute2(mark.val)}"/>`;
+    case "highlight":
+      return `<w:highlight w:val="${escapeXmlAttribute2(mark.val)}"/>`;
+    case "backgroundColor":
+      return `<w:shd w:val="clear" w:color="auto" w:fill="${escapeXmlAttribute2(mark.color)}"/>`;
+    case "charSpacing":
+      return `<w:spacing w:val="${mark.val}"/>`;
+    case "kerning":
+      return `<w:kern w:val="${mark.val}"/>`;
+    case "emboss":
+      return "<w:emboss/>";
+    case "imprint":
+      return "<w:imprint/>";
+    case "shadow":
+      return "<w:shadow/>";
+    case "position":
+      return `<w:position w:val="${mark.val}"/>`;
+    case "textFill":
+      return mark.xml;
+    case "fontFamily":
+      return `<w:rFonts w:ascii="${escapeXmlAttribute2(mark.val)}" w:hAnsi="${escapeXmlAttribute2(mark.val)}"/>`;
+    case "fontSize":
+      return `<w:sz w:val="${mark.val}"/>`;
+    case "textColor":
+      return `<w:color w:val="${escapeXmlAttribute2(mark.color)}"/>`;
+    case "smallCaps":
+      return "<w:smallCaps/>";
+    case "allCaps":
+      return "<w:caps/>";
+  }
+}
 function requiresPreservedSpace(text) {
   return /^\s/.test(text) || /\s$/.test(text) || text.includes("  ");
 }
@@ -36613,6 +36936,19 @@ function paragraphHasBookmarkId(paragraph, bookmarkId) {
 function commandActionHandleForAddress(commandFamily, address) {
   return address ? `scope-command:${commandFamily}:${address.addressKey}` : void 0;
 }
+function layoutIdentityIndexes(document2) {
+  const byTargetKey = /* @__PURE__ */ new Map();
+  const byStoryBlockPath = /* @__PURE__ */ new Map();
+  for (const identity of collectLayoutInputIdentities(document2)) {
+    byStoryBlockPath.set(`${identity.storyKey}:${identity.blockPath}`, identity);
+    const targetKey = identity.editableTargetRef?.targetKey;
+    if (targetKey) byTargetKey.set(targetKey, identity);
+  }
+  return { byTargetKey, byStoryBlockPath };
+}
+function layoutIdentityForTarget(target, indexes) {
+  return indexes.byTargetKey.get(target.targetKey) ?? indexes.byStoryBlockPath.get(`${target.storyKey}:${target.blockPath}`);
+}
 function withCommandAction(evidence, target, canonicalAddress = target.canonicalAddress) {
   if (evidence.status !== "supported" || !canonicalAddress) return evidence;
   return {
@@ -36624,6 +36960,24 @@ function withCommandAction(evidence, target, canonicalAddress = target.canonical
 function commandAddressForTarget(target, scopeKind) {
   return scopeKind === "list-item" && target.listAddress !== void 0 ? target.listAddress : target.canonicalAddress;
 }
+function freezeCommandIntents(intents) {
+  return Object.freeze([...new Set(intents)]);
+}
+function relatedListActionHandlesForTarget(target, primaryAddress) {
+  if (target.commandFamily !== "text-leaf" || target.listAddress === void 0 || !LIST_TEXT_TARGET_KINDS2.has(target.kind) || target.listAddress.addressKey === primaryAddress?.addressKey) {
+    return void 0;
+  }
+  const actionHandle = commandActionHandleForAddress(target.commandFamily, target.listAddress);
+  if (!actionHandle) return void 0;
+  return Object.freeze([
+    {
+      actionHandle,
+      canonicalAddress: target.listAddress,
+      intents: freezeCommandIntents(["list-text-edit", "list-structure-action"]),
+      reason: "l07:list-address-target-supported"
+    }
+  ]);
+}
 function runtimeTextCommandEvidence(target, workflowBlockers) {
   const shapeIssues = validateEditableTargetRef(target);
   if (shapeIssues.length > 0) {
@@ -36723,13 +37077,16 @@ function runtimeCommandEvidence(target, workflowBlockers, textCommand, scopeKind
     };
   }
   if (target.commandFamily === "text-leaf") {
+    const canonicalAddress = commandAddressForTarget(target, scopeKind);
+    const relatedActionHandles = relatedListActionHandlesForTarget(target, canonicalAddress);
     return withCommandAction({
       status: textCommand.status,
       commandFamily: target.commandFamily,
       intents: commandIntentsForTarget(target, scopeKind),
       reason: textCommand.reason,
+      ...relatedActionHandles !== void 0 ? { relatedActionHandles } : {},
       ...textCommand.blockers ? { blockers: textCommand.blockers } : {}
-    }, target, commandAddressForTarget(target, scopeKind));
+    }, target, canonicalAddress);
   }
   if (target.commandFamily === "comment-revision") {
     const isOpen = target.review?.status === "open";
@@ -37054,19 +37411,21 @@ function commandIntentsForTarget(target, scopeKind) {
       if (target.kind === "hyperlink-text") {
         return Object.freeze(["text-leaf-edit", "hyperlink-display-text-edit"]);
       }
-      if (target.table?.operationScope === "text") {
-        return Object.freeze([
-          "text-leaf-edit",
-          "table-text-paste",
-          "table-text-drop",
-          "table-structured-fragment-paste",
-          "table-structured-fragment-drop"
-        ]);
-      }
-      if (scopeKind === "list-item" && LIST_TEXT_TARGET_KINDS2.has(target.kind)) {
-        return Object.freeze(["text-leaf-edit", "list-text-edit", "list-structure-action"]);
+      {
+        const intents = ["text-leaf-edit"];
+        if (target.table?.operationScope === "text") {
+          intents.push(
+            "table-text-paste",
+            "table-text-drop",
+            "table-structured-fragment-paste",
+            "table-structured-fragment-drop"
+          );
+        }
+        if ((scopeKind === "list-item" || target.listAddress !== void 0) && LIST_TEXT_TARGET_KINDS2.has(target.kind)) {
+          intents.push("list-text-edit", "list-structure-action");
+        }
+        return freezeCommandIntents(intents);
       }
-      return Object.freeze(["text-leaf-edit"]);
     case "field":
       return Object.freeze(
         target.field?.fieldFamily === "TOC" ? ["toc-refresh", "field-update"] : ["field-update"]
@@ -37213,7 +37572,7 @@ function readbackForTarget(document2, target, runtimeTextCommand) {
     source: "canonical-text-leaf"
   };
 }
-function projectTarget(document2, target, relation, workflowBlockers, scopeKind) {
+function projectTarget(document2, target, relation, workflowBlockers, scopeKind, layoutIdentity) {
   const runtimeTextCommand = runtimeTextCommandEvidence(target, workflowBlockers);
   const readback = readbackForTarget(document2, target, runtimeTextCommand);
   return {
@@ -37234,6 +37593,7 @@ function projectTarget(document2, target, relation, workflowBlockers, scopeKind)
     ...target.table ? { table: target.table } : {},
     ...target.editableOwner ? { editableOwner: target.editableOwner } : {},
     ...target.canonicalAddress ? { canonicalAddress: target.canonicalAddress } : {},
+    ...layoutIdentity ? { layoutIdentity } : {},
     staleCheck: target.staleCheck,
     posture: target.posture,
     ...workflowBlockers.length > 0 ? { workflowBlockers: Object.freeze([...workflowBlockers]) } : {},
@@ -37249,7 +37609,7 @@ function deriveScopeEditableTargetEvidence(document2, scope, entry, options = {}
     facts.push(projectWorkflowBlockerFact(fact));
     factsByTargetKey.set(fact.targetKey, facts);
   }
-  const entries = collectEditableTargetRefs(document2, options.editableTargetCache).map((target) => {
+  const relatedTargets = collectEditableTargetRefs(document2, options.editableTargetCache).map((target) => {
     const relation = relationForTarget(target, scope, entry);
     if (!relation) return null;
     const workflowBlockers = Object.freeze(
@@ -37257,8 +37617,19 @@ function deriveScopeEditableTargetEvidence(document2, scope, entry, options = {}
         (left, right) => left.source.localeCompare(right.source) || left.blocker.localeCompare(right.blocker) || left.refusalId.localeCompare(right.refusalId)
       )
     );
-    return projectTarget(document2, target, relation, workflowBlockers, scope.kind);
-  }).filter((target) => target !== null).sort((a, b) => a.targetKey.localeCompare(b.targetKey));
+    return { target, relation, workflowBlockers };
+  }).filter((target) => target !== null);
+  const layoutIndexes = relatedTargets.length > 0 ? layoutIdentityIndexes(document2) : void 0;
+  const entries = relatedTargets.map(
+    ({ target, relation, workflowBlockers }) => projectTarget(
+      document2,
+      target,
+      relation,
+      workflowBlockers,
+      scope.kind,
+      layoutIndexes ? layoutIdentityForTarget(target, layoutIndexes) : void 0
+    )
+  ).sort((a, b) => a.targetKey.localeCompare(b.targetKey));
   const blockers = /* @__PURE__ */ new Set();
   let supportedTextTargetCount = 0;
   for (const target of entries) {
@@ -37322,15 +37693,65 @@ function projectEntry2(entry) {
     ...entry.posture.preserveOnly ? { preserveOnly: true } : {}
   };
 }
+function familyKindFor(entry) {
+  return entry.objectKind ?? "unknown";
+}
+function familyStatusFor(entries) {
+  if (entries.some((entry) => entry.runtimeCommand.status === "supported")) {
+    return "supported";
+  }
+  if (entries.length > 0 && entries.every(
+    (entry) => entry.preserveOnly === true || entry.commandFamily === "preserve-only-refusal"
+  )) {
+    return "preserve-only";
+  }
+  return "blocked";
+}
+function summarizeFamily(objectKind, entries) {
+  const sortedEntries = [...entries].sort(
+    (left, right) => left.targetKey.localeCompare(right.targetKey)
+  );
+  const preserveOnly = sortedEntries.some((entry) => entry.preserveOnly === true);
+  return {
+    objectKind,
+    status: familyStatusFor(sortedEntries),
+    count: sortedEntries.length,
+    targetKeys: unique2(sortedEntries.map((entry) => entry.targetKey)),
+    relations: unique2(sortedEntries.map((entry) => entry.relation)),
+    commandFamilies: unique2(sortedEntries.map((entry) => entry.commandFamily)),
+    runtimeIntents: unique2(
+      sortedEntries.flatMap((entry) => [...entry.runtimeCommand.intents])
+    ),
+    blockers: unique2(sortedEntries.flatMap((entry) => [...entry.blockers])),
+    ...preserveOnly ? { preserveOnly: true } : {}
+  };
+}
+function summarizeFamilies(entries) {
+  const byFamily = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const objectKind = familyKindFor(entry);
+    const bucket = byFamily.get(objectKind);
+    if (bucket) {
+      bucket.push(entry);
+      continue;
+    }
+    byFamily.set(objectKind, [entry]);
+  }
+  return Object.freeze(
+    [...byFamily.entries()].map(([objectKind, familyEntries]) => summarizeFamily(objectKind, familyEntries)).sort((left, right) => left.objectKind.localeCompare(right.objectKind))
+  );
+}
 function deriveScopeObjectEvidence(editableTargets) {
   const entries = Object.freeze(
     [...editableTargets?.entries ?? []].filter(isObjectTarget).map(projectEntry2).sort((left, right) => left.targetKey.localeCompare(right.targetKey))
   );
   const blockers = unique2(entries.flatMap((entry) => [...entry.blockers]));
+  const families = summarizeFamilies(entries);
   return {
     status: entries.length > 0 ? "present" : "none",
     count: entries.length,
     blockers,
+    families,
     entries
   };
 }
@@ -46069,9 +46490,327 @@ async function createCanvasProvider(fontLoader) {
   }
 }
 
+// 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 stableStringify4(key);
+}
+function estimateBytes(key, value) {
+  return stableStringify4(key).length + stableStringify4(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(stableStringify4(value)).toString(36);
+}
+function stableStringify4(value) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value);
+  if (Array.isArray(value)) {
+    return `[${value.map((item) => stableStringify4(item)).join(",")}]`;
+  }
+  if (value instanceof Map) {
+    return stableStringify4(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)}:${stableStringify4(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-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;
@@ -46267,8 +47006,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();
@@ -46368,13 +47121,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,
@@ -46486,10 +47246,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];
@@ -46518,7 +47286,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,
@@ -46650,7 +47417,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;
@@ -46735,7 +47506,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;
@@ -46764,6 +47539,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