oasis-editor 0.0.106 → 0.0.108

package/dist/{OasisEditorApp-CwVZxG1m.js → OasisEditorApp-DkiTrFZ6.js}

@@ -1,7 +1,458 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { v as visitRun, a as assertNever, c as createSignal, b as createEditorStateFromDocument, d as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, f as fontSizePxToPt, p as probeLocalFontFamilies, e as createEditorParagraphFromRuns, i as isInlineObjectRun, g as createEditorStyledRun, h as getParagraphLength, j as getParagraphText, k as getActiveZone, l as getDocumentSections, m as getActiveSectionIndex, n as getParagraphs, o as normalizeSelection, q as positionToParagraphOffset, r as paragraphOffsetToPosition, s as clampPosition, t as findParagraphIndex, u as createCollapsedSelection, w as isSelectionCollapsed, x as parseFontSizePtToPx, y as formatFontSizePt, z as createEditorParagraph, A as getBlockParagraphs, B as findParagraphTableLocation, C as buildTableCellLayout, P as PT_PER_PX, D as createEditorTableCell, E as createEditorTableRow, F as createEditorTable, G as underlineStyleToCssDecorationStyle, H as resolveImageSrc, I as listKindForTag, J as isParagraphTag, K as collectInlineRuns, L as parseParagraphStyle, M as getRunImage, N as InlineShell, O as BalloonShell, Q as DocumentShell, R as createMemo, T as buildCanvasLayoutSnapshot, U as getCaretRectFromSnapshot, V as getParagraphRectFromSnapshot, W as createComponent, X as CaretOverlay, Y as Show, Z as createRenderEffect, _ as style, $ as setAttribute, a0 as setStyleProperty, a1 as memo, a2 as template, a3 as useI18n, a4 as createEffect, a5 as insert, a6 as use, a7 as addEventListener, a8 as Dialog, a9 as delegateEvents, aa as className, ab as For, ac as UNDERLINE_STYLE_OPTIONS, ad as Tabs, ae as onMount, af as onCleanup, ag as PluginUiHost, ah as OasisEditorEditor, ai as OasisBrandMark, aj as setPreciseFontPreference, ak as setWelcomeSeen, al as enablePreciseFontMode, am as TWIPS_PER_POINT, an as PX_PER_INCH, ao as TWIPS_PER_INCH, ap as resolveEffectiveParagraphStyle, aq as resolveEffectiveTextStyleForParagraph, ar as EMU_PER_PX, as as EMU_PER_PT, at as getRunFootnoteReference, au as getRunEndnoteReference, av as iterateFootnoteReferenceRuns, aw as iterateEndnoteReferenceRuns, ax as imageContentTypeDefaults, ay as getRunFieldChar, az as getRunFieldInstruction, aA as createEditorRun, aB as JSZip, aC as imageExtensionFromMime, aD as pxToPt$1, aE as resolveFloatingObjectRect, aF as getTextBoxFloatingGeometry, aG as getPresetPathSegments, aH as projectBlocksLayout, aI as buildListLabels, aJ as getImageFloatingGeometry, aK as textStyleToFontSizePt, aL as PX_PER_POINT, aM as resolveOpenTypeFeatureTags, aN as DEFAULT_FONT_SIZE_PX, aO as isDoubleUnderlineStyle, aP as isWavyUnderlineStyle, aQ as underlineStyleLineWidthPx, aR as underlineStyleDashArray, aS as resolveListLabel, aT as getListLabelInset, aU as getAlignedListLabelInset, aV as getParagraphBorderInsets, aW as buildSegmentTable, aX as buildCanvasTableLayout, aY as resolveCanvasTableWidth, aZ as resolveFloatingTableRect, a_ as normalizeFamily, a$ as ROBOTO_FONT_FILES, b0 as loadFontAsset, b1 as OFFICE_COMPAT_FONT_FAMILIES, b2 as BinaryReader, b3 as buildSfnt, b4 as defaultFontDecoderRegistry, b5 as SfntFontProgram, b6 as collectPdfFontFamilies, b7 as projectDocumentLayout, b8 as getPageContentWidth, b9 as getPageHeaderZoneTop, ba as getPageBodyTop, bb as getPageColumnRects, bc as findFootnoteReference, bd as FOOTNOTE_MARKER_GUTTER_PX, be as resolveImporterForFile, bf as getDocumentSectionsCanonical, bg as getDocumentParagraphsCanonical, bh as getDocumentParagraphs, bi as getDocumentPageSettings, bj as getTableCellContentWidthForParagraph, bk as on, bl as debounce, bm as unwrap, bn as perfTimer, bo as getRunTextBox, bp as createEditorDocument, bq as resolveResizedDimensions, br as resolveTextBoxRenderHeight, bs as getToolbarStyleState, bt as getCachedCanvasImage, bu as measureParagraphMinContentWidthPx, bv as getEditableBlocksForZone, bw as findParagraphLocation, bx as createSectionBoundaryParagraph, by as normalizePageSettings, bz as DEFAULT_EDITOR_PAGE_SETTINGS, bA as markStart, bB as markEnd, bC as getParagraphEntries, bD as getParagraphById, bE as createEditorFootnote, bF as createFootnoteReferenceRun, bG as renumberFootnotes, bH as getFootnoteDisplayMarker, bI as getHeadingLevel, bJ as preciseFontModeVersion, bK as isPreciseFontModeEnabled, bL as resolveNamedTextStyle, bM as togglePreciseFontMode, bN as nextFontSizePt, bO as previousFontSizePt, bP as fontSizePtToPx, bQ as createDefaultToolbarPreset, bR as MenuRegistry, bS as createToolbarRegistry, bT as Editor, bU as resolveCommandRef, bV as commandRefName, bW as createOasisEditorClient, bX as createEditorZoom, bY as startLongTaskObserver, bZ as installGlobalReport, b_ as applyStoredPreciseFontPreference, b$ as getWelcomeSeen, c0 as isLocalFontAccessSupported, c1 as EDITOR_SCROLL_PADDING_PX, c2 as Toolbar, c3 as OasisEditorLoading, c4 as I18nProvider, c5 as createTranslator, c6 as createEditorLogger, c7 as registerDomStatsSurface } from "./index-DdcPkCmB.js";
+import { d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageContentWidth, b as getPageBodyTop, c as getPageBodyBottom, l as listReferencedEndnotes, f as getFootnoteDisplayMarker, s as setActiveHyphenation, h as getDocumentSections, i as buildFootnoteReservations, M as MAX_FOOTNOTE_LAYOUT_ITERATIONS, r as reservationSignature, j as applyFootnotesToPages, k as getRunField, m as projectBlocksLayout, v as visitRun, n as assertNever, o as createSignal, q as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, w as probeLocalFontFamilies, x as createEditorParagraphFromRuns, y as isInlineObjectRun, z as createEditorStyledRun, A as getParagraphLength, B as getParagraphText, C as getActiveZone, D as getActiveSectionIndex, E as getParagraphs, F as normalizeSelection, G as positionToParagraphOffset, H as paragraphOffsetToPosition, I as clampPosition, J as findParagraphIndex, K as createCollapsedSelection, L as isSelectionCollapsed, N as parseFontSizePtToPx, O as formatFontSizePt, P as createEditorParagraph, Q as getBlockParagraphs, R as findParagraphTableLocation, T as buildTableCellLayout, U as PT_PER_PX, V as createEditorTableCell, W as createEditorTableRow, X as createEditorTable, Y as underlineStyleToCssDecorationStyle, Z as resolveImageSrc, _ as listKindForTag, $ as isParagraphTag, a0 as collectInlineRuns, a1 as parseParagraphStyle, a2 as getRunImage, a3 as InlineShell, a4 as BalloonShell, a5 as DocumentShell, a6 as createMemo, a7 as getCaretRectFromSnapshot, a8 as getParagraphRectFromSnapshot, a9 as createComponent, aa as CaretOverlay, ab as Show, ac as createRenderEffect, ad as style, ae as setAttribute, af as setStyleProperty, ag as memo, ah as template, ai as useI18n, aj as createEffect, ak as insert, al as use, am as addEventListener, an as Dialog, ao as delegateEvents, ap as className, aq as For, ar as UNDERLINE_STYLE_OPTIONS, as as Tabs, at as onMount, au as onCleanup, av as PluginUiHost, aw as OasisEditorEditor, ax as OasisBrandMark, ay as setPreciseFontPreference, az as setWelcomeSeen, aA as enablePreciseFontMode, aB as TWIPS_PER_POINT, aC as PX_PER_INCH, aD as TWIPS_PER_INCH, aE as resolveEffectiveParagraphStyle, aF as resolveEffectiveTextStyleForParagraph, aG as EMU_PER_PX, aH as EMU_PER_PT, aI as getRunFootnoteReference, aJ as getRunEndnoteReference, aK as iterateFootnoteReferenceRuns, aL as iterateEndnoteReferenceRuns, aM as imageContentTypeDefaults, aN as getRunFieldChar, aO as getRunFieldInstruction, aP as createEditorRun, aQ as JSZip, aR as imageExtensionFromMime, aS as pxToPt$1, aT as resolveFloatingObjectRect, aU as getTextBoxFloatingGeometry, aV as getPresetPathSegments, aW as buildListLabels, aX as getImageFloatingGeometry, aY as textStyleToFontSizePt, aZ as PX_PER_POINT, a_ as DEFAULT_FONT_SIZE_PX, a$ as resolveOpenTypeFeatureTags, b0 as isDoubleUnderlineStyle, b1 as isWavyUnderlineStyle, b2 as underlineStyleLineWidthPx, b3 as underlineStyleDashArray, b4 as resolveListLabel, b5 as getListLabelInset, b6 as getAlignedListLabelInset, b7 as getParagraphBorderInsets, b8 as buildSegmentTable, b9 as buildCanvasTableLayout, ba as resolveCanvasTableWidth, bb as resolveFloatingTableRect, bc as normalizeFamily, bd as ROBOTO_FONT_FILES, be as loadFontAsset, bf as OFFICE_COMPAT_FONT_FAMILIES, bg as BinaryReader, bh as buildSfnt, bi as defaultFontDecoderRegistry, bj as SfntFontProgram, bk as collectPdfFontFamilies, bl as outlineFrom, bm as getPageHeaderZoneTop, bn as getPageColumnRects, bo as findFootnoteReference, bp as FOOTNOTE_MARKER_GUTTER_PX, bq as resolveImporterForFile, br as getDocumentSectionsCanonical, bs as getDocumentParagraphsCanonical, bt as getDocumentParagraphs, bu as getDocumentPageSettings, bv as getTableCellContentWidthForParagraph, bw as layoutMetricsEpoch, bx as bumpLayoutMetricsEpoch, by as createCanvasLayoutSnapshotProvider, bz as on, bA as debounce, bB as unwrap, bC as perfTimer, bD as getRunTextBox, bE as createEditorDocument, bF as resolveResizedDimensions, bG as resolveTextBoxRenderHeight, bH as getToolbarStyleState, bI as getCachedCanvasImage, bJ as measureParagraphMinContentWidthPx, bK as getEditableBlocksForZone, bL as findParagraphLocation, bM as createSectionBoundaryParagraph, bN as normalizePageSettings, bO as DEFAULT_EDITOR_PAGE_SETTINGS, bP as markStart, bQ as markEnd, bR as getParagraphEntries, bS as getParagraphById, bT as createEditorFootnote, bU as createFootnoteReferenceRun, bV as renumberFootnotes, bW as getHeadingLevel, bX as preciseFontModeVersion, bY as isPreciseFontModeEnabled, bZ as resolveNamedTextStyle, b_ as togglePreciseFontMode, b$ as nextFontSizePt, c0 as previousFontSizePt, c1 as fontSizePtToPx, c2 as createDefaultToolbarPreset, c3 as MenuRegistry, c4 as createToolbarRegistry, c5 as Editor, c6 as resolveCommandRef, c7 as commandRefName, c8 as createOasisEditorClient, c9 as createEditorZoom, ca as startLongTaskObserver, cb as installGlobalReport, cc as applyStoredPreciseFontPreference, cd as getWelcomeSeen, ce as isLocalFontAccessSupported, cf as EDITOR_SCROLL_PADDING_PX, cg as Toolbar, ch as OasisEditorLoading, ci as I18nProvider, cj as createTranslator, ck as createEditorLogger, cl as registerDomStatsSurface } from "./index-DzBLUs91.js";
+function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
+  const {
+    pageIndex,
+    totalPages,
+    measuredHeights,
+    styles,
+    contentWidth,
+    measurer,
+    defaultTabStop
+  } = context;
+  return blocks.map((block, index) => {
+    var _a2, _b2;
+    if (block.type === "paragraph") {
+      const layout = deps.projectParagraphLayout(
+        block,
+        pageIndex,
+        totalPages,
+        styles,
+        contentWidth,
+        measurer,
+        defaultTabStop
+      );
+      return {
+        blockId: block.id,
+        sourceBlockId: block.id,
+        blockType: block.type,
+        paragraphId: block.id,
+        globalIndex: index,
+        estimatedHeight: (measuredHeights == null ? void 0 : measuredHeights[block.id]) ?? deps.getProjectedParagraphBlockHeight(block, layout, styles),
+        layout,
+        sourceBlock: block
+      };
+    }
+    const tableHeight = (measuredHeights == null ? void 0 : measuredHeights[block.id]) ?? deps.estimateTableBlockHeight(
+      block,
+      styles,
+      contentWidth,
+      measurer,
+      defaultTabStop
+    );
+    return {
+      blockId: block.id,
+      sourceBlockId: block.id,
+      blockType: block.type,
+      globalIndex: index,
+      estimatedHeight: ((_a2 = block.style) == null ? void 0 : _a2.floating) ? 0 : tableHeight,
+      floatingTableHeight: ((_b2 = block.style) == null ? void 0 : _b2.floating) ? tableHeight : void 0,
+      sourceBlock: block
+    };
+  });
+}
+function projectHeaderFooterBlocks(blocks, context = {}) {
+  return projectHeaderFooterBlocksWithDependencies(
+    blocks,
+    {
+      projectParagraphLayout,
+      estimateTableBlockHeight,
+      getProjectedParagraphBlockHeight
+    },
+    {
+      ...context,
+      measurer: context.measurer ?? domTextMeasurer
+    }
+  );
+}
+function getProjectedBlocksHeight(blocks) {
+  if (!blocks || blocks.length === 0) {
+    return 0;
+  }
+  return blocks.reduce((sum, block) => sum + block.estimatedHeight, 0);
+}
+function selectSectionHeaderBlocks(section, pageIndexInSection, globalPageIndex) {
+  const isFirstPageOfSection = pageIndexInSection === 0;
+  const isEvenPageNumber = (globalPageIndex + 1) % 2 === 0;
+  if (isFirstPageOfSection && section.firstPageHeader) {
+    return section.firstPageHeader;
+  }
+  if (isEvenPageNumber && section.evenPageHeader) {
+    return section.evenPageHeader;
+  }
+  return section.header;
+}
+function selectSectionFooterBlocks(section, pageIndexInSection, globalPageIndex) {
+  const isFirstPageOfSection = pageIndexInSection === 0;
+  const isEvenPageNumber = (globalPageIndex + 1) % 2 === 0;
+  if (isFirstPageOfSection && section.firstPageFooter) {
+    return section.firstPageFooter;
+  }
+  if (isEvenPageNumber && section.evenPageFooter) {
+    return section.evenPageFooter;
+  }
+  return section.footer;
+}
+function resolveEffectiveVerticalMetrics(pageSettings, headerBlocks, footerBlocks) {
+  const staticBodyTop = getPageBodyTop(pageSettings);
+  const staticBodyBottom = getPageBodyBottom(pageSettings);
+  const headerHeight = getProjectedBlocksHeight(headerBlocks);
+  const footerHeight = getProjectedBlocksHeight(footerBlocks);
+  const headerTop = pageSettings.margins.header;
+  const footerTop = pageSettings.height - pageSettings.margins.footer - footerHeight;
+  const headerOccupiedBottom = headerHeight > 0 ? Math.min(pageSettings.height, headerTop + headerHeight) : 0;
+  const footerOccupiedTop = footerHeight > 0 ? Math.max(0, footerTop) : pageSettings.height;
+  const bodyTop = Math.max(staticBodyTop, headerOccupiedBottom);
+  const bodyBottom = Math.max(
+    bodyTop,
+    Math.min(staticBodyBottom, footerOccupiedTop)
+  );
+  return {
+    bodyTop,
+    bodyBottom,
+    headerTop,
+    footerTop,
+    contentHeight: Math.max(24, Math.floor(bodyBottom - bodyTop))
+  };
+}
+function createHeaderFooterVariantProjector(context) {
+  return (blocks, contentWidth, pageIndex, totalPageCount) => blocks ? context.projectHeaderFooterBlocks(blocks, {
+    pageIndex,
+    totalPages: totalPageCount,
+    measuredHeights: context.measuredHeights,
+    measuredParagraphLayouts: context.measuredParagraphLayouts,
+    styles: context.documentStyles,
+    contentWidth,
+    measurer: context.measurer,
+    defaultTabStop: context.defaultTabStop
+  }) : void 0;
+}
+function projectTallestHeaderVariant(section, contentWidth, projectHeaderFooterVariant) {
+  const variants = [
+    section.header,
+    section.firstPageHeader,
+    section.evenPageHeader
+  ].map((blocks) => projectHeaderFooterVariant(blocks, contentWidth)).filter((blocks) => !!blocks);
+  return variants.sort(
+    (a, b) => getProjectedBlocksHeight(b) - getProjectedBlocksHeight(a)
+  )[0];
+}
+function projectTallestFooterVariant(section, contentWidth, projectHeaderFooterVariant) {
+  const variants = [
+    section.footer,
+    section.firstPageFooter,
+    section.evenPageFooter
+  ].map((blocks) => projectHeaderFooterVariant(blocks, contentWidth)).filter((blocks) => !!blocks);
+  return variants.sort(
+    (a, b) => getProjectedBlocksHeight(b) - getProjectedBlocksHeight(a)
+  )[0];
+}
+function calculateTotalPages(context, projectHeaderFooterVariant) {
+  let currentTotal = 0;
+  const activePages = [];
+  for (const section of context.sections) {
+    const contentWidth = getPageContentWidth(section.pageSettings);
+    const headerBlocks = projectTallestHeaderVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const footerBlocks = projectTallestFooterVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const metrics = resolveEffectiveVerticalMetrics(
+      section.pageSettings,
+      headerBlocks,
+      footerBlocks
+    );
+    const pageHeight = context.maxPageHeightOverride ?? metrics.contentHeight;
+    const isContinuous = section.breakType === "continuous" && activePages.length > 0;
+    const sectionPages = context.projectBlocks({
+      blocks: section.blocks,
+      pageSettings: section.pageSettings,
+      maxPageHeight: pageHeight,
+      measuredHeights: context.measuredHeights,
+      measuredParagraphLayouts: context.measuredParagraphLayouts,
+      pageOffset: isContinuous ? currentTotal - 1 : currentTotal,
+      existingPages: isContinuous ? [activePages[activePages.length - 1]] : [],
+      measurer: context.measurer,
+      defaultTabStop: context.defaultTabStop
+    });
+    if (isContinuous) {
+      activePages.pop();
+      activePages.push(...sectionPages);
+      currentTotal = activePages.length;
+    } else {
+      activePages.push(...sectionPages);
+      currentTotal = activePages.length;
+    }
+  }
+  return currentTotal;
+}
+function projectAllPages(context, totalPages, projectHeaderFooterVariant, reservedHeightByPageIndex) {
+  const allPages = [];
+  for (const section of context.sections) {
+    const contentWidth = getPageContentWidth(section.pageSettings);
+    const sectionHeaderBlocks = projectTallestHeaderVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const sectionFooterBlocks = projectTallestFooterVariant(
+      section,
+      contentWidth,
+      projectHeaderFooterVariant
+    );
+    const sectionMetrics = resolveEffectiveVerticalMetrics(
+      section.pageSettings,
+      sectionHeaderBlocks,
+      sectionFooterBlocks
+    );
+    const pageHeight = context.maxPageHeightOverride ?? sectionMetrics.contentHeight;
+    const isContinuous = section.breakType === "continuous" && allPages.length > 0;
+    const sectionPageOffset = isContinuous ? allPages.length - 1 : allPages.length;
+    const sectionPages = context.projectBlocks({
+      blocks: section.blocks,
+      pageSettings: section.pageSettings,
+      maxPageHeight: pageHeight,
+      measuredHeights: context.measuredHeights,
+      measuredParagraphLayouts: context.measuredParagraphLayouts,
+      styles: context.documentStyles,
+      pageOffset: sectionPageOffset,
+      totalPages,
+      existingPages: isContinuous ? [allPages[allPages.length - 1]] : [],
+      measurer: context.measurer,
+      reservedHeightByPageIndex,
+      defaultTabStop: context.defaultTabStop
+    });
+    if (isContinuous) {
+      allPages.pop();
+    }
+    for (const page of sectionPages) {
+      const pageIndexInSection = page.index - sectionPageOffset;
+      const pageContentWidth = getPageContentWidth(page.pageSettings);
+      const headerBlocks = projectHeaderFooterVariant(
+        selectSectionHeaderBlocks(
+          section,
+          Math.max(0, pageIndexInSection),
+          page.index
+        ),
+        pageContentWidth,
+        page.index,
+        totalPages
+      ) ?? page.headerBlocks;
+      const footerBlocks = projectHeaderFooterVariant(
+        selectSectionFooterBlocks(
+          section,
+          Math.max(0, pageIndexInSection),
+          page.index
+        ),
+        pageContentWidth,
+        page.index,
+        totalPages
+      ) ?? page.footerBlocks;
+      const pageMetrics = resolveEffectiveVerticalMetrics(
+        page.pageSettings,
+        headerBlocks,
+        footerBlocks
+      );
+      const reservedHeight = (reservedHeightByPageIndex == null ? void 0 : reservedHeightByPageIndex.get(page.index)) ?? 0;
+      page.headerBlocks = headerBlocks;
+      page.footerBlocks = footerBlocks;
+      page.bodyTop = pageMetrics.bodyTop;
+      page.bodyBottom = Math.max(
+        pageMetrics.bodyTop,
+        pageMetrics.bodyBottom - reservedHeight
+      );
+      page.headerTop = pageMetrics.headerTop;
+      page.footerTop = pageMetrics.footerTop;
+      page.maxHeight = Math.max(
+        24,
+        (context.maxPageHeightOverride ?? pageMetrics.contentHeight) - reservedHeight
+      );
+      allPages.push(page);
+    }
+  }
+  return allPages;
+}
+function projectDocumentSections(context, reservedHeightByPageIndex) {
+  const projectHeaderFooterVariant = createHeaderFooterVariantProjector(context);
+  const totalPages = context.needsTotalPages ? calculateTotalPages(context, projectHeaderFooterVariant) : void 0;
+  return {
+    totalPages,
+    pages: projectAllPages(
+      context,
+      totalPages,
+      projectHeaderFooterVariant,
+      reservedHeightByPageIndex
+    )
+  };
+}
+const FLOW_ID_PREFIX = "endnote-flow";
+function makeMarkerRun(endnoteId, marker) {
+  return {
+    id: `${FLOW_ID_PREFIX}:marker:${endnoteId}`,
+    text: `${marker}. `,
+    styles: { superscript: true },
+    kind: "text"
+  };
+}
+function prependMarker(paragraph, endnoteId, marker) {
+  return {
+    ...paragraph,
+    id: `${FLOW_ID_PREFIX}:p:${endnoteId}:${paragraph.id}`,
+    runs: [makeMarkerRun(endnoteId, marker), ...paragraph.runs]
+  };
+}
+function emptyMarkerParagraph(endnoteId, marker) {
+  return {
+    id: `${FLOW_ID_PREFIX}:p:${endnoteId}:empty`,
+    type: "paragraph",
+    runs: [
+      makeMarkerRun(endnoteId, marker),
+      { id: `${FLOW_ID_PREFIX}:text:${endnoteId}`, text: "", kind: "text" }
+    ]
+  };
+}
+function spacerParagraph() {
+  return {
+    id: `${FLOW_ID_PREFIX}:spacer`,
+    type: "paragraph",
+    runs: [{ id: `${FLOW_ID_PREFIX}:spacer:text`, text: "", kind: "text" }]
+  };
+}
+function buildEndnoteFlowBlocks(document2) {
+  var _a2, _b2, _c;
+  const referenced = listReferencedEndnotes(document2);
+  const items = (_a2 = document2.endnotes) == null ? void 0 : _a2.items;
+  if (!items || referenced.length === 0) {
+    return [];
+  }
+  const format = ((_c = (_b2 = document2.endnotes) == null ? void 0 : _b2.settings) == null ? void 0 : _c.numberFormat) ?? "decimal";
+  const out = [spacerParagraph()];
+  for (const ref of referenced) {
+    const endnote = items[ref.endnoteId];
+    if (!endnote) continue;
+    const marker = ref.customMark ?? getFootnoteDisplayMarker(ref.index, format);
+    const blocks = endnote.blocks;
+    if (blocks.length === 0) {
+      out.push(emptyMarkerParagraph(ref.endnoteId, marker));
+      continue;
+    }
+    blocks.forEach((block, index) => {
+      if (index === 0 && block.type === "paragraph") {
+        out.push(prependMarker(block, ref.endnoteId, marker));
+        return;
+      }
+      if (index === 0) {
+        out.push(emptyMarkerParagraph(ref.endnoteId, marker));
+      }
+      out.push(block);
+    });
+  }
+  return out;
+}
+function injectEndnotesIntoDocument(document2) {
+  const flowBlocks = buildEndnoteFlowBlocks(document2);
+  if (flowBlocks.length === 0) {
+    return document2;
+  }
+  const sections = document2.sections;
+  if (!sections || sections.length === 0) {
+    return document2;
+  }
+  const lastIndex = sections.length - 1;
+  const nextSections = sections.map(
+    (section, index) => index === lastIndex ? { ...section, blocks: [...section.blocks, ...flowBlocks] } : section
+  );
+  return { ...document2, sections: nextSections };
+}
+function blockContainsNumPagesField(block) {
+  if (block.type === "paragraph") {
+    return block.runs.some((run) => {
+      var _a2;
+      return ((_a2 = getRunField(run)) == null ? void 0 : _a2.type) === "NUMPAGES";
+    });
+  }
+  return block.rows.some(
+    (row) => row.cells.some((cell) => cell.blocks.some(blockContainsNumPagesField))
+  );
+}
+function documentContainsNumPagesField(document2) {
+  return getDocumentSections(document2).some(
+    (section) => [
+      ...section.header ?? [],
+      ...section.firstPageHeader ?? [],
+      ...section.evenPageHeader ?? [],
+      ...section.blocks,
+      ...section.footer ?? [],
+      ...section.firstPageFooter ?? [],
+      ...section.evenPageFooter ?? []
+    ].some(blockContainsNumPagesField)
+  );
+}
+function projectDocumentLayout(document2, maxPageHeightOverride, measuredHeights, measuredParagraphLayouts, options = {}) {
+  var _a2, _b2;
+  const measurer = options.measurer ?? domTextMeasurer;
+  setActiveHyphenation(
+    ((_a2 = document2.settings) == null ? void 0 : _a2.autoHyphenation) ? {
+      enabled: true,
+      zone: document2.settings.hyphenationZone,
+      consecutiveLimit: document2.settings.consecutiveHyphenLimit,
+      doNotHyphenateCaps: document2.settings.doNotHyphenateCaps
+    } : void 0
+  );
+  const layoutDocument = injectEndnotesIntoDocument(document2);
+  const sections = getDocumentSections(layoutDocument);
+  const needsTotalPages = documentContainsNumPagesField(layoutDocument);
+  const sectionContext = {
+    sections,
+    documentStyles: document2.styles,
+    maxPageHeightOverride,
+    measuredHeights,
+    measuredParagraphLayouts,
+    measurer,
+    defaultTabStop: (_b2 = document2.settings) == null ? void 0 : _b2.defaultTabStop,
+    needsTotalPages,
+    projectBlocks: projectBlocksLayout,
+    projectHeaderFooterBlocks
+  };
+  const projectedSections = projectDocumentSections(sectionContext);
+  let pages = projectedSections.pages;
+  const totalPages = projectedSections.totalPages;
+  if (!document2.footnotes || Object.keys(document2.footnotes.items).length === 0) {
+    setActiveHyphenation(void 0);
+    return { pages };
+  }
+  const footnoteContext = {
+    document: document2,
+    totalPages,
+    measuredHeights,
+    measuredParagraphLayouts,
+    measurer,
+    projectBlocks: projectHeaderFooterBlocks
+  };
+  let reservations = buildFootnoteReservations(pages, footnoteContext);
+  let previousSignature = "";
+  for (let iteration = 0; iteration < MAX_FOOTNOTE_LAYOUT_ITERATIONS; iteration += 1) {
+    const signature = reservationSignature(reservations);
+    if (signature === previousSignature) {
+      break;
+    }
+    previousSignature = signature;
+    pages = projectDocumentSections(sectionContext, reservations).pages;
+    reservations = buildFootnoteReservations(pages, footnoteContext);
+  }
+  const result = {
+    pages: applyFootnotesToPages(pages, footnoteContext)
+  };
+  setActiveHyphenation(void 0);
+  return result;
+}
 function cloneStyle(style2) {
   return style2 ? { ...style2 } : void 0;
 }
@@ -245,12 +696,12 @@ function cloneBlock(block) {
   }
 }
 function cloneSection(section) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f;
   return {
     ...section,
     blocks: section.blocks.map(cloneBlock),
-    header: (_a = section.header) == null ? void 0 : _a.map(cloneBlock),
-    firstPageHeader: (_b = section.firstPageHeader) == null ? void 0 : _b.map(cloneBlock),
+    header: (_a2 = section.header) == null ? void 0 : _a2.map(cloneBlock),
+    firstPageHeader: (_b2 = section.firstPageHeader) == null ? void 0 : _b2.map(cloneBlock),
     evenPageHeader: (_c = section.evenPageHeader) == null ? void 0 : _c.map(cloneBlock),
     footer: (_d = section.footer) == null ? void 0 : _d.map(cloneBlock),
     firstPageFooter: (_e = section.firstPageFooter) == null ? void 0 : _e.map(cloneBlock),
@@ -264,7 +715,7 @@ function cloneFootnote(footnote) {
   };
 }
 function cloneFootnotes(footnotes) {
-  var _a, _b;
+  var _a2, _b2;
   if (!footnotes) return void 0;
   const nextItems = {};
   for (const [id, footnote] of Object.entries(footnotes.items)) {
@@ -273,8 +724,8 @@ function cloneFootnotes(footnotes) {
   return {
     items: nextItems,
     settings: footnotes.settings ? { ...footnotes.settings } : void 0,
-    separator: (_a = footnotes.separator) == null ? void 0 : _a.map(cloneBlock),
-    continuationSeparator: (_b = footnotes.continuationSeparator) == null ? void 0 : _b.map(cloneBlock)
+    separator: (_a2 = footnotes.separator) == null ? void 0 : _a2.map(cloneBlock),
+    continuationSeparator: (_b2 = footnotes.continuationSeparator) == null ? void 0 : _b2.map(cloneBlock)
   };
 }
 function cloneEndnote(endnote) {
@@ -284,7 +735,7 @@ function cloneEndnote(endnote) {
   };
 }
 function cloneEndnotes(endnotes) {
-  var _a, _b;
+  var _a2, _b2;
   if (!endnotes) return void 0;
   const nextItems = {};
   for (const [id, endnote] of Object.entries(endnotes.items)) {
@@ -293,17 +744,17 @@ function cloneEndnotes(endnotes) {
   return {
     items: nextItems,
     settings: endnotes.settings ? { ...endnotes.settings } : void 0,
-    separator: (_a = endnotes.separator) == null ? void 0 : _a.map(cloneBlock),
-    continuationSeparator: (_b = endnotes.continuationSeparator) == null ? void 0 : _b.map(cloneBlock)
+    separator: (_a2 = endnotes.separator) == null ? void 0 : _a2.map(cloneBlock),
+    continuationSeparator: (_b2 = endnotes.continuationSeparator) == null ? void 0 : _b2.map(cloneBlock)
   };
 }
 function cloneEditorState(source) {
-  var _a;
+  var _a2;
   return {
     ...source,
     document: {
       ...source.document,
-      sections: (_a = source.document.sections) == null ? void 0 : _a.map(cloneSection),
+      sections: (_a2 = source.document.sections) == null ? void 0 : _a2.map(cloneSection),
       footnotes: cloneFootnotes(source.document.footnotes),
       endnotes: cloneEndnotes(source.document.endnotes)
     },
@@ -425,7 +876,7 @@ const getClassNames = (attrs) => {
   return "";
 };
 const replaceElement = (element, { nameAttr, icons: icons2, attrs }) => {
-  var _a;
+  var _a2;
   const iconName = element.getAttribute(nameAttr);
   if (iconName == null) return;
   const ComponentName = toPascalCase(iconName);
@@ -458,7 +909,7 @@ const replaceElement = (element, { nameAttr, icons: icons2, attrs }) => {
     });
   }
   const svgElement = createElement(iconNode, iconAttrs);
-  return (_a = element.parentNode) == null ? void 0 : _a.replaceChild(svgElement, element);
+  return (_a2 = element.parentNode) == null ? void 0 : _a2.replaceChild(svgElement, element);
 };
 /**
  * @license lucide v1.11.0 - ISC
@@ -26384,9 +26835,9 @@ function cloneLayoutSnapshot(snapshot) {
   };
 }
 function isCanvasDebugEnabled() {
-  var _a;
+  var _a2;
   const viteEnv = __vite_import_meta_env__ ?? {};
-  const processEnv = ((_a = globalThis.process) == null ? void 0 : _a.env) ?? {};
+  const processEnv = ((_a2 = globalThis.process) == null ? void 0 : _a2.env) ?? {};
   return viteEnv.DEV === true || viteEnv.MODE === "test" || processEnv.NODE_ENV === "test" || viteEnv.VITE_OASIS_CANVAS_DEBUG === "1";
 }
 function buildApi() {
@@ -26782,12 +27233,12 @@ function addFontFamily(target, seen, value) {
   target.push(family);
 }
 function computeFontFamilyOptions(document2, toolbarStyleState, localFontFamilies = []) {
-  var _a;
+  var _a2;
   const seen = /* @__PURE__ */ new Set();
   const documentFonts = [];
   const fallbackFonts = [];
   for (const style2 of Object.values((document2 == null ? void 0 : document2.styles) ?? {})) {
-    addFontFamily(documentFonts, seen, (_a = style2.textStyle) == null ? void 0 : _a.fontFamily);
+    addFontFamily(documentFonts, seen, (_a2 = style2.textStyle) == null ? void 0 : _a2.fontFamily);
   }
   addFontFamily(documentFonts, seen, toolbarStyleState.fontFamily);
   for (const family of localFontFamilies) {
@@ -26802,10 +27253,10 @@ function computeFontFamilyOptions(document2, toolbarStyleState, localFontFamilie
   ];
 }
 function computeFontSizeOptions(document2, toolbarStyleState) {
-  var _a;
+  var _a2;
   const values = new Set(STANDARD_FONT_SIZES_PT);
   for (const style2 of Object.values((document2 == null ? void 0 : document2.styles) ?? {})) {
-    const fontSize = (_a = style2.textStyle) == null ? void 0 : _a.fontSize;
+    const fontSize = (_a2 = style2.textStyle) == null ? void 0 : _a2.fontSize;
     if (typeof fontSize === "number" && Number.isFinite(fontSize)) {
       values.add(fontSizePxToPt(fontSize));
     }
@@ -26925,7 +27376,7 @@ function clearParagraphList(paragraph) {
   return nextParagraph;
 }
 function getStyleAtOffset(paragraph, offset) {
-  var _a;
+  var _a2;
   if (paragraph.runs.length === 0) {
     return void 0;
   }
@@ -26945,7 +27396,7 @@ function getStyleAtOffset(paragraph, offset) {
     }
     consumed = nextConsumed;
   }
-  return cloneStyle((_a = paragraph.runs[paragraph.runs.length - 1]) == null ? void 0 : _a.styles);
+  return cloneStyle((_a2 = paragraph.runs[paragraph.runs.length - 1]) == null ? void 0 : _a2.styles);
 }
 function getRunAtOffset(paragraph, offset) {
   let consumed = 0;
@@ -26975,9 +27426,9 @@ function getRunAtOffset(paragraph, offset) {
   return null;
 }
 function expandLinkRangeInParagraph(paragraph, offset) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   const resolved = getRunAtOffset(paragraph, offset);
-  const href = (_a = resolved == null ? void 0 : resolved.run.styles) == null ? void 0 : _a.link;
+  const href = (_a2 = resolved == null ? void 0 : resolved.run.styles) == null ? void 0 : _a2.link;
   if (!resolved || !href || resolved.run.kind === "image") {
     return null;
   }
@@ -26996,7 +27447,7 @@ function expandLinkRangeInParagraph(paragraph, offset) {
   endOffset = consumed + resolved.run.text.length;
   for (let index = runIndex - 1; index >= 0; index -= 1) {
     const run = runs[index];
-    if (run.kind === "image" || ((_b = run.styles) == null ? void 0 : _b.link) !== href) {
+    if (run.kind === "image" || ((_b2 = run.styles) == null ? void 0 : _b2.link) !== href) {
       break;
     }
     startOffset -= run.text.length;
@@ -27350,8 +27801,8 @@ function deleteSelectionRange(state) {
       const startOffset2 = paragraphIndex === normalized.startIndex ? normalized.startParagraphOffset : 0;
       const endOffset2 = paragraphIndex === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
       return mapRunsInRange(paragraph, startOffset2, endOffset2, (run) => {
-        var _a;
-        if (((_a = run.revision) == null ? void 0 : _a.type) === "insert") {
+        var _a2;
+        if (((_a2 = run.revision) == null ? void 0 : _a2.type) === "insert") {
           return { ...run, text: "" };
         }
         return {
@@ -27671,7 +28122,7 @@ function insertPlainTextAtSelection(state, text, styleOverride) {
   );
 }
 function deleteBackward(state) {
-  var _a;
+  var _a2;
   if (!isSelectionCollapsed(state.selection)) {
     return deleteSelectionRange(state);
   }
@@ -27694,7 +28145,7 @@ function deleteBackward(state) {
       }
       if (targetRunIndex !== -1) {
         const targetRun = runs[targetRunIndex];
-        if (((_a = targetRun.revision) == null ? void 0 : _a.type) === "insert") {
+        if (((_a2 = targetRun.revision) == null ? void 0 : _a2.type) === "insert") {
           const nextRuns2 = [
             ...sliceRuns(paragraph, 0, offset - 1),
             ...sliceRuns(paragraph, offset, getParagraphLength(paragraph))
@@ -27780,7 +28231,7 @@ function deleteBackward(state) {
   );
 }
 function deleteForward(state) {
-  var _a;
+  var _a2;
   if (!isSelectionCollapsed(state.selection)) {
     return deleteSelectionRange(state);
   }
@@ -27803,7 +28254,7 @@ function deleteForward(state) {
       }
       if (targetRunIndex !== -1) {
         const targetRun = runs[targetRunIndex];
-        if (((_a = targetRun.revision) == null ? void 0 : _a.type) === "insert") {
+        if (((_a2 = targetRun.revision) == null ? void 0 : _a2.type) === "insert") {
           const nextRuns2 = [
             ...sliceRuns(paragraph, 0, offset),
             ...sliceRuns(paragraph, offset + 1, getParagraphLength(paragraph))
@@ -27903,8 +28354,8 @@ function toggleTextStyle(state, key) {
     return state;
   }
   const shouldEnable = !touchedRuns.every((run) => {
-    var _a;
-    return Boolean((_a = run.styles) == null ? void 0 : _a[key]);
+    var _a2;
+    return Boolean((_a2 = run.styles) == null ? void 0 : _a2[key]);
   });
   const nextParagraphs = paragraphs.map((paragraph, paragraphIndex) => {
     if (paragraphIndex < normalized.startIndex || paragraphIndex > normalized.endIndex) {
@@ -27936,8 +28387,8 @@ function clearSelectedTextFormatting(state) {
     const startOffset = paragraphIndex === normalized.startIndex ? normalized.startParagraphOffset : 0;
     const endOffset = paragraphIndex === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
     return mapRunsInRange(paragraph, startOffset, endOffset, (run) => {
-      var _a;
-      const link = (_a = run.styles) == null ? void 0 : _a.link;
+      var _a2;
+      const link = (_a2 = run.styles) == null ? void 0 : _a2.link;
       const styles = link != null && link !== "" ? { link } : {};
       return { ...run, styles };
     });
@@ -28240,7 +28691,7 @@ function createFontDialogBridge(deps) {
   };
 }
 function moveBlockToPosition(state, blockId, targetPosition) {
-  var _a;
+  var _a2;
   let movedBlock;
   const removeFromBlocks = (blocks) => {
     const idx = blocks.findIndex((b) => b.id === blockId);
@@ -28290,7 +28741,7 @@ function moveBlockToPosition(state, blockId, targetPosition) {
   };
   const activeIdx = getActiveSectionIndex(state);
   const zone = getActiveZone(state);
-  const activeSection = (_a = nextDocument.sections) == null ? void 0 : _a[activeIdx];
+  const activeSection = (_a2 = nextDocument.sections) == null ? void 0 : _a2[activeIdx];
   const section = { ...activeSection };
   let found = false;
   if (zone === "header") {
@@ -28463,7 +28914,7 @@ function insertSectionBreakAtSelection(state, breakType) {
   };
 }
 function updateSectionSettings(state, sectionIndex, settings) {
-  var _a;
+  var _a2;
   const sections = getDocumentSections(state.document);
   if (sectionIndex < 0 || sectionIndex >= sections.length) {
     return state;
@@ -28477,7 +28928,7 @@ function updateSectionSettings(state, sectionIndex, settings) {
       ...settings.pageSettings ?? {},
       margins: {
         ...nextSections[sectionIndex].pageSettings.margins,
-        ...((_a = settings.pageSettings) == null ? void 0 : _a.margins) ?? {}
+        ...((_a2 = settings.pageSettings) == null ? void 0 : _a2.margins) ?? {}
       }
     }
   };
@@ -29029,7 +29480,7 @@ function parseWidthToPt(value) {
 }
 function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableIndentLeft) {
   const updateTable = (table) => {
-    var _a;
+    var _a2;
     if (table.id !== tableId) return table;
     const tableLayout = buildTableCellLayout(table);
     const visualColumnCount = Math.max(
@@ -29048,7 +29499,7 @@ function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableInd
         hasGridOverride = true;
         continue;
       }
-      const existing = (_a = table.gridCols) == null ? void 0 : _a[columnIndex];
+      const existing = (_a2 = table.gridCols) == null ? void 0 : _a2[columnIndex];
       if (typeof existing === "number" && Number.isFinite(existing) && existing > 0) {
         nextGridCols[columnIndex] = existing;
         continue;
@@ -29058,7 +29509,7 @@ function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableInd
     }
     const nextRows = table.rows.map((row, rowIndex) => {
       const nextCells = row.cells.map((cell, cellIndex) => {
-        var _a2, _b;
+        var _a3, _b2;
         const entry = tableLayout.find(
           (item) => item.rowIndex === rowIndex && item.cellIndex === cellIndex
         );
@@ -29066,11 +29517,11 @@ function setTableColumnWidths(state, tableId, columnWidths, tableWidth, tableInd
         const rightVisualColumnIndex = entry.visualColumnIndex + entry.colSpan - 1;
         const newWidth = columnWidths[rightVisualColumnIndex];
         if (newWidth !== void 0 && entry.colSpan === 1) {
-          const propertyRevision = state.trackChangesEnabled && !((_a2 = cell.style) == null ? void 0 : _a2.propertyRevision) ? {
+          const propertyRevision = state.trackChangesEnabled && !((_a3 = cell.style) == null ? void 0 : _a3.propertyRevision) ? {
             ...createTableRevisionMetadata(),
             type: "property",
             previous: { ...cell.style ?? {} }
-          } : (_b = cell.style) == null ? void 0 : _b.propertyRevision;
+          } : (_b2 = cell.style) == null ? void 0 : _b2.propertyRevision;
           return {
             ...cell,
             style: {
@@ -29294,17 +29745,17 @@ function isVisibleBorder(border) {
   return !!border && border.type !== "none" && border.width > 0;
 }
 function buildFloatingSummary(table) {
-  var _a;
-  const floating = (_a = table.style) == null ? void 0 : _a.floating;
+  var _a2;
+  const floating = (_a2 = table.style) == null ? void 0 : _a2.floating;
   if (!floating || Object.keys(floating).length === 0) return "";
   return Object.entries(floating).map(([key, value]) => `${key}=${value}`).join(", ");
 }
 function buildInitialValues(ctx, activeTab = "table") {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
-  const tableWidth = serializeWidth((_a = ctx.table.style) == null ? void 0 : _a.width);
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
+  const tableWidth = serializeWidth((_a2 = ctx.table.style) == null ? void 0 : _a2.width);
   const row = ctx.table.rows[ctx.rowIndex];
   const cell = row == null ? void 0 : row.cells[ctx.cellIndex];
-  const rowHeight = serializeWidth((_b = row == null ? void 0 : row.style) == null ? void 0 : _b.height);
+  const rowHeight = serializeWidth((_b2 = row == null ? void 0 : row.style) == null ? void 0 : _b2.height);
   const cellWidth = serializeWidth((_c = cell == null ? void 0 : cell.style) == null ? void 0 : _c.width);
   const gridWidth = (_d = ctx.table.gridCols) == null ? void 0 : _d[ctx.visualColumnIndex];
   const columnWidth = serializeWidth(gridWidth);
@@ -29732,14 +30183,14 @@ function textLanguageToHtmlAttributes(language) {
   return attrs.length > 0 ? ` ${attrs.join(" ")}` : "";
 }
 function serializeImageRunToHtml(run, document2) {
-  var _a;
+  var _a2;
   if (run.kind !== "image") {
     return "";
   }
   const resolvedSrc = resolveImageSrc(document2, run.image.src);
   const altAttr = run.image.alt !== void 0 ? ` alt="${escapeHtml(run.image.alt)}"` : "";
   const img = `<img src="${escapeHtml(resolvedSrc)}" width="${Math.max(1, Math.round(run.image.width))}" height="${Math.max(1, Math.round(run.image.height))}"${altAttr}>`;
-  if ((_a = run.styles) == null ? void 0 : _a.link) {
+  if ((_a2 = run.styles) == null ? void 0 : _a2.link) {
     return `<a href="${escapeHtml(run.styles.link)}">${img}</a>`;
   }
   return img;
@@ -29783,7 +30234,7 @@ function serializeParagraphRunsToHtml(runs, document2) {
   return runs.map((run) => serializeTextRunToHtml(run, document2)).join("") || "<br>";
 }
 function serializeEditorSelectionToHtml(state) {
-  var _a;
+  var _a2;
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed) {
     return "";
@@ -29808,7 +30259,7 @@ function serializeEditorSelectionToHtml(state) {
     const css = paragraphStyleToCssText(paragraph.style);
     const attrs = css.length > 0 ? ` style="${css}"` : "";
     const paragraphHtml = serializeParagraphRunsToHtml(runs, state.document);
-    if ((_a = paragraph.list) == null ? void 0 : _a.kind) {
+    if ((_a2 = paragraph.list) == null ? void 0 : _a2.kind) {
       const wrapperTag = paragraph.list.kind === "bullet" ? "ul" : "ol";
       if (activeListKind !== paragraph.list.kind) {
         closeList();
@@ -30171,13 +30622,13 @@ function parseEditorClipboardHtmlWithDom(html) {
 function createEditorContextMenuClipboard(deps) {
   const t = deps.t;
   const programmaticCopy = async () => {
-    var _a;
+    var _a2;
     const state = deps.state();
     const text = getSelectedText(state);
     if (!text) return;
     const html = serializeEditorSelectionToHtml(state);
     try {
-      if (typeof ClipboardItem !== "undefined" && ((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
+      if (typeof ClipboardItem !== "undefined" && ((_a2 = navigator.clipboard) == null ? void 0 : _a2.write)) {
         await navigator.clipboard.write([
           new ClipboardItem({
             "text/plain": new Blob([text], { type: "text/plain" }),
@@ -30211,12 +30662,12 @@ function createEditorContextMenuClipboard(deps) {
     deps.focusInput();
   };
   const programmaticPaste = async () => {
-    var _a, _b;
+    var _a2, _b2;
     if (deps.isReadOnly()) return;
     let html = "";
     let text = "";
     try {
-      if ((_a = navigator.clipboard) == null ? void 0 : _a.read) {
+      if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.read) {
         const items = await navigator.clipboard.read();
         for (const item of items) {
           if (item.types.includes("text/html")) {
@@ -30228,7 +30679,7 @@ function createEditorContextMenuClipboard(deps) {
             text = await blob.text();
           }
         }
-      } else if ((_b = navigator.clipboard) == null ? void 0 : _b.readText) {
+      } else if ((_b2 = navigator.clipboard) == null ? void 0 : _b2.readText) {
         text = await navigator.clipboard.readText();
       }
     } catch (err) {
@@ -30569,19 +31020,19 @@ function createEditorUiOptions(ctx) {
     showToolbar: () => ui().showToolbar ?? true,
     showOutline: () => ui().showOutline ?? true,
     toolbarView: () => {
-      var _a;
-      return ((_a = ui().toolbar) == null ? void 0 : _a.view) ?? "ribbon";
+      var _a2;
+      return ((_a2 = ui().toolbar) == null ? void 0 : _a2.view) ?? "ribbon";
     },
     toolbarLayout: () => {
-      var _a;
-      return ((_a = ui().toolbar) == null ? void 0 : _a.layout) ?? "overflow";
+      var _a2;
+      return ((_a2 = ui().toolbar) == null ? void 0 : _a2.layout) ?? "overflow";
     },
     isReadOnly: () => documentOptions().readOnly ?? false,
     useComposedShell: () => ui().uiVariant === "docs" || (ui().shell ?? "document") !== "document",
     loadingOptions,
     loadingLabel: () => {
-      var _a;
-      return ((_a = loadingOptions()) == null ? void 0 : _a.label) ?? "Loading oasis-editor...";
+      var _a2;
+      return ((_a2 = loadingOptions()) == null ? void 0 : _a2.label) ?? "Loading oasis-editor...";
     },
     shellComponent: () => {
       const s = ui().shell ?? "document";
@@ -30611,13 +31062,15 @@ function computeShouldShowCaret(state, caretBox) {
 }
 function DropCaret(props) {
   const layout = createMemo(() => {
-    var _a, _b;
+    var _a2, _b2, _c;
     const pos = props.targetPos();
     const surfaceRef = props.surfaceRef;
     if (!surfaceRef) return null;
-    const snapshot = buildCanvasLayoutSnapshot({
+    const snapshot = props.snapshotProvider.getCanvasLayoutSnapshot({
       surface: surfaceRef,
-      state: props.state
+      state: props.state,
+      documentLayout: props.documentLayout(),
+      zoomFactor: (_a2 = props.zoomFactor) == null ? void 0 : _a2.call(props)
     });
     let viewportLeft = 0;
     let viewportTop = 0;
@@ -30642,7 +31095,7 @@ function DropCaret(props) {
         };
       }
     }
-    const caret = ((_a = props.caretViewport) == null ? void 0 : _a.call(props)) ?? null;
+    const caret = ((_b2 = props.caretViewport) == null ? void 0 : _b2.call(props)) ?? null;
     if (caret) {
       viewportLeft = caret.left;
       viewportTop = caret.top;
@@ -30653,7 +31106,7 @@ function DropCaret(props) {
         height
       };
     }
-    const pointer = ((_b = props.pointerPos) == null ? void 0 : _b.call(props)) ?? null;
+    const pointer = ((_c = props.pointerPos) == null ? void 0 : _c.call(props)) ?? null;
     if (pointer) {
       viewportLeft = pointer.x;
       viewportTop = pointer.y - 12;
@@ -30777,6 +31230,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos
     })
   }), createComponent(Show, {
@@ -30790,6 +31252,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos
     })
   }), createComponent(Show, {
@@ -30803,6 +31274,15 @@ function EditorDragLayers(props) {
       get state() {
         return props.state;
       },
+      get documentLayout() {
+        return props.documentLayout;
+      },
+      get snapshotProvider() {
+        return props.snapshotProvider;
+      },
+      get zoomFactor() {
+        return props.zoomFactor;
+      },
       targetPos: pos,
       get pointerPos() {
         return props.textDrag.pointerPos;
@@ -32533,9 +33013,9 @@ function ContextMenu(props) {
           get children() {
             var _el$2 = _tmpl$4(), _el$4 = _el$2.firstChild;
             _el$2.$$click = () => {
-              var _a;
+              var _a2;
               if (item.disabled) return;
-              (_a = item.onSelect) == null ? void 0 : _a.call(item);
+              (_a2 = item.onSelect) == null ? void 0 : _a2.call(item);
               props.onClose();
             };
             insert(_el$2, createComponent(Show, {
@@ -32739,6 +33219,7 @@ function buildEditorViewProps(ctx) {
     files
   } = ctx;
   const layout = {
+    documentLayout: layoutInput.documentLayout,
     viewportHeight: layoutInput.viewportHeight,
     class: layoutInput.className,
     style: layoutInput.style,
@@ -32778,12 +33259,12 @@ function buildEditorViewProps(ctx) {
   };
   const fileHandlers = {
     onImportInputChange: (e) => {
-      var _a;
-      return files.handleImportFile(((_a = e.currentTarget.files) == null ? void 0 : _a[0]) ?? null);
+      var _a2;
+      return files.handleImportFile(((_a2 = e.currentTarget.files) == null ? void 0 : _a2[0]) ?? null);
     },
     onImageInputChange: (e) => {
-      var _a;
-      return files.handleInsertImage(((_a = e.currentTarget.files) == null ? void 0 : _a[0]) ?? null);
+      var _a2;
+      return files.handleInsertImage(((_a2 = e.currentTarget.files) == null ? void 0 : _a2[0]) ?? null);
     }
   };
   const surfaceHandlers = {
@@ -32883,6 +33364,9 @@ function EditorWorkspace(props) {
       get measuredParagraphLayouts() {
         return view2.measuredParagraphLayouts;
       },
+      get documentLayout() {
+        return view2.documentLayout;
+      },
       get viewportHeight() {
         return view2.viewportHeight;
       },
@@ -32934,6 +33418,7 @@ function EditorWorkspace(props) {
             get layout() {
               return {
                 ...props.view.layout,
+                documentLayout: props.view.documentLayout,
                 measuredBlockHeights: props.view.measuredBlockHeights,
                 measuredParagraphLayouts: props.view.measuredParagraphLayouts,
                 readOnly: props.view.isReadOnly()
@@ -33305,10 +33790,10 @@ function serializeBorder(border) {
   return serializeDocxBorderAttrs(resolved, DEFAULT_TABLE_BORDER_COLOR);
 }
 function serializeTableCellBorders(cell) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h;
   const borders = [
-    `<w:top ${serializeBorder((_a = cell.style) == null ? void 0 : _a.borderTop)}`,
-    `<w:left ${serializeBorder((_b = cell.style) == null ? void 0 : _b.borderLeft)}`,
+    `<w:top ${serializeBorder((_a2 = cell.style) == null ? void 0 : _a2.borderTop)}`,
+    `<w:left ${serializeBorder((_b2 = cell.style) == null ? void 0 : _b2.borderLeft)}`,
     `<w:bottom ${serializeBorder((_c = cell.style) == null ? void 0 : _c.borderBottom)}`,
     `<w:right ${serializeBorder((_d = cell.style) == null ? void 0 : _d.borderRight)}`
   ];
@@ -33366,12 +33851,12 @@ function serializeTableDefaultCellMargins(margins) {
   return parts.length > 0 ? `<w:tblCellMar>${parts.join("")}</w:tblCellMar>` : "";
 }
 function serializeTableCellProperties(cell, fallbackWidthPt) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const colSpan = Math.max(1, Math.floor(cell.colSpan ?? 1));
   const parts = [];
   const conditional = serializeConditionalFlags(cell.conditionalStyle);
   if (conditional) parts.push(conditional);
-  const widthXml = serializeCellWidth(((_a = cell.style) == null ? void 0 : _a.width) ?? fallbackWidthPt);
+  const widthXml = serializeCellWidth(((_a2 = cell.style) == null ? void 0 : _a2.width) ?? fallbackWidthPt);
   if (widthXml) {
     parts.push(widthXml);
   }
@@ -33383,7 +33868,7 @@ function serializeTableCellProperties(cell, fallbackWidthPt) {
   } else if (cell.vMerge === "continue") {
     parts.push("<w:vMerge/>");
   }
-  if ((_b = cell.style) == null ? void 0 : _b.shading) {
+  if ((_b2 = cell.style) == null ? void 0 : _b2.shading) {
     parts.push(
       `<w:shd w:val="clear" w:color="auto" w:fill="${normalizeDocxColor(cell.style.shading, "FFFFFF")}"/>`
     );
@@ -33460,10 +33945,10 @@ function serializeTableRowHeightFromStyle(heightValue, heightRule) {
   return `<w:trHeight ${attrs.join(" ")}/>`;
 }
 function serializeTableRowHeight(row) {
-  var _a, _b;
+  var _a2, _b2;
   return serializeTableRowHeightFromStyle(
-    (_a = row.style) == null ? void 0 : _a.height,
-    (_b = row.style) == null ? void 0 : _b.heightRule
+    (_a2 = row.style) == null ? void 0 : _a2.height,
+    (_b2 = row.style) == null ? void 0 : _b2.heightRule
   );
 }
 function serializeTableRowStyleXml(style2) {
@@ -33497,13 +33982,13 @@ function serializeTableRowStyleXml(style2) {
   return parts.length > 0 ? `<w:trPr>${parts.join("")}</w:trPr>` : "";
 }
 function serializeTableRowProperties(row) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const parts = [];
   const conditional = serializeConditionalFlags(row.conditionalStyle);
   if (conditional) parts.push(conditional);
-  const gridBefore = serializeGridSkip("gridBefore", (_a = row.style) == null ? void 0 : _a.gridBefore);
+  const gridBefore = serializeGridSkip("gridBefore", (_a2 = row.style) == null ? void 0 : _a2.gridBefore);
   if (gridBefore) parts.push(gridBefore);
-  const gridAfter = serializeGridSkip("gridAfter", (_b = row.style) == null ? void 0 : _b.gridAfter);
+  const gridAfter = serializeGridSkip("gridAfter", (_b2 = row.style) == null ? void 0 : _b2.gridAfter);
   if (gridAfter) parts.push(gridAfter);
   const widthBefore = serializeDocxWidthElement(
     "wBefore",
@@ -33576,12 +34061,12 @@ function serializeTableBorders(style2) {
   return xml ? `<w:tblBorders>${xml}</w:tblBorders>` : "";
 }
 function serializeTableProperties(table) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const parts = [];
-  if ((_a = table.style) == null ? void 0 : _a.styleId) {
+  if ((_a2 = table.style) == null ? void 0 : _a2.styleId) {
     parts.push(`<w:tblStyle w:val="${escapeXml(table.style.styleId)}"/>`);
   }
-  if ((_b = table.style) == null ? void 0 : _b.tblLook) {
+  if ((_b2 = table.style) == null ? void 0 : _b2.tblLook) {
     const l = table.style.tblLook;
     parts.push(
       `<w:tblLook w:firstRow="${l.firstRow ? "1" : "0"}" w:lastRow="${l.lastRow ? "1" : "0"}" w:firstColumn="${l.firstCol ? "1" : "0"}" w:lastColumn="${l.lastCol ? "1" : "0"}" w:noHBand="${l.noHBand ? "1" : "0"}" w:noVBand="${l.noVBand ? "1" : "0"}"/>`
@@ -33747,7 +34232,7 @@ function materializeParagraphStyle(paragraph, styles) {
   };
 }
 function materializeRunStyle(run, paragraphStyleId, styles) {
-  var _a;
+  var _a2;
   const effective = resolveEffectiveTextStyleForParagraph(
     run.styles,
     paragraphStyleId,
@@ -33803,7 +34288,7 @@ function materializeRunStyle(run, paragraphStyleId, styles) {
     shading: effective.shading,
     language: effective.language
   };
-  if ((_a = run.styles) == null ? void 0 : _a.link) {
+  if ((_a2 = run.styles) == null ? void 0 : _a2.link) {
     materialized.link = run.styles.link;
   }
   return materialized;
@@ -33886,11 +34371,11 @@ function serializeParagraphStyleXml(style2) {
   return parts.length > 0 ? `<w:pPr>${parts.join("")}</w:pPr>` : "";
 }
 function serializeParagraphProperties(paragraph, numberingInfo, styles, overrides) {
-  var _a, _b;
+  var _a2, _b2;
   const parts = [];
   const style2 = materializeParagraphStyle(paragraph, styles);
-  const align = ((_a = paragraph.style) == null ? void 0 : _a.align) ?? (overrides == null ? void 0 : overrides.align) ?? style2.align;
-  if ((_b = paragraph.style) == null ? void 0 : _b.styleId) {
+  const align = ((_a2 = paragraph.style) == null ? void 0 : _a2.align) ?? (overrides == null ? void 0 : overrides.align) ?? style2.align;
+  if ((_b2 = paragraph.style) == null ? void 0 : _b2.styleId) {
     parts.push(`<w:pStyle w:val="${escapeXml(paragraph.style.styleId)}"/>`);
   }
   if (align) {
@@ -34625,7 +35110,7 @@ function serializeRun(run, context, paragraphStyleId, styles, serializeBlocksXml
   });
 }
 function serializeRunWithRelationships(run, context, paragraphStyleId, styles, serializeBlocksXml2) {
-  var _a;
+  var _a2;
   const runXml = serializeRun(
     run,
     context,
@@ -34633,7 +35118,7 @@ function serializeRunWithRelationships(run, context, paragraphStyleId, styles, s
     styles,
     serializeBlocksXml2
   );
-  const href = (_a = run.styles) == null ? void 0 : _a.link;
+  const href = (_a2 = run.styles) == null ? void 0 : _a2.link;
   if (!href) {
     return runXml;
   }
@@ -34712,18 +35197,18 @@ function serializeRunsWithBoundaries(runs, tokens, context, paragraphStyleId, st
   return out;
 }
 function serializeSingleBlockXml(block, context, styles) {
-  var _a;
+  var _a2;
   switch (block.type) {
     case "paragraph":
       return serializeParagraphXml(block, context, styles);
     case "table": {
-      const pageBreakXml = ((_a = block.style) == null ? void 0 : _a.pageBreakBefore) ? '<w:p><w:r><w:br w:type="page"/></w:r></w:p>' : "";
+      const pageBreakXml = ((_a2 = block.style) == null ? void 0 : _a2.pageBreakBefore) ? '<w:p><w:r><w:br w:type="page"/></w:r></w:p>' : "";
       return pageBreakXml + serializeTableXml(
         block,
         (paragraph, cell) => {
-          var _a2;
+          var _a3;
           return serializeParagraphXml(paragraph, context, styles, {
-            align: (_a2 = cell.style) == null ? void 0 : _a2.horizontalAlign
+            align: (_a3 = cell.style) == null ? void 0 : _a3.horizontalAlign
           });
         }
       );
@@ -34733,12 +35218,12 @@ function serializeSingleBlockXml(block, context, styles) {
   }
 }
 function serializeBlocksXml(blocks, context, styles) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   let out = "";
   let i = 0;
   while (i < blocks.length) {
     const block = blocks[i];
-    const wrapper = (_a = block.sdtWrappers) == null ? void 0 : _a[0];
+    const wrapper = (_a2 = block.sdtWrappers) == null ? void 0 : _a2[0];
     if (!wrapper) {
       out += serializeSingleBlockXml(block, context, styles);
       i += 1;
@@ -34746,7 +35231,7 @@ function serializeBlocksXml(blocks, context, styles) {
     }
     const group = [];
     let j = i;
-    while (j < blocks.length && ((_c = (_b = blocks[j].sdtWrappers) == null ? void 0 : _b[0]) == null ? void 0 : _c.groupId) === wrapper.groupId) {
+    while (j < blocks.length && ((_c = (_b2 = blocks[j].sdtWrappers) == null ? void 0 : _b2[0]) == null ? void 0 : _c.groupId) === wrapper.groupId) {
       const rest = blocks[j].sdtWrappers.slice(1);
       group.push({
         ...blocks[j],
@@ -34761,11 +35246,11 @@ function serializeBlocksXml(blocks, context, styles) {
   return out;
 }
 function serializeParagraphXml(paragraph, context, styles, overrides) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   const runs = paragraph.runs.length > 0 ? paragraph.runs : [{ id: "", text: "", kind: "text" }];
   const dropCapFrame = paragraph.dropCap ? serializeDropCapFrameParagraph(paragraph.dropCap) : "";
-  const bookmarkEvents = (_a = context.bookmarkEventsByParagraph) == null ? void 0 : _a.get(paragraph.id);
-  const commentEvents = (_b = context.commentEventsByParagraph) == null ? void 0 : _b.get(paragraph.id);
+  const bookmarkEvents = (_a2 = context.bookmarkEventsByParagraph) == null ? void 0 : _a2.get(paragraph.id);
+  const commentEvents = (_b2 = context.commentEventsByParagraph) == null ? void 0 : _b2.get(paragraph.id);
   const boundaryTokens = [
     ...(bookmarkEvents ?? []).map((e) => ({
       offset: e.offset,
@@ -34786,11 +35271,11 @@ function serializeParagraphXml(paragraph, context, styles, overrides) {
     styles
   ) : runs.map(
     (run) => {
-      var _a2;
+      var _a3;
       return serializeRunWithRelationships(
         run,
         context,
-        (_a2 = paragraph.style) == null ? void 0 : _a2.styleId,
+        (_a3 = paragraph.style) == null ? void 0 : _a3.styleId,
         styles,
         serializeBlocksXml
       );
@@ -34805,8 +35290,8 @@ function serializeParagraphXml(paragraph, context, styles, overrides) {
 }
 const FIRST_FOOTNOTE_DOCX_ID = 1;
 function collectReferencedFootnotesForExport(document2) {
-  var _a;
-  const items = (_a = document2.footnotes) == null ? void 0 : _a.items;
+  var _a2;
+  const items = (_a2 = document2.footnotes) == null ? void 0 : _a2.items;
   if (!items) return [];
   const seen = /* @__PURE__ */ new Map();
   let nextDocxId = FIRST_FOOTNOTE_DOCX_ID;
@@ -34854,11 +35339,11 @@ function createEmptyFootnoteBodyParagraph(withMarker = true) {
   };
 }
 function prependFootnoteRefMarker(paragraph) {
-  var _a;
+  var _a2;
   return {
     ...paragraph,
     runs: [makeFootnoteRefMarkerRun(), ...paragraph.runs],
-    style: ((_a = paragraph.style) == null ? void 0 : _a.styleId) ? paragraph.style : { ...paragraph.style ?? {}, styleId: "FootnoteText" }
+    style: ((_a2 = paragraph.style) == null ? void 0 : _a2.styleId) ? paragraph.style : { ...paragraph.style ?? {}, styleId: "FootnoteText" }
   };
 }
 function makeFootnoteRefMarkerRun() {
@@ -34887,9 +35372,9 @@ function buildFootnotesXml(document2, referenced, numberingContext, state, build
       return serializeTableXml(
         block,
         (paragraph, cell) => {
-          var _a;
+          var _a2;
           return serializeParagraphXml(paragraph, partContext, styles, {
-            align: (_a = cell.style) == null ? void 0 : _a.horizontalAlign
+            align: (_a2 = cell.style) == null ? void 0 : _a2.horizontalAlign
           });
         }
       );
@@ -34901,8 +35386,8 @@ function buildFootnotesXml(document2, referenced, numberingContext, state, build
 }
 const FIRST_ENDNOTE_DOCX_ID = 1;
 function collectReferencedEndnotesForExport(document2) {
-  var _a;
-  const items = (_a = document2.endnotes) == null ? void 0 : _a.items;
+  var _a2;
+  const items = (_a2 = document2.endnotes) == null ? void 0 : _a2.items;
   if (!items) return [];
   const seen = /* @__PURE__ */ new Map();
   let nextDocxId = FIRST_ENDNOTE_DOCX_ID;
@@ -34950,11 +35435,11 @@ function createEmptyEndnoteBodyParagraph(withMarker = true) {
   };
 }
 function prependEndnoteRefMarker(paragraph) {
-  var _a;
+  var _a2;
   return {
     ...paragraph,
     runs: [makeEndnoteRefMarkerRun(), ...paragraph.runs],
-    style: ((_a = paragraph.style) == null ? void 0 : _a.styleId) ? paragraph.style : { ...paragraph.style ?? {}, styleId: "EndnoteText" }
+    style: ((_a2 = paragraph.style) == null ? void 0 : _a2.styleId) ? paragraph.style : { ...paragraph.style ?? {}, styleId: "EndnoteText" }
   };
 }
 function makeEndnoteRefMarkerRun() {
@@ -34982,9 +35467,9 @@ function buildEndnotesXml(_document, referenced, _numberingContext, _state, buil
       return serializeTableXml(
         block,
         (paragraph, cell) => {
-          var _a;
+          var _a2;
           return serializeParagraphXml(paragraph, partContext, styles, {
-            align: (_a = cell.style) == null ? void 0 : _a.horizontalAlign
+            align: (_a2 = cell.style) == null ? void 0 : _a2.horizontalAlign
           });
         }
       );
@@ -35416,14 +35901,14 @@ function buildNumberingXml(definitions) {
 }
 const DOCUMENT_XMLNS = `xmlns:w="${WORD_NS$1}" xmlns:w14="${WORD14_NS}" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" xmlns:r="${OFFICE_REL_NS}"`;
 function serializeSectionPropertiesWithReferences(pageSettings, references) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
   const width = pxToTwips(pageSettings.width, 12240);
   const height = pxToTwips(pageSettings.height, 15840);
   const margins = pageSettings.margins;
   const orientationAttr = pageSettings.orientation === "landscape" ? ' w:orient="landscape"' : "";
   const referencesXml = [
-    ((_a = references == null ? void 0 : references.header) == null ? void 0 : _a.first) ? `<w:headerReference w:type="first" r:id="${references.header.first.relId}"/>` : "",
-    ((_b = references == null ? void 0 : references.header) == null ? void 0 : _b.even) ? `<w:headerReference w:type="even" r:id="${references.header.even.relId}"/>` : "",
+    ((_a2 = references == null ? void 0 : references.header) == null ? void 0 : _a2.first) ? `<w:headerReference w:type="first" r:id="${references.header.first.relId}"/>` : "",
+    ((_b2 = references == null ? void 0 : references.header) == null ? void 0 : _b2.even) ? `<w:headerReference w:type="even" r:id="${references.header.even.relId}"/>` : "",
     ((_c = references == null ? void 0 : references.header) == null ? void 0 : _c.default) ? `<w:headerReference w:type="default" r:id="${references.header.default.relId}"/>` : "",
     ((_d = references == null ? void 0 : references.footer) == null ? void 0 : _d.first) ? `<w:footerReference w:type="first" r:id="${references.footer.first.relId}"/>` : "",
     ((_e = references == null ? void 0 : references.footer) == null ? void 0 : _e.even) ? `<w:footerReference w:type="even" r:id="${references.footer.even.relId}"/>` : "",
@@ -35504,11 +35989,11 @@ function createImageCaptionParagraph(captionText, label, sequenceNumber) {
   return paragraph;
 }
 function isImageCaptionParagraph(paragraph) {
-  var _a, _b;
+  var _a2, _b2;
   if (!paragraph) {
     return false;
   }
-  const styleId = (_b = (_a = paragraph.style) == null ? void 0 : _a.styleId) == null ? void 0 : _b.toLowerCase();
+  const styleId = (_b2 = (_a2 = paragraph.style) == null ? void 0 : _a2.styleId) == null ? void 0 : _b2.toLowerCase();
   if (styleId !== "caption") {
     return false;
   }
@@ -35520,7 +36005,7 @@ function isImageCaptionParagraph(paragraph) {
   });
 }
 function getImageCaptionText(paragraph) {
-  var _a;
+  var _a2;
   if (!isImageCaptionParagraph(paragraph)) {
     return "";
   }
@@ -35531,15 +36016,15 @@ function getImageCaptionText(paragraph) {
       value += run.text;
       continue;
     }
-    if (((_a = getRunFieldChar(run)) == null ? void 0 : _a.kind) === "end") {
+    if (((_a2 = getRunFieldChar(run)) == null ? void 0 : _a2.kind) === "end") {
       afterField = true;
     }
   }
   return value.replace(/^[:\-\s]+/, "");
 }
 function updateImageCaptionParagraph(paragraph, captionText, label) {
-  var _a;
-  const currentNumber = ((_a = paragraph.runs.find((run) => /^\d+$/.test(run.text))) == null ? void 0 : _a.text) ?? "1";
+  var _a2;
+  const currentNumber = ((_a2 = paragraph.runs.find((run) => /^\d+$/.test(run.text))) == null ? void 0 : _a2.text) ?? "1";
   const next = createImageCaptionParagraph(
     captionText,
     label,
@@ -35638,9 +36123,9 @@ function buildPartContext(blocks, numberingContext, state, document2) {
   const hyperlinks = [];
   const hyperlinkMap = /* @__PURE__ */ new Map();
   visitBlocks(blocks, (paragraph) => {
-    var _a;
+    var _a2;
     for (const run of paragraph.runs) {
-      const link = (_a = run.styles) == null ? void 0 : _a.link;
+      const link = (_a2 = run.styles) == null ? void 0 : _a2.link;
       if (link && !link.startsWith("#") && !hyperlinkMap.has(link)) {
         const rId2 = `rIdLink${hyperlinks.length + 1}`;
         hyperlinkMap.set(link, rId2);
@@ -35711,7 +36196,7 @@ function buildPartContext(blocks, numberingContext, state, document2) {
   };
 }
 async function exportEditorDocumentToDocx(document2) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   document2 = renumberImageCaptionsInDocument(document2);
   const zip = new JSZip();
   const numberingContext = buildNumberingContext(document2);
@@ -35748,7 +36233,7 @@ async function exportEditorDocumentToDocx(document2) {
   let nextFooterIndex = 1;
   sections.forEach((section, sectionIndex) => {
     const addPart = (kind, type, blocks) => {
-      var _a2;
+      var _a3;
       if (!blocks || blocks.length === 0) {
         return;
       }
@@ -35775,7 +36260,7 @@ async function exportEditorDocumentToDocx(document2) {
         context
       });
       const referenceKey = kind === "header" ? "header" : "footer";
-      ((_a2 = sectionReferences[sectionIndex])[referenceKey] ?? (_a2[referenceKey] = {}))[type] = { relId };
+      ((_a3 = sectionReferences[sectionIndex])[referenceKey] ?? (_a3[referenceKey] = {}))[type] = { relId };
       if (kind === "header") {
         nextHeaderIndex += 1;
       } else {
@@ -35792,11 +36277,11 @@ async function exportEditorDocumentToDocx(document2) {
   const hasNumbering = numberingContext.definitions.length > 0;
   const hasEvenAndOddHeaders = sections.some(
     (section) => {
-      var _a2, _b2;
-      return (((_a2 = section.evenPageHeader) == null ? void 0 : _a2.length) ?? 0) > 0 || (((_b2 = section.evenPageFooter) == null ? void 0 : _b2.length) ?? 0) > 0;
+      var _a3, _b3;
+      return (((_a3 = section.evenPageHeader) == null ? void 0 : _a3.length) ?? 0) > 0 || (((_b3 = section.evenPageFooter) == null ? void 0 : _b3.length) ?? 0) > 0;
     }
   );
-  const hasDocumentSettings = hasEvenAndOddHeaders || ((_a = document2.settings) == null ? void 0 : _a.defaultTabStop) !== void 0 || ((_b = document2.settings) == null ? void 0 : _b.allowSpaceOfSameStyleInTable) !== void 0 || ((_c = document2.settings) == null ? void 0 : _c.autoHyphenation) !== void 0 || ((_d = document2.settings) == null ? void 0 : _d.consecutiveHyphenLimit) !== void 0 || ((_e = document2.settings) == null ? void 0 : _e.hyphenationZone) !== void 0 || ((_f = document2.settings) == null ? void 0 : _f.doNotHyphenateCaps) !== void 0 || ((_g = document2.footnotes) == null ? void 0 : _g.settings) !== void 0 || ((_h = document2.endnotes) == null ? void 0 : _h.settings) !== void 0;
+  const hasDocumentSettings = hasEvenAndOddHeaders || ((_a2 = document2.settings) == null ? void 0 : _a2.defaultTabStop) !== void 0 || ((_b2 = document2.settings) == null ? void 0 : _b2.allowSpaceOfSameStyleInTable) !== void 0 || ((_c = document2.settings) == null ? void 0 : _c.autoHyphenation) !== void 0 || ((_d = document2.settings) == null ? void 0 : _d.consecutiveHyphenLimit) !== void 0 || ((_e = document2.settings) == null ? void 0 : _e.hyphenationZone) !== void 0 || ((_f = document2.settings) == null ? void 0 : _f.doNotHyphenateCaps) !== void 0 || ((_g = document2.footnotes) == null ? void 0 : _g.settings) !== void 0 || ((_h = document2.endnotes) == null ? void 0 : _h.settings) !== void 0;
   const allImages = [
     ...bodyContext.images,
     ...parts.flatMap((part) => part.context.images)
@@ -35826,8 +36311,8 @@ async function exportEditorDocumentToDocx(document2) {
     allImages.push(...endnotesPart.partContext.images);
   }
   const imageExtensions = allImages.filter((img) => img.kind === "embedded").map((img) => {
-    var _a2;
-    return (_a2 = img.target.split(".").pop()) == null ? void 0 : _a2.toLowerCase();
+    var _a3;
+    return (_a3 = img.target.split(".").pop()) == null ? void 0 : _a3.toLowerCase();
   }).filter((ext) => Boolean(ext));
   const hasStyles = document2.styles != null && Object.keys(document2.styles).length > 0;
   const hasFontTable = (((_i = document2.fontTable) == null ? void 0 : _i.length) ?? 0) > 0;
@@ -35969,24 +36454,24 @@ function borderDashArray(type) {
   }
 }
 function getPadding(textBox) {
-  var _a, _b, _c, _d;
+  var _a2, _b2, _c, _d;
   return {
-    left: ((_a = textBox.body) == null ? void 0 : _a.paddingLeft) ?? 0,
-    top: ((_b = textBox.body) == null ? void 0 : _b.paddingTop) ?? 0,
+    left: ((_a2 = textBox.body) == null ? void 0 : _a2.paddingLeft) ?? 0,
+    top: ((_b2 = textBox.body) == null ? void 0 : _b2.paddingTop) ?? 0,
     right: ((_c = textBox.body) == null ? void 0 : _c.paddingRight) ?? 0,
     bottom: ((_d = textBox.body) == null ? void 0 : _d.paddingBottom) ?? 0
   };
 }
 function drawShapeGeometry(writer, pageIndex, textBox, xPx, yPx, widthPx, heightPx) {
-  var _a, _b, _c, _d;
+  var _a2, _b2, _c, _d;
   const segments = getPresetPathSegments(
-    (_a = textBox.shape) == null ? void 0 : _a.preset,
+    (_a2 = textBox.shape) == null ? void 0 : _a2.preset,
     pxToPt$1(xPx),
     pxToPt$1(yPx),
     pxToPt$1(widthPx),
     pxToPt$1(heightPx)
   );
-  const fill = (_b = textBox.shape) == null ? void 0 : _b.fill;
+  const fill = (_b2 = textBox.shape) == null ? void 0 : _b2.fill;
   const borderColor = (_c = textBox.shape) == null ? void 0 : _c.borderColor;
   const borderWidthPt = ((_d = textBox.shape) == null ? void 0 : _d.borderWidthPt) ?? (borderColor ? 0.75 : 0);
   writer.drawPath(pageIndex, {
@@ -35997,7 +36482,7 @@ function drawShapeGeometry(writer, pageIndex, textBox, xPx, yPx, widthPx, height
   });
 }
 async function drawTextBoxContent(writer, textBox, ctx, xPx, yPx, widthPx, heightPx, drawers) {
-  var _a;
+  var _a2;
   if (textBox.blocks.length === 0) {
     return;
   }
@@ -36026,7 +36511,7 @@ async function drawTextBoxContent(writer, textBox, ctx, xPx, yPx, widthPx, heigh
     styles: ctx.document.styles,
     pageOffset: ctx.pageIndex
   });
-  const blocks = ((_a = pages[0]) == null ? void 0 : _a.blocks) ?? [];
+  const blocks = ((_a2 = pages[0]) == null ? void 0 : _a2.blocks) ?? [];
   if (blocks.length === 0) {
     return;
   }
@@ -36635,7 +37120,7 @@ function groupSlotChunksByOffsetGaps(chars) {
   return chunks;
 }
 function resolveTabLeader(paragraph, line, tabLeft, document2) {
-  var _a;
+  var _a2;
   const paragraphStyle = resolveEffectiveParagraphStyle(
     paragraph.style,
     document2.styles
@@ -36644,7 +37129,7 @@ function resolveTabLeader(paragraph, line, tabLeft, document2) {
   if (tabs.length === 0) {
     return void 0;
   }
-  const lineStart = ((_a = line.slots[0]) == null ? void 0 : _a.left) ?? 0;
+  const lineStart = ((_a2 = line.slots[0]) == null ? void 0 : _a2.left) ?? 0;
   const relativeLeft = tabLeft - lineStart;
   const stop = tabs.filter((tab) => tab.type !== "clear").map((tab) => ({ ...tab, positionPx: tab.position * PX_PER_POINT })).filter((tab) => tab.positionPx > relativeLeft + 0.01).sort((a, b) => a.positionPx - b.positionPx)[0];
   return (stop == null ? void 0 : stop.leader) && stop.leader !== "none" ? stop.leader : void 0;
@@ -36699,7 +37184,7 @@ async function drawInlineTextBoxFragment(writer, pageIndex, line, fragment, docu
   );
 }
 async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, document2, originX, originY, fontRegistry, drawers) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   if (fragment.image) {
     if (fragment.image.floating) {
       return;
@@ -36744,7 +37229,7 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
   }
   const styles = resolveEffectiveTextStyleForParagraph(
     fragment.styles,
-    (_a = paragraph.style) == null ? void 0 : _a.styleId,
+    (_a2 = paragraph.style) == null ? void 0 : _a2.styleId,
     document2.styles
   );
   if (styles.hidden) {
@@ -36764,6 +37249,23 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
   if (!firstChar || text.length === 0) {
     return;
   }
+  if (styles.link) {
+    const linkBounds = resolveFragmentBounds(
+      line,
+      fragment,
+      styles.fontSize ?? DEFAULT_FONT_SIZE_PX
+    );
+    if (linkBounds && linkBounds.right > linkBounds.left) {
+      const isInternal = styles.link.startsWith("#");
+      writer.addLinkAnnotation(pageIndex, {
+        x: pxToPt$1(originX + linkBounds.left),
+        y: pxToPt$1(originY + line.top),
+        width: pxToPt$1(linkBounds.right - linkBounds.left),
+        height: pxToPt$1(line.height),
+        ...isInternal ? { destName: styles.link.slice(1) } : { uri: styles.link }
+      });
+    }
+  }
   drawFragmentShading(
     writer,
     pageIndex,
@@ -36816,7 +37318,7 @@ async function drawFragmentText(writer, pageIndex, paragraph, line, fragment, do
     horizontalScale: styles.characterScale ?? 100,
     fontFeatures
   };
-  const mainColor = ((_b = styles.textFill) == null ? void 0 : _b.type) === "solid" ? styles.textFill.color : ((_c = styles.textFill) == null ? void 0 : _c.type) === "gradient" && styles.textFill.stops[0] ? styles.textFill.stops[0].color : styles.color ?? "#000000";
+  const mainColor = ((_b2 = styles.textFill) == null ? void 0 : _b2.type) === "solid" ? styles.textFill.color : ((_c = styles.textFill) == null ? void 0 : _c.type) === "gradient" && styles.textFill.stops[0] ? styles.textFill.stops[0].color : styles.color ?? "#000000";
   const gradientShadingName = resolveGradientShadingName(
     writer,
     pageIndex,
@@ -36974,7 +37476,7 @@ function getListOrdinals(document2) {
   return buildListLabels(document2);
 }
 function drawListPrefix(writer, pageIndex, paragraph, line, document2, originX, originY, fontRegistry, listOrdinals) {
-  var _a;
+  var _a2;
   if (line.index !== 0) {
     return;
   }
@@ -36988,7 +37490,7 @@ function drawListPrefix(writer, pageIndex, paragraph, line, document2, originX,
   }
   const styles = resolveEffectiveTextStyleForParagraph(
     void 0,
-    (_a = paragraph.style) == null ? void 0 : _a.styleId,
+    (_a2 = paragraph.style) == null ? void 0 : _a2.styleId,
     document2.styles
   );
   const fontFace = fontRegistry.resolveFontFace({
@@ -37218,8 +37720,8 @@ async function drawTableBlock(writer, pageIndex, block, document2, originX, orig
   }
 }
 const blockDrawers = { drawParagraph, drawTableBlock };
-async function drawBlockList(writer, pageIndex, blocks, document2, originX, originY, contentWidth, fontRegistry, listOrdinals, pageSettings) {
-  var _a;
+async function drawBlockList(writer, pageIndex, blocks, document2, originX, originY, contentWidth, fontRegistry, listOrdinals, pageSettings, onParagraphDrawn) {
+  var _a2;
   if (!blocks || blocks.length === 0) {
     return;
   }
@@ -37237,6 +37739,7 @@ async function drawBlockList(writer, pageIndex, blocks, document2, originX, orig
         );
         const spacingBefore = block.layout.startOffset === 0 && cursorY > originY ? paragraphStyle.spacingBefore ?? 0 : 0;
         const boxTop = cursorY + spacingBefore;
+        onParagraphDrawn == null ? void 0 : onParagraphDrawn(block.sourceBlock.id, boxTop);
         const textTop = boxTop + getParagraphBorderInsets(paragraphStyle).top;
         drawParagraphDecorations(
           writer,
@@ -37318,7 +37821,7 @@ async function drawBlockList(writer, pageIndex, blocks, document2, originX, orig
         break;
       }
       case "table":
-        if (((_a = block.sourceBlock.style) == null ? void 0 : _a.floating) && pageSettings) {
+        if (((_a2 = block.sourceBlock.style) == null ? void 0 : _a2.floating) && pageSettings) {
           const width = resolveCanvasTableWidth(
             block.sourceBlock,
             contentWidth
@@ -38970,7 +39473,7 @@ class SimpleTextLayouter {
 function view(bytes) {
   return new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
 }
-function u16(bytes, offset) {
+function u16$1(bytes, offset) {
   return view(bytes).getUint16(offset);
 }
 function i16(bytes, offset) {
@@ -39022,8 +39525,8 @@ function collectCompositeGlyphs(glyph, addGlyph) {
   let flags = 0;
   do {
     if (offset + 4 > glyph.byteLength) return;
-    flags = u16(glyph, offset);
-    addGlyph(u16(glyph, offset + 2));
+    flags = u16$1(glyph, offset);
+    addGlyph(u16$1(glyph, offset + 2));
     offset += 4;
     offset += flags & 1 ? 4 : 2;
     if (flags & 8) offset += 2;
@@ -39038,7 +39541,7 @@ function subsetClosure(font, initialGlyphs) {
   if (!glyf || !loca || !head) {
     return Array.from(/* @__PURE__ */ new Set([0, ...initialGlyphs])).sort((a, b) => a - b);
   }
-  const offsets = readLoca(loca, u16(head, 50));
+  const offsets = readLoca(loca, u16$1(head, 50));
   const used = /* @__PURE__ */ new Set([0, ...initialGlyphs]);
   const stack = Array.from(used);
   while (stack.length > 0) {
@@ -39082,7 +39585,7 @@ function buildSubsetTables(font, glyphIds) {
   }
   const maxGlyphId = Math.max(0, ...glyphIds);
   const used = new Set(glyphIds);
-  const sourceOffsets = readLoca(loca, u16(head, 50));
+  const sourceOffsets = readLoca(loca, u16$1(head, 50));
   const locaOffsets = [];
   const glyfChunks = [];
   let glyfOffset = 0;
@@ -39477,11 +39980,608 @@ function buildFunctionObject(stops) {
     ">>"
   ].join("\n");
 }
-function serializePdfDocument(pages, fonts, images, shadings) {
+var u8 = Uint8Array, u16 = Uint16Array, i32 = Int32Array;
+var fleb = new u8([
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  1,
+  1,
+  2,
+  2,
+  2,
+  2,
+  3,
+  3,
+  3,
+  3,
+  4,
+  4,
+  4,
+  4,
+  5,
+  5,
+  5,
+  5,
+  0,
+  /* unused */
+  0,
+  0,
+  /* impossible */
+  0
+]);
+var fdeb = new u8([
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  2,
+  2,
+  3,
+  3,
+  4,
+  4,
+  5,
+  5,
+  6,
+  6,
+  7,
+  7,
+  8,
+  8,
+  9,
+  9,
+  10,
+  10,
+  11,
+  11,
+  12,
+  12,
+  13,
+  13,
+  /* unused */
+  0,
+  0
+]);
+var clim = new u8([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
+var freb = function(eb, start) {
+  var b = new u16(31);
+  for (var i = 0; i < 31; ++i) {
+    b[i] = start += 1 << eb[i - 1];
+  }
+  var r = new i32(b[30]);
+  for (var i = 1; i < 30; ++i) {
+    for (var j = b[i]; j < b[i + 1]; ++j) {
+      r[j] = j - b[i] << 5 | i;
+    }
+  }
+  return { b, r };
+};
+var _a = freb(fleb, 2), fl = _a.b, revfl = _a.r;
+fl[28] = 258, revfl[258] = 28;
+var _b = freb(fdeb, 0), revfd = _b.r;
+var rev = new u16(32768);
+for (var i = 0; i < 32768; ++i) {
+  var x = (i & 43690) >> 1 | (i & 21845) << 1;
+  x = (x & 52428) >> 2 | (x & 13107) << 2;
+  x = (x & 61680) >> 4 | (x & 3855) << 4;
+  rev[i] = ((x & 65280) >> 8 | (x & 255) << 8) >> 1;
+}
+var hMap = function(cd, mb, r) {
+  var s = cd.length;
+  var i = 0;
+  var l = new u16(mb);
+  for (; i < s; ++i) {
+    if (cd[i])
+      ++l[cd[i] - 1];
+  }
+  var le = new u16(mb);
+  for (i = 1; i < mb; ++i) {
+    le[i] = le[i - 1] + l[i - 1] << 1;
+  }
+  var co;
+  if (r) {
+    co = new u16(1 << mb);
+    var rvb = 15 - mb;
+    for (i = 0; i < s; ++i) {
+      if (cd[i]) {
+        var sv = i << 4 | cd[i];
+        var r_1 = mb - cd[i];
+        var v = le[cd[i] - 1]++ << r_1;
+        for (var m = v | (1 << r_1) - 1; v <= m; ++v) {
+          co[rev[v] >> rvb] = sv;
+        }
+      }
+    }
+  } else {
+    co = new u16(s);
+    for (i = 0; i < s; ++i) {
+      if (cd[i]) {
+        co[i] = rev[le[cd[i] - 1]++] >> 15 - cd[i];
+      }
+    }
+  }
+  return co;
+};
+var flt = new u8(288);
+for (var i = 0; i < 144; ++i)
+  flt[i] = 8;
+for (var i = 144; i < 256; ++i)
+  flt[i] = 9;
+for (var i = 256; i < 280; ++i)
+  flt[i] = 7;
+for (var i = 280; i < 288; ++i)
+  flt[i] = 8;
+var fdt = new u8(32);
+for (var i = 0; i < 32; ++i)
+  fdt[i] = 5;
+var flm = /* @__PURE__ */ hMap(flt, 9, 0);
+var fdm = /* @__PURE__ */ hMap(fdt, 5, 0);
+var shft = function(p) {
+  return (p + 7) / 8 | 0;
+};
+var slc = function(v, s, e) {
+  if (e == null || e > v.length)
+    e = v.length;
+  return new u8(v.subarray(s, e));
+};
+var wbits = function(d, p, v) {
+  v <<= p & 7;
+  var o = p / 8 | 0;
+  d[o] |= v;
+  d[o + 1] |= v >> 8;
+};
+var wbits16 = function(d, p, v) {
+  v <<= p & 7;
+  var o = p / 8 | 0;
+  d[o] |= v;
+  d[o + 1] |= v >> 8;
+  d[o + 2] |= v >> 16;
+};
+var hTree = function(d, mb) {
+  var t = [];
+  for (var i = 0; i < d.length; ++i) {
+    if (d[i])
+      t.push({ s: i, f: d[i] });
+  }
+  var s = t.length;
+  var t2 = t.slice();
+  if (!s)
+    return { t: et, l: 0 };
+  if (s == 1) {
+    var v = new u8(t[0].s + 1);
+    v[t[0].s] = 1;
+    return { t: v, l: 1 };
+  }
+  t.sort(function(a, b) {
+    return a.f - b.f;
+  });
+  t.push({ s: -1, f: 25001 });
+  var l = t[0], r = t[1], i0 = 0, i1 = 1, i2 = 2;
+  t[0] = { s: -1, f: l.f + r.f, l, r };
+  while (i1 != s - 1) {
+    l = t[t[i0].f < t[i2].f ? i0++ : i2++];
+    r = t[i0 != i1 && t[i0].f < t[i2].f ? i0++ : i2++];
+    t[i1++] = { s: -1, f: l.f + r.f, l, r };
+  }
+  var maxSym = t2[0].s;
+  for (var i = 1; i < s; ++i) {
+    if (t2[i].s > maxSym)
+      maxSym = t2[i].s;
+  }
+  var tr = new u16(maxSym + 1);
+  var mbt = ln(t[i1 - 1], tr, 0);
+  if (mbt > mb) {
+    var i = 0, dt = 0;
+    var lft = mbt - mb, cst = 1 << lft;
+    t2.sort(function(a, b) {
+      return tr[b.s] - tr[a.s] || a.f - b.f;
+    });
+    for (; i < s; ++i) {
+      var i2_1 = t2[i].s;
+      if (tr[i2_1] > mb) {
+        dt += cst - (1 << mbt - tr[i2_1]);
+        tr[i2_1] = mb;
+      } else
+        break;
+    }
+    dt >>= lft;
+    while (dt > 0) {
+      var i2_2 = t2[i].s;
+      if (tr[i2_2] < mb)
+        dt -= 1 << mb - tr[i2_2]++ - 1;
+      else
+        ++i;
+    }
+    for (; i >= 0 && dt; --i) {
+      var i2_3 = t2[i].s;
+      if (tr[i2_3] == mb) {
+        --tr[i2_3];
+        ++dt;
+      }
+    }
+    mbt = mb;
+  }
+  return { t: new u8(tr), l: mbt };
+};
+var ln = function(n, l, d) {
+  return n.s == -1 ? Math.max(ln(n.l, l, d + 1), ln(n.r, l, d + 1)) : l[n.s] = d;
+};
+var lc = function(c) {
+  var s = c.length;
+  while (s && !c[--s])
+    ;
+  var cl = new u16(++s);
+  var cli = 0, cln = c[0], cls = 1;
+  var w = function(v) {
+    cl[cli++] = v;
+  };
+  for (var i = 1; i <= s; ++i) {
+    if (c[i] == cln && i != s)
+      ++cls;
+    else {
+      if (!cln && cls > 2) {
+        for (; cls > 138; cls -= 138)
+          w(32754);
+        if (cls > 2) {
+          w(cls > 10 ? cls - 11 << 5 | 28690 : cls - 3 << 5 | 12305);
+          cls = 0;
+        }
+      } else if (cls > 3) {
+        w(cln), --cls;
+        for (; cls > 6; cls -= 6)
+          w(8304);
+        if (cls > 2)
+          w(cls - 3 << 5 | 8208), cls = 0;
+      }
+      while (cls--)
+        w(cln);
+      cls = 1;
+      cln = c[i];
+    }
+  }
+  return { c: cl.subarray(0, cli), n: s };
+};
+var clen = function(cf, cl) {
+  var l = 0;
+  for (var i = 0; i < cl.length; ++i)
+    l += cf[i] * cl[i];
+  return l;
+};
+var wfblk = function(out, pos, dat) {
+  var s = dat.length;
+  var o = shft(pos + 2);
+  out[o] = s & 255;
+  out[o + 1] = s >> 8;
+  out[o + 2] = out[o] ^ 255;
+  out[o + 3] = out[o + 1] ^ 255;
+  for (var i = 0; i < s; ++i)
+    out[o + i + 4] = dat[i];
+  return (o + 4 + s) * 8;
+};
+var wblk = function(dat, out, final, syms, lf, df, eb, li, bs, bl, p) {
+  wbits(out, p++, final);
+  ++lf[256];
+  var _a2 = hTree(lf, 15), dlt = _a2.t, mlb = _a2.l;
+  var _b2 = hTree(df, 15), ddt = _b2.t, mdb = _b2.l;
+  var _c = lc(dlt), lclt = _c.c, nlc = _c.n;
+  var _d = lc(ddt), lcdt = _d.c, ndc = _d.n;
+  var lcfreq = new u16(19);
+  for (var i = 0; i < lclt.length; ++i)
+    ++lcfreq[lclt[i] & 31];
+  for (var i = 0; i < lcdt.length; ++i)
+    ++lcfreq[lcdt[i] & 31];
+  var _e = hTree(lcfreq, 7), lct = _e.t, mlcb = _e.l;
+  var nlcc = 19;
+  for (; nlcc > 4 && !lct[clim[nlcc - 1]]; --nlcc)
+    ;
+  var flen = bl + 5 << 3;
+  var ftlen = clen(lf, flt) + clen(df, fdt) + eb;
+  var dtlen = clen(lf, dlt) + clen(df, ddt) + eb + 14 + 3 * nlcc + clen(lcfreq, lct) + 2 * lcfreq[16] + 3 * lcfreq[17] + 7 * lcfreq[18];
+  if (bs >= 0 && flen <= ftlen && flen <= dtlen)
+    return wfblk(out, p, dat.subarray(bs, bs + bl));
+  var lm, ll, dm, dl;
+  wbits(out, p, 1 + (dtlen < ftlen)), p += 2;
+  if (dtlen < ftlen) {
+    lm = hMap(dlt, mlb, 0), ll = dlt, dm = hMap(ddt, mdb, 0), dl = ddt;
+    var llm = hMap(lct, mlcb, 0);
+    wbits(out, p, nlc - 257);
+    wbits(out, p + 5, ndc - 1);
+    wbits(out, p + 10, nlcc - 4);
+    p += 14;
+    for (var i = 0; i < nlcc; ++i)
+      wbits(out, p + 3 * i, lct[clim[i]]);
+    p += 3 * nlcc;
+    var lcts = [lclt, lcdt];
+    for (var it = 0; it < 2; ++it) {
+      var clct = lcts[it];
+      for (var i = 0; i < clct.length; ++i) {
+        var len = clct[i] & 31;
+        wbits(out, p, llm[len]), p += lct[len];
+        if (len > 15)
+          wbits(out, p, clct[i] >> 5 & 127), p += clct[i] >> 12;
+      }
+    }
+  } else {
+    lm = flm, ll = flt, dm = fdm, dl = fdt;
+  }
+  for (var i = 0; i < li; ++i) {
+    var sym = syms[i];
+    if (sym > 255) {
+      var len = sym >> 18 & 31;
+      wbits16(out, p, lm[len + 257]), p += ll[len + 257];
+      if (len > 7)
+        wbits(out, p, sym >> 23 & 31), p += fleb[len];
+      var dst = sym & 31;
+      wbits16(out, p, dm[dst]), p += dl[dst];
+      if (dst > 3)
+        wbits16(out, p, sym >> 5 & 8191), p += fdeb[dst];
+    } else {
+      wbits16(out, p, lm[sym]), p += ll[sym];
+    }
+  }
+  wbits16(out, p, lm[256]);
+  return p + ll[256];
+};
+var deo = /* @__PURE__ */ new i32([65540, 131080, 131088, 131104, 262176, 1048704, 1048832, 2114560, 2117632]);
+var et = /* @__PURE__ */ new u8(0);
+var dflt = function(dat, lvl, plvl, pre, post, st) {
+  var s = st.z || dat.length;
+  var o = new u8(pre + s + 5 * (1 + Math.ceil(s / 7e3)) + post);
+  var w = o.subarray(pre, o.length - post);
+  var lst = st.l;
+  var pos = (st.r || 0) & 7;
+  if (lvl) {
+    if (pos)
+      w[0] = st.r >> 3;
+    var opt = deo[lvl - 1];
+    var n = opt >> 13, c = opt & 8191;
+    var msk_1 = (1 << plvl) - 1;
+    var prev = st.p || new u16(32768), head = st.h || new u16(msk_1 + 1);
+    var bs1_1 = Math.ceil(plvl / 3), bs2_1 = 2 * bs1_1;
+    var hsh = function(i2) {
+      return (dat[i2] ^ dat[i2 + 1] << bs1_1 ^ dat[i2 + 2] << bs2_1) & msk_1;
+    };
+    var syms = new i32(25e3);
+    var lf = new u16(288), df = new u16(32);
+    var lc_1 = 0, eb = 0, i = st.i || 0, li = 0, wi = st.w || 0, bs = 0;
+    for (; i + 2 < s; ++i) {
+      var hv = hsh(i);
+      var imod = i & 32767, pimod = head[hv];
+      prev[imod] = pimod;
+      head[hv] = imod;
+      if (wi <= i) {
+        var rem = s - i;
+        if ((lc_1 > 7e3 || li > 24576) && (rem > 423 || !lst)) {
+          pos = wblk(dat, w, 0, syms, lf, df, eb, li, bs, i - bs, pos);
+          li = lc_1 = eb = 0, bs = i;
+          for (var j = 0; j < 286; ++j)
+            lf[j] = 0;
+          for (var j = 0; j < 30; ++j)
+            df[j] = 0;
+        }
+        var l = 2, d = 0, ch_1 = c, dif = imod - pimod & 32767;
+        if (rem > 2 && hv == hsh(i - dif)) {
+          var maxn = Math.min(n, rem) - 1;
+          var maxd = Math.min(32767, i);
+          var ml = Math.min(258, rem);
+          while (dif <= maxd && --ch_1 && imod != pimod) {
+            if (dat[i + l] == dat[i + l - dif]) {
+              var nl = 0;
+              for (; nl < ml && dat[i + nl] == dat[i + nl - dif]; ++nl)
+                ;
+              if (nl > l) {
+                l = nl, d = dif;
+                if (nl > maxn)
+                  break;
+                var mmd = Math.min(dif, nl - 2);
+                var md = 0;
+                for (var j = 0; j < mmd; ++j) {
+                  var ti = i - dif + j & 32767;
+                  var pti = prev[ti];
+                  var cd = ti - pti & 32767;
+                  if (cd > md)
+                    md = cd, pimod = ti;
+                }
+              }
+            }
+            imod = pimod, pimod = prev[imod];
+            dif += imod - pimod & 32767;
+          }
+        }
+        if (d) {
+          syms[li++] = 268435456 | revfl[l] << 18 | revfd[d];
+          var lin = revfl[l] & 31, din = revfd[d] & 31;
+          eb += fleb[lin] + fdeb[din];
+          ++lf[257 + lin];
+          ++df[din];
+          wi = i + l;
+          ++lc_1;
+        } else {
+          syms[li++] = dat[i];
+          ++lf[dat[i]];
+        }
+      }
+    }
+    for (i = Math.max(i, wi); i < s; ++i) {
+      syms[li++] = dat[i];
+      ++lf[dat[i]];
+    }
+    pos = wblk(dat, w, lst, syms, lf, df, eb, li, bs, i - bs, pos);
+    if (!lst) {
+      st.r = pos & 7 | w[pos / 8 | 0] << 3;
+      pos -= 7;
+      st.h = head, st.p = prev, st.i = i, st.w = wi;
+    }
+  } else {
+    for (var i = st.w || 0; i < s + lst; i += 65535) {
+      var e = i + 65535;
+      if (e >= s) {
+        w[pos / 8 | 0] = lst;
+        e = s;
+      }
+      pos = wfblk(w, pos + 1, dat.subarray(i, e));
+    }
+    st.i = s;
+  }
+  return slc(o, 0, pre + shft(pos) + post);
+};
+var adler = function() {
+  var a = 1, b = 0;
+  return {
+    p: function(d) {
+      var n = a, m = b;
+      var l = d.length | 0;
+      for (var i = 0; i != l; ) {
+        var e = Math.min(i + 2655, l);
+        for (; i < e; ++i)
+          m += n += d[i];
+        n = (n & 65535) + 15 * (n >> 16), m = (m & 65535) + 15 * (m >> 16);
+      }
+      a = n, b = m;
+    },
+    d: function() {
+      a %= 65521, b %= 65521;
+      return (a & 255) << 24 | (a & 65280) << 8 | (b & 255) << 8 | b >> 8;
+    }
+  };
+};
+var dopt = function(dat, opt, pre, post, st) {
+  if (!st) {
+    st = { l: 1 };
+    if (opt.dictionary) {
+      var dict = opt.dictionary.subarray(-32768);
+      var newDat = new u8(dict.length + dat.length);
+      newDat.set(dict);
+      newDat.set(dat, dict.length);
+      dat = newDat;
+      st.w = dict.length;
+    }
+  }
+  return dflt(dat, opt.level == null ? 6 : opt.level, opt.mem == null ? st.l ? Math.ceil(Math.max(8, Math.min(13, Math.log(dat.length))) * 1.5) : 20 : 12 + opt.mem, pre, post, st);
+};
+var wbytes = function(d, b, v) {
+  for (; v; ++b)
+    d[b] = v, v >>>= 8;
+};
+var zlh = function(c, o) {
+  var lv = o.level, fl2 = lv == 0 ? 0 : lv < 6 ? 1 : lv == 9 ? 3 : 2;
+  c[0] = 120, c[1] = fl2 << 6 | (o.dictionary && 32);
+  c[1] |= 31 - (c[0] << 8 | c[1]) % 31;
+  if (o.dictionary) {
+    var h = adler();
+    h.p(o.dictionary);
+    wbytes(c, 2, h.d());
+  }
+};
+function zlibSync(data, opts) {
+  if (!opts)
+    opts = {};
+  var a = adler();
+  a.p(data);
+  var d = dopt(data, opts, opts.dictionary ? 6 : 2, 4);
+  return zlh(d, opts), wbytes(d, d.length - 4, a.d()), d;
+}
+var td = typeof TextDecoder != "undefined" && /* @__PURE__ */ new TextDecoder();
+var tds = 0;
+try {
+  td.decode(et, { stream: true });
+  tds = 1;
+} catch (e) {
+}
+const utf8 = new TextEncoder();
+function chunkByteLength(chunk) {
+  return typeof chunk === "string" ? byteLength(chunk) : chunk.length;
+}
+function concatChunks(chunks) {
+  const total = chunks.reduce((sum, chunk) => sum + chunkByteLength(chunk), 0);
+  const out = new Uint8Array(total);
+  let offset = 0;
+  for (const chunk of chunks) {
+    const bytes = typeof chunk === "string" ? utf8.encode(chunk) : chunk;
+    out.set(bytes, offset);
+    offset += bytes.length;
+  }
+  return out;
+}
+function buildContentStreamObject(streamText) {
+  const compressed = zlibSync(utf8.encode(streamText));
+  return concatChunks([
+    `<< /Length ${compressed.length} /Filter /FlateDecode >>
+stream
+`,
+    compressed,
+    "\nendstream"
+  ]);
+}
+function encodePdfLiteralString(value) {
+  return value.replace(/[\\()]/g, (char) => `\\${char}`);
+}
+function encodePdfTextString(value) {
+  const codePoints = Array.from(value).map((ch) => ch.codePointAt(0) ?? 63);
+  return `<FEFF${encodePdfUtf16Hex(codePoints)}>`;
+}
+function formatPdfDate(date) {
+  const pad = (n, width = 2) => String(n).padStart(width, "0");
+  return `D:${date.getUTCFullYear()}${pad(date.getUTCMonth() + 1)}${pad(date.getUTCDate())}${pad(date.getUTCHours())}${pad(date.getUTCMinutes())}${pad(date.getUTCSeconds())}+00'00'`;
+}
+function buildDocumentInfoBody(info) {
+  const entries = [];
+  if (info.title) entries.push(`/Title ${encodePdfTextString(info.title)}`);
+  if (info.author) entries.push(`/Author ${encodePdfTextString(info.author)}`);
+  if (info.subject) entries.push(`/Subject ${encodePdfTextString(info.subject)}`);
+  if (info.keywords)
+    entries.push(`/Keywords ${encodePdfTextString(info.keywords)}`);
+  if (info.producer)
+    entries.push(`/Producer (${encodePdfLiteralString(info.producer)})`);
+  if (info.creationDate)
+    entries.push(`/CreationDate (${formatPdfDate(info.creationDate)})`);
+  if (entries.length === 0) {
+    return void 0;
+  }
+  return `<< ${entries.join(" ")} >>`;
+}
+function buildOutlineTree(items) {
+  const roots = [];
+  const stack = [];
+  for (const item of items) {
+    const node = {
+      title: item.title,
+      destName: item.destName,
+      children: []
+    };
+    while (stack.length > 0 && stack[stack.length - 1].level >= item.level) {
+      stack.pop();
+    }
+    if (stack.length === 0) {
+      roots.push(node);
+    } else {
+      stack[stack.length - 1].node.children.push(node);
+    }
+    stack.push({ node, level: item.level });
+  }
+  return roots;
+}
+function countOutlineDescendants(node) {
+  return node.children.reduce(
+    (total, child) => total + 1 + countOutlineDescendants(child),
+    0
+  );
+}
+function serializePdfDocument(pages, fonts, images, shadings, namedDestinations = [], outlineItems = [], documentInfo) {
   const objects = [];
-  const addObject = (body2) => {
+  const addObject = (body) => {
     const id = objects.length + 1;
-    objects.push({ id, body: body2 });
+    objects.push({ id, body });
     return id;
   };
   const catalogObjectId = addObject("");
@@ -39493,11 +40593,7 @@ function serializePdfDocument(pages, fonts, images, shadings) {
   for (const page of pages) {
     const stream = `${page.commands.join("\n")}
 `;
-    const contentObjectId = addObject(
-      `<< /Length ${byteLength(stream)} >>
-stream
-${stream}endstream`
-    );
+    const contentObjectId = addObject(buildContentStreamObject(stream));
     const imageResourceXml = Array.from(page.imageResourceNames).map((resourceName) => {
       const objectId = imageObjectIds.get(resourceName);
       return objectId ? `/${resourceName} ${objectId} 0 R` : "";
@@ -39508,52 +40604,153 @@ ${stream}endstream`
       return objectId ? `/${resourceName} ${objectId} 0 R` : "";
     }).filter(Boolean).join(" ");
     const shadingResourceDictXml = shadingResourceXml ? ` /Shading << ${shadingResourceXml} >>` : "";
+    const annotationObjectIds = page.annotations.map((annotation) => {
+      const x1 = annotation.x;
+      const x2 = annotation.x + annotation.width;
+      const y1 = page.height - annotation.y - annotation.height;
+      const y2 = page.height - annotation.y;
+      const action = annotation.destName !== void 0 ? `/A << /Type /Action /S /GoTo /D (${encodePdfLiteralString(annotation.destName)}) >>` : `/A << /Type /Action /S /URI /URI (${encodePdfLiteralString(annotation.uri ?? "")}) >>`;
+      return addObject(
+        [
+          "<< /Type /Annot /Subtype /Link",
+          `/Rect [${formatNumber(x1)} ${formatNumber(y1)} ${formatNumber(x2)} ${formatNumber(y2)}]`,
+          "/Border [0 0 0]",
+          action,
+          ">>"
+        ].join("\n")
+      );
+    });
+    const annotsXml = annotationObjectIds.length > 0 ? `
+/Annots [${annotationObjectIds.map((id) => `${id} 0 R`).join(" ")}]` : "";
     const pageObjectId = addObject(
       [
         "<< /Type /Page",
         `/Parent ${pagesObjectId} 0 R`,
         `/MediaBox [0 0 ${formatNumber(page.width)} ${formatNumber(page.height)}]`,
         `/Resources << /Font << ${fontResourceXml} >>${xObjectResourceXml}${shadingResourceDictXml} >>`,
-        `/Contents ${contentObjectId} 0 R`,
+        `/Contents ${contentObjectId} 0 R${annotsXml}`,
         ">>"
       ].join("\n")
     );
     pageObjectIds.push(pageObjectId);
   }
-  objects[catalogObjectId - 1].body = `<< /Type /Catalog /Pages ${pagesObjectId} 0 R >>`;
+  let namesObjectId;
+  const resolvedDestinations = namedDestinations.filter((dest) => pageObjectIds[dest.pageIndex] !== void 0).sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0);
+  if (resolvedDestinations.length > 0) {
+    const namesArray = resolvedDestinations.map((dest) => {
+      const pageObjectId = pageObjectIds[dest.pageIndex];
+      const pageHeight = pages[dest.pageIndex].height;
+      const top = pageHeight - dest.y;
+      return `(${encodePdfLiteralString(dest.name)}) [${pageObjectId} 0 R /XYZ ${formatNumber(dest.x)} ${formatNumber(top)} null]`;
+    }).join(" ");
+    const destsObjectId = addObject(`<< /Names [${namesArray}] >>`);
+    namesObjectId = addObject(`<< /Dests ${destsObjectId} 0 R >>`);
+  }
+  let outlineRootId;
+  const resolvedNames = new Set(resolvedDestinations.map((dest) => dest.name));
+  const outlineRoots = buildOutlineTree(
+    outlineItems.filter((item) => resolvedNames.has(item.destName))
+  );
+  if (outlineRoots.length > 0) {
+    outlineRootId = addObject("");
+    const assignIds = (nodes) => nodes.map((node) => {
+      const id = addObject("");
+      node.id = id;
+      node.childIds = assignIds(node.children);
+      return id;
+    });
+    const rootIds = assignIds(outlineRoots);
+    const emit = (nodes, parentId) => {
+      nodes.forEach((node, index) => {
+        const self = node;
+        const prev = index > 0 ? nodes[index - 1] : void 0;
+        const next = index < nodes.length - 1 ? nodes[index + 1] : void 0;
+        const lines = [
+          "<< /Title " + encodePdfTextString(node.title),
+          `/Parent ${parentId} 0 R`,
+          prev ? `/Prev ${prev.id} 0 R` : "",
+          next ? `/Next ${next.id} 0 R` : "",
+          `/Dest (${encodePdfLiteralString(node.destName)})`
+        ];
+        if (self.childIds.length > 0) {
+          lines.push(`/First ${self.childIds[0]} 0 R`);
+          lines.push(`/Last ${self.childIds[self.childIds.length - 1]} 0 R`);
+          lines.push(`/Count ${countOutlineDescendants(node)}`);
+        }
+        lines.push(">>");
+        objects[self.id - 1].body = lines.filter(Boolean).join("\n");
+        emit(node.children, self.id);
+      });
+    };
+    emit(outlineRoots, outlineRootId);
+    const totalItems = outlineItems.filter(
+      (item) => resolvedNames.has(item.destName)
+    ).length;
+    objects[outlineRootId - 1].body = [
+      "<< /Type /Outlines",
+      `/First ${rootIds[0]} 0 R`,
+      `/Last ${rootIds[rootIds.length - 1]} 0 R`,
+      `/Count ${totalItems}`,
+      ">>"
+    ].join("\n");
+  }
+  objects[catalogObjectId - 1].body = [
+    "<< /Type /Catalog",
+    `/Pages ${pagesObjectId} 0 R`,
+    namesObjectId !== void 0 ? `/Names ${namesObjectId} 0 R` : "",
+    outlineRootId !== void 0 ? `/Outlines ${outlineRootId} 0 R` : "",
+    outlineRootId !== void 0 ? "/PageMode /UseOutlines" : "",
+    ">>"
+  ].filter(Boolean).join("\n");
   objects[pagesObjectId - 1].body = [
     "<< /Type /Pages",
     `/Kids [${pageObjectIds.map((id) => `${id} 0 R`).join(" ")}]`,
     `/Count ${pageObjectIds.length}`,
     ">>"
   ].join("\n");
-  let body = PDF_HEADER;
+  let infoObjectId;
+  if (documentInfo) {
+    const infoBody = buildDocumentInfoBody(documentInfo);
+    if (infoBody) {
+      infoObjectId = addObject(infoBody);
+    }
+  }
+  const chunks = [PDF_HEADER];
+  let offset = chunkByteLength(PDF_HEADER);
   const offsets = [0];
+  const push = (chunk) => {
+    chunks.push(chunk);
+    offset += chunkByteLength(chunk);
+  };
   for (const object of objects) {
-    offsets[object.id] = byteLength(body);
-    body += `${object.id} 0 obj
-${object.body}
-endobj
-`;
-  }
-  const xrefOffset = byteLength(body);
-  body += `xref
+    offsets[object.id] = offset;
+    push(`${object.id} 0 obj
+`);
+    push(object.body);
+    push("\nendobj\n");
+  }
+  const xrefOffset = offset;
+  let xref = `xref
 0 ${objects.length + 1}
 `;
-  body += "0000000000 65535 f \n";
+  xref += "0000000000 65535 f \n";
   for (const object of objects) {
-    body += `${String(offsets[object.id] ?? 0).padStart(10, "0")} 00000 n 
+    xref += `${String(offsets[object.id] ?? 0).padStart(10, "0")} 00000 n 
 `;
   }
-  body += [
-    "trailer",
-    `<< /Size ${objects.length + 1} /Root ${catalogObjectId} 0 R >>`,
-    "startxref",
-    String(xrefOffset),
-    "%%EOF",
-    ""
-  ].join("\n");
-  return new TextEncoder().encode(body);
+  push(xref);
+  const infoTrailerXml = infoObjectId !== void 0 ? ` /Info ${infoObjectId} 0 R` : "";
+  push(
+    [
+      "trailer",
+      `<< /Size ${objects.length + 1} /Root ${catalogObjectId} 0 R${infoTrailerXml} >>`,
+      "startxref",
+      String(xrefOffset),
+      "%%EOF",
+      ""
+    ].join("\n")
+  );
+  return concatChunks(chunks);
 }
 class OasisPdfWriter {
   constructor(fontResources = DEFAULT_PDF_FONT_RESOURCES) {
@@ -39562,6 +40759,9 @@ class OasisPdfWriter {
     __publicField(this, "fonts");
     __publicField(this, "images", new PdfImageTable());
     __publicField(this, "shadings", new PdfShadingTable());
+    __publicField(this, "namedDestinations", []);
+    __publicField(this, "outlineItems", []);
+    __publicField(this, "documentInfo");
     this.fonts = new PdfFontTable(fontResources);
   }
   registerFontResource(resource) {
@@ -39573,7 +40773,8 @@ class OasisPdfWriter {
       height: Math.max(1, size.height),
       commands: [],
       imageResourceNames: /* @__PURE__ */ new Set(),
-      shadingResourceNames: /* @__PURE__ */ new Set()
+      shadingResourceNames: /* @__PURE__ */ new Set(),
+      annotations: []
     };
     this.pages.push(page);
     this.streams.push(
@@ -39585,36 +40786,36 @@ class OasisPdfWriter {
     return this.pages.length;
   }
   drawRect(pageIndex, options) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawRect(options);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.drawRect(options);
   }
   drawLine(pageIndex, options) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawLine(options);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.drawLine(options);
   }
   drawPath(pageIndex, options) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawPath(options);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.drawPath(options);
   }
   saveGraphicsState(pageIndex) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.saveGraphicsState();
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.saveGraphicsState();
   }
   restoreGraphicsState(pageIndex) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.restoreGraphicsState();
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.restoreGraphicsState();
   }
   rotateAbout(pageIndex, centerX, centerY, degrees) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.rotateAbout(centerX, centerY, degrees);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.rotateAbout(centerX, centerY, degrees);
   }
   clipRect(pageIndex, x, y, width, height) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.clipRect(x, y, width, height);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.clipRect(x, y, width, height);
   }
   drawText(pageIndex, options) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawText(options);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.drawText(options);
   }
   /**
    * Registers an axial (linear) gradient on a page for use as a glyph fill, and
@@ -39622,15 +40823,45 @@ class OasisPdfWriter {
    * subsequent `drawText`. Coordinates are in the writer's top-left point space.
    */
   registerAxialGradient(pageIndex, gradient) {
-    var _a;
-    return ((_a = this.streams[pageIndex]) == null ? void 0 : _a.registerAxialGradient(gradient)) ?? null;
+    var _a2;
+    return ((_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.registerAxialGradient(gradient)) ?? null;
   }
   registerImageResource(resource) {
     return this.images.registerImageResource(resource);
   }
   drawImage(pageIndex, options) {
-    var _a;
-    (_a = this.streams[pageIndex]) == null ? void 0 : _a.drawImage(options);
+    var _a2;
+    (_a2 = this.streams[pageIndex]) == null ? void 0 : _a2.drawImage(options);
+  }
+  /**
+   * Attaches a clickable external link annotation to a page. The rect is in the
+   * writer's top-left point space; the serializer flips it to PDF space.
+   */
+  addLinkAnnotation(pageIndex, annotation) {
+    var _a2;
+    (_a2 = this.pages[pageIndex]) == null ? void 0 : _a2.annotations.push(annotation);
+  }
+  /**
+   * Registers a named destination (jump target). Position is in the writer's
+   * top-left point space. The first registration of a given name wins; later
+   * duplicates are ignored so destinations stay unique in the names tree.
+   */
+  addNamedDestination(destination) {
+    if (this.namedDestinations.some((d) => d.name === destination.name)) {
+      return;
+    }
+    this.namedDestinations.push(destination);
+  }
+  /**
+   * Appends an outline (bookmarks-panel) entry. Call in document order; the
+   * serializer nests entries by `level`.
+   */
+  addOutlineItem(item) {
+    this.outlineItems.push(item);
+  }
+  /** Sets the document information dictionary (`/Info`). */
+  setDocumentInfo(info) {
+    this.documentInfo = info;
   }
   toArrayBuffer() {
     const bytes = this.toUint8Array();
@@ -39647,11 +40878,69 @@ class OasisPdfWriter {
       this.pages,
       this.fonts,
       this.images,
-      this.shadings
+      this.shadings,
+      this.namedDestinations,
+      this.outlineItems,
+      this.documentInfo
     );
   }
 }
 const FOOTNOTE_BLOCK_GAP_PX = 2;
+const PDF_PRODUCER = "Oasis Editor";
+function resolveDocumentInfo(document2) {
+  const metadata = document2.metadata ?? {};
+  const asString = (value) => typeof value === "string" && value.trim() !== "" ? value : void 0;
+  return {
+    title: asString(metadata.title),
+    author: asString(metadata.author),
+    subject: asString(metadata.subject),
+    keywords: asString(metadata.keywords),
+    producer: PDF_PRODUCER,
+    creationDate: /* @__PURE__ */ new Date()
+  };
+}
+function collectBookmarkNamesByParagraph(document2) {
+  var _a2;
+  const byParagraph = /* @__PURE__ */ new Map();
+  const bookmarks = document2.bookmarks;
+  if (!bookmarks) {
+    return byParagraph;
+  }
+  for (const id of bookmarks.order) {
+    const bookmark = bookmarks.items[id];
+    const paragraphId = (_a2 = bookmark == null ? void 0 : bookmark.start) == null ? void 0 : _a2.paragraphId;
+    if (!bookmark || !paragraphId) {
+      continue;
+    }
+    const names = byParagraph.get(paragraphId) ?? [];
+    names.push(bookmark.name);
+    byParagraph.set(paragraphId, names);
+  }
+  return byParagraph;
+}
+const HEADING_DEST_PREFIX = "__oasis_heading_";
+function registerBookmarkDestinations(writer, pageIndex, originX, bookmarkNamesByParagraph, headingByParagraph) {
+  if (bookmarkNamesByParagraph.size === 0 && headingByParagraph.size === 0) {
+    return void 0;
+  }
+  return (paragraphId, topPx) => {
+    const y = pxToPt$1(topPx);
+    const x = pxToPt$1(originX);
+    for (const name of bookmarkNamesByParagraph.get(paragraphId) ?? []) {
+      writer.addNamedDestination({ name, pageIndex, x, y });
+    }
+    const heading = headingByParagraph.get(paragraphId);
+    if (heading) {
+      const destName = `${HEADING_DEST_PREFIX}${paragraphId}`;
+      writer.addNamedDestination({ name: destName, pageIndex, x, y });
+      writer.addOutlineItem({
+        title: heading.title,
+        level: heading.level,
+        destName
+      });
+    }
+  };
+}
 async function exportEditorDocumentToPdf(document2) {
   document2 = renumberImageCaptionsInDocument(document2);
   const fontRegistry = new PdfFontRegistry();
@@ -39659,8 +40948,16 @@ async function exportEditorDocumentToPdf(document2) {
     families: collectPdfFontFamilies(document2)
   });
   const writer = new OasisPdfWriter(fontRegistry.getPdfFontResources());
+  writer.setDocumentInfo(resolveDocumentInfo(document2));
   const layout = projectDocumentLayout(document2);
   const listOrdinals = getListOrdinals(document2);
+  const bookmarkNamesByParagraph = collectBookmarkNamesByParagraph(document2);
+  const headingByParagraph = new Map(
+    outlineFrom(document2).map((item) => [
+      item.id,
+      { level: item.level, title: item.text }
+    ])
+  );
   for (const page of layout.pages) {
     const width = Math.max(1, pxToPt$1(page.pageSettings.width));
     const height = Math.max(1, pxToPt$1(page.pageSettings.height));
@@ -39705,7 +41002,14 @@ async function exportEditorDocumentToPdf(document2) {
           rect.width,
           fontRegistry,
           listOrdinals,
-          page.pageSettings
+          page.pageSettings,
+          registerBookmarkDestinations(
+            writer,
+            pageIndex,
+            rect.left,
+            bookmarkNamesByParagraph,
+            headingByParagraph
+          )
         );
       }
     } else {
@@ -39719,7 +41023,14 @@ async function exportEditorDocumentToPdf(document2) {
         contentWidth,
         fontRegistry,
         listOrdinals,
-        page.pageSettings
+        page.pageSettings,
+        registerBookmarkDestinations(
+          writer,
+          pageIndex,
+          originX,
+          bookmarkNamesByParagraph,
+          headingByParagraph
+        )
       );
     }
     await drawBlockList(
@@ -39770,15 +41081,15 @@ async function exportEditorDocumentToPdfBlob(document2) {
   return new Blob([buffer], { type: "application/pdf" });
 }
 async function drawFootnoteBlockList(writer, pageIndex, blocks, footnoteReferenceIds, document2, originX, originY, contentWidth, fontRegistry, listOrdinals) {
-  var _a;
+  var _a2;
   let cursorY = originY;
   const markerDrawn = /* @__PURE__ */ new Set();
   const markerByFootnoteId = new Map(
     footnoteReferenceIds.map((footnoteId) => {
-      var _a2;
+      var _a3;
       return [
         footnoteId,
-        ((_a2 = findFootnoteReference(document2, footnoteId)) == null ? void 0 : _a2.run.text) ?? ""
+        ((_a3 = findFootnoteReference(document2, footnoteId)) == null ? void 0 : _a3.run.text) ?? ""
       ];
     })
   );
@@ -39792,7 +41103,7 @@ async function drawFootnoteBlockList(writer, pageIndex, blocks, footnoteReferenc
         const firstParagraph = block.sourceBlock.type === "paragraph" ? block.sourceBlock : void 0;
         const styles = resolveEffectiveTextStyleForParagraph(
           void 0,
-          (_a = firstParagraph == null ? void 0 : firstParagraph.style) == null ? void 0 : _a.styleId,
+          (_a2 = firstParagraph == null ? void 0 : firstParagraph.style) == null ? void 0 : _a2.styleId,
           document2.styles
         );
         const fontFace = fontRegistry.resolveFontFace({
@@ -39891,7 +41202,7 @@ function findImageFileFromTransfer(transfer) {
   return null;
 }
 function buildImportedDocumentDiagnostics(document2) {
-  var _a;
+  var _a2;
   const paragraphs = getDocumentParagraphs(document2);
   const fontCounts = /* @__PURE__ */ new Map();
   const alignCounts = /* @__PURE__ */ new Map();
@@ -39909,7 +41220,7 @@ function buildImportedDocumentDiagnostics(document2) {
     for (const run of paragraph.runs) {
       const textStyle = resolveEffectiveTextStyleForParagraph(
         run.styles,
-        (_a = paragraph.style) == null ? void 0 : _a.styleId,
+        (_a2 = paragraph.style) == null ? void 0 : _a2.styleId,
         document2.styles
       );
       const fontFamily = textStyle.fontFamily ?? "<null>";
@@ -39929,7 +41240,7 @@ function buildImportedDocumentDiagnostics(document2) {
     characterSpacingRuns,
     characterScaleRuns,
     firstParagraphs: paragraphs.slice(0, 30).map((paragraph, index) => {
-      var _a2;
+      var _a3;
       const paragraphStyle = resolveEffectiveParagraphStyle(
         paragraph.style,
         document2.styles
@@ -39937,7 +41248,7 @@ function buildImportedDocumentDiagnostics(document2) {
       const firstRun = paragraph.runs[0];
       const textStyle = resolveEffectiveTextStyleForParagraph(
         firstRun == null ? void 0 : firstRun.styles,
-        (_a2 = paragraph.style) == null ? void 0 : _a2.styleId,
+        (_a3 = paragraph.style) == null ? void 0 : _a3.styleId,
         document2.styles
       );
       return {
@@ -40028,8 +41339,8 @@ function createDocumentImporter(deps) {
       const sections = getDocumentSectionsCanonical(document2);
       const canonicalBlocks = sections.reduce(
         (total, section) => {
-          var _a, _b;
-          return total + (((_a = section.header) == null ? void 0 : _a.length) ?? 0) + section.blocks.length + (((_b = section.footer) == null ? void 0 : _b.length) ?? 0);
+          var _a2, _b2;
+          return total + (((_a2 = section.header) == null ? void 0 : _a2.length) ?? 0) + section.blocks.length + (((_b2 = section.footer) == null ? void 0 : _b2.length) ?? 0);
         },
         0
       );
@@ -40130,8 +41441,8 @@ function applyMoveWithText(floating, fixed) {
   };
 }
 function isFloatingFixedPosition(floating) {
-  var _a;
-  return ((_a = floating == null ? void 0 : floating.positionV) == null ? void 0 : _a.relativeFrom) === "page";
+  var _a2;
+  return ((_a2 = floating == null ? void 0 : floating.positionV) == null ? void 0 : _a2.relativeFrom) === "page";
 }
 function getSelectedImageRun(state) {
   return getSelectedObjectRun(state, (run) => run.kind === "image");
@@ -40697,7 +42008,7 @@ function resolveCaretSlot(paragraphs, focusOffset) {
   };
 }
 function computeCanvasSelectionGeometry(snapshot, state) {
-  var _a, _b, _c, _d;
+  var _a2, _b2, _c, _d;
   const normalized = normalizeSelection(state);
   const selectionBoxes = [];
   const surfaceRect = snapshot.surfaceRect;
@@ -40760,9 +42071,9 @@ function computeCanvasSelectionGeometry(snapshot, state) {
     const section = sections[activeSectionIndex];
     let tableBlock;
     if (anchorLoc.zone === "header") {
-      tableBlock = (_a = section == null ? void 0 : section.header) == null ? void 0 : _a[anchorLoc.blockIndex];
+      tableBlock = (_a2 = section == null ? void 0 : section.header) == null ? void 0 : _a2[anchorLoc.blockIndex];
     } else if (anchorLoc.zone === "footer") {
-      tableBlock = (_b = section == null ? void 0 : section.footer) == null ? void 0 : _b[anchorLoc.blockIndex];
+      tableBlock = (_b2 = section == null ? void 0 : section.footer) == null ? void 0 : _b2[anchorLoc.blockIndex];
     } else {
       tableBlock = (_c = section == null ? void 0 : section.blocks) == null ? void 0 : _c[anchorLoc.blockIndex];
     }
@@ -40947,6 +42258,110 @@ function computeCommentHighlights(snapshot, state) {
   }
   return boxes;
 }
+const canvasTextMeasurer = {
+  composeMeasuredParagraphLines: (options) => domTextMeasurer.composeMeasuredParagraphLines(options),
+  resolveRenderedLineHeightPx: (styles, lineHeightMultiple) => domTextMeasurer.resolveRenderedLineHeightPx(styles, lineHeightMultiple)
+};
+function areLayoutParagraphsEquivalentForRender(previous, next) {
+  if (previous === next) {
+    return true;
+  }
+  if (!previous || !next) {
+    return false;
+  }
+  if (previous.text !== next.text || previous.startOffset !== next.startOffset || previous.endOffset !== next.endOffset || previous.lines.length !== next.lines.length) {
+    return false;
+  }
+  return next.lines.every((line, index) => {
+    const previousLine = previous.lines[index];
+    return previousLine !== void 0 && previousLine.startOffset === line.startOffset && previousLine.endOffset === line.endOffset && previousLine.top === line.top && previousLine.height === line.height;
+  });
+}
+function canReuseLayoutBlock(previous, next) {
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  return Boolean(
+    previous && previous.blockId === next.blockId && previous.sourceBlock === next.sourceBlock && previous.estimatedHeight === next.estimatedHeight && ((_a2 = previous.tableSegment) == null ? void 0 : _a2.startRowIndex) === ((_b2 = next.tableSegment) == null ? void 0 : _b2.startRowIndex) && ((_c = previous.tableSegment) == null ? void 0 : _c.endRowIndex) === ((_d = next.tableSegment) == null ? void 0 : _d.endRowIndex) && ((_e = previous.tableSegment) == null ? void 0 : _e.repeatedHeaderRowCount) === ((_f = next.tableSegment) == null ? void 0 : _f.repeatedHeaderRowCount) && sameNumberArray(
+      (_g = previous.tableSegment) == null ? void 0 : _g.startRowCellBlockStarts,
+      (_h = next.tableSegment) == null ? void 0 : _h.startRowCellBlockStarts
+    ) && sameNumberArray(
+      (_i = previous.tableSegment) == null ? void 0 : _i.endRowCellBlockEnds,
+      (_j = next.tableSegment) == null ? void 0 : _j.endRowCellBlockEnds
+    ) && sameTableCellBlockPositions(
+      (_k = previous.tableSegment) == null ? void 0 : _k.startRowCellBlockPositions,
+      (_l = next.tableSegment) == null ? void 0 : _l.startRowCellBlockPositions
+    ) && sameTableCellBlockPositions(
+      (_m = previous.tableSegment) == null ? void 0 : _m.endRowCellBlockPositions,
+      (_n = next.tableSegment) == null ? void 0 : _n.endRowCellBlockPositions
+    ) && areLayoutParagraphsEquivalentForRender(previous.layout, next.layout)
+  );
+}
+function sameNumberArray(left, right) {
+  if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) return false;
+  return (right ?? []).every((value, index) => (left == null ? void 0 : left[index]) === value);
+}
+function sameTableCellBlockPositions(left, right) {
+  if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) return false;
+  return (right ?? []).every((value, index) => {
+    const previous = left == null ? void 0 : left[index];
+    return (previous == null ? void 0 : previous.blockIndex) === value.blockIndex && (previous == null ? void 0 : previous.offset) === value.offset;
+  });
+}
+function canReuseLayoutPage(previous, next) {
+  const samePageSettings = Boolean(
+    previous && previous.pageSettings.width === next.pageSettings.width && previous.pageSettings.height === next.pageSettings.height && previous.pageSettings.orientation === next.pageSettings.orientation && previous.pageSettings.margins.top === next.pageSettings.margins.top && previous.pageSettings.margins.right === next.pageSettings.margins.right && previous.pageSettings.margins.bottom === next.pageSettings.margins.bottom && previous.pageSettings.margins.left === next.pageSettings.margins.left && previous.pageSettings.margins.header === next.pageSettings.margins.header && previous.pageSettings.margins.footer === next.pageSettings.margins.footer && previous.pageSettings.margins.gutter === next.pageSettings.margins.gutter
+  );
+  if (!previous || previous.id !== next.id || previous.index !== next.index || previous.height !== next.height || previous.maxHeight !== next.maxHeight || !samePageSettings || previous.bodyTop !== next.bodyTop || previous.bodyBottom !== next.bodyBottom || previous.headerTop !== next.headerTop || previous.footerTop !== next.footerTop || previous.footnoteTop !== next.footnoteTop || previous.footnoteSeparatorTop !== next.footnoteSeparatorTop) {
+    return false;
+  }
+  const sameBlocks = (left, right) => {
+    if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) {
+      return false;
+    }
+    return (right ?? []).every((block, index) => (left == null ? void 0 : left[index]) === block);
+  };
+  const sameFootnoteReferences = (left, right) => {
+    if (((left == null ? void 0 : left.length) ?? 0) !== ((right == null ? void 0 : right.length) ?? 0)) {
+      return false;
+    }
+    return (right ?? []).every(
+      (footnoteId, index) => (left == null ? void 0 : left[index]) === footnoteId
+    );
+  };
+  return sameBlocks(previous.blocks, next.blocks) && sameBlocks(previous.headerBlocks, next.headerBlocks) && sameBlocks(previous.footerBlocks, next.footerBlocks) && sameBlocks(previous.footnoteBlocks, next.footnoteBlocks) && sameFootnoteReferences(
+    previous.footnoteReferenceIds,
+    next.footnoteReferenceIds
+  );
+}
+function createLayoutIdentityStabilizer() {
+  let reusableLayoutBlocks = /* @__PURE__ */ new Map();
+  let reusableLayoutPages = /* @__PURE__ */ new Map();
+  return function stabilize(layout) {
+    const nextBlockCache = /* @__PURE__ */ new Map();
+    const stabilizeBlocks = (blocks) => blocks == null ? void 0 : blocks.map((block) => {
+      const previous = reusableLayoutBlocks.get(block.blockId);
+      const stable = canReuseLayoutBlock(previous, block) ? previous : block;
+      nextBlockCache.set(stable.blockId, stable);
+      return stable;
+    });
+    const pages = layout.pages.map((page) => {
+      const nextPage = {
+        ...page,
+        blocks: stabilizeBlocks(page.blocks) ?? [],
+        headerBlocks: stabilizeBlocks(page.headerBlocks),
+        footerBlocks: stabilizeBlocks(page.footerBlocks),
+        footnoteBlocks: stabilizeBlocks(page.footnoteBlocks)
+      };
+      const previous = reusableLayoutPages.get(nextPage.id);
+      if (canReuseLayoutPage(previous, nextPage)) {
+        return previous;
+      }
+      return nextPage;
+    });
+    reusableLayoutBlocks = nextBlockCache;
+    reusableLayoutPages = new Map(pages.map((page) => [page.id, page]));
+    return { pages };
+  };
+}
 function scheduleFrame(callback) {
   if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
     return window.requestAnimationFrame(() => callback());
@@ -40987,9 +42402,25 @@ function useEditorLayout(props) {
   const [preferredColumnX, setPreferredColumnX] = createSignal(
     null
   );
+  const stabilize = createLayoutIdentityStabilizer();
+  const documentLayout = createMemo(() => {
+    layoutMetricsEpoch();
+    return stabilize(
+      projectDocumentLayout(
+        props.state.document,
+        void 0,
+        measuredBlockHeights(),
+        measuredParagraphLayouts(),
+        {
+          measurer: canvasTextMeasurer
+        }
+      )
+    );
+  });
+  const canvasSnapshotProvider = createCanvasLayoutSnapshotProvider();
   let syncRequestId = 0;
   const syncInputBox = (_reason = "selection") => {
-    var _a;
+    var _a2;
     const surface = props.surfaceRef();
     if (!surface) {
       setSelectionBoxes([]);
@@ -40999,12 +42430,11 @@ function useEditorLayout(props) {
       setCaretBox((current) => ({ ...current, visible: false }));
       return;
     }
-    const snapshot = buildCanvasLayoutSnapshot({
+    const snapshot = canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface,
       state: props.state,
-      measuredBlockHeights: measuredBlockHeights(),
-      measuredParagraphLayouts: measuredParagraphLayouts(),
-      zoomFactor: (_a = props.zoomFactor) == null ? void 0 : _a.call(props)
+      documentLayout: documentLayout(),
+      zoomFactor: (_a2 = props.zoomFactor) == null ? void 0 : _a2.call(props)
     });
     if (!snapshot) {
       setSelectionBoxes([]);
@@ -41040,29 +42470,33 @@ function useEditorLayout(props) {
       setMeasuredParagraphLayouts(
         (current) => normalizeParagraphLayouts(current, options.paragraphIds ?? [])
       );
+      bumpLayoutMetricsEpoch();
     }
     requestInputBoxSync(reason);
     return options.resolveWhenDone ? Promise.resolve() : null;
   };
   const applyInvalidation = (invalidation) => {
-    var _a, _b;
-    if ((_a = props.isImporting) == null ? void 0 : _a.call(props)) {
+    var _a2, _b2;
+    if ((_a2 = props.isImporting) == null ? void 0 : _a2.call(props)) {
       return;
     }
     if (invalidation.dirtyAll || invalidation.structureChanged) {
       setMeasuredBlockHeights({});
       setMeasuredParagraphLayouts({});
-    } else if ((((_b = invalidation.dirtyParagraphIds) == null ? void 0 : _b.length) ?? 0) > 0) {
+      bumpLayoutMetricsEpoch();
+    } else if ((((_b2 = invalidation.dirtyParagraphIds) == null ? void 0 : _b2.length) ?? 0) > 0) {
       const dirtyIds = invalidation.dirtyParagraphIds ?? [];
       setMeasuredParagraphLayouts(
         (current) => normalizeParagraphLayouts(current, dirtyIds)
       );
+      bumpLayoutMetricsEpoch();
     }
     requestInputBoxSync("content-change");
   };
   const stabilizeLayoutAfterImport = async () => {
     setMeasuredBlockHeights({});
     setMeasuredParagraphLayouts({});
+    bumpLayoutMetricsEpoch();
     await new Promise((resolve) => {
       scheduleFrame(() => resolve());
     });
@@ -41078,11 +42512,11 @@ function useEditorLayout(props) {
     requestInputBoxSync("selection");
   });
   createEffect(() => {
-    var _a;
+    var _a2;
     props.state.document;
     props.state.activeSectionIndex;
     props.state.activeZone;
-    if ((_a = props.isImporting) == null ? void 0 : _a.call(props)) {
+    if ((_a2 = props.isImporting) == null ? void 0 : _a2.call(props)) {
       return;
     }
     requestInputBoxSync("content-change");
@@ -41110,10 +42544,13 @@ function useEditorLayout(props) {
   const clearPreferredColumn = () => setPreferredColumnX(null);
   const onCleanupHook = () => {
     syncRequestId += 1;
+    canvasSnapshotProvider.clear();
   };
   return {
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -41140,7 +42577,7 @@ function useEditorPersistence(state, onLoaded, options) {
   const isEnabled = () => options.enabled ?? false;
   const persistence = options.persistence;
   const debouncedSave = debounce(async (doc) => {
-    var _a;
+    var _a2;
     if (!isEnabled() || !isInitialized()) return;
     setStatus("Saving...");
     try {
@@ -41148,7 +42585,7 @@ function useEditorPersistence(state, onLoaded, options) {
       await persistence.saveDocument(rawDoc);
       setStatus("Saved");
     } catch (err) {
-      (_a = options.logger) == null ? void 0 : _a.error("persistence:autosave failed", err);
+      (_a2 = options.logger) == null ? void 0 : _a2.error("persistence:autosave failed", err);
       setStatus("Error");
     }
   }, 1e3);
@@ -41164,7 +42601,7 @@ function useEditorPersistence(state, onLoaded, options) {
     )
   );
   onMount(async () => {
-    var _a;
+    var _a2;
     if (!isEnabled()) {
       setIsInitialized(true);
       setStatus("Saved");
@@ -41176,7 +42613,7 @@ function useEditorPersistence(state, onLoaded, options) {
         onLoaded(loadedDoc);
       }
     } catch (err) {
-      (_a = options.logger) == null ? void 0 : _a.error("persistence:load failed", err);
+      (_a2 = options.logger) == null ? void 0 : _a2.error("persistence:load failed", err);
     } finally {
       setIsInitialized(true);
       setStatus("Saved");
@@ -41192,8 +42629,8 @@ function createEmptyEditorHistoryState() {
   };
 }
 function applyEditorHistoryTransaction(history, previous, next, options, now = Date.now()) {
-  var _a;
-  const canMerge = (options == null ? void 0 : options.mergeKey) !== void 0 && ((_a = history.lastTransactionMeta) == null ? void 0 : _a.mergeKey) === options.mergeKey && now - history.lastTransactionMeta.timestamp < 1e3;
+  var _a2;
+  const canMerge = (options == null ? void 0 : options.mergeKey) !== void 0 && ((_a2 = history.lastTransactionMeta) == null ? void 0 : _a2.mergeKey) === options.mergeKey && now - history.lastTransactionMeta.timestamp < 1e3;
   return {
     undoStack: canMerge ? history.undoStack : [...history.undoStack, previous],
     redoStack: [],
@@ -41354,13 +42791,13 @@ function createEditorHistoryActions(deps) {
     return true;
   };
   const applySelectionPreservingStructure = (nextSelection) => {
-    var _a;
+    var _a2;
     const snapshot = deps.stateSnapshot();
     deps.applyHistoryState({
       ...snapshot,
       document: {
         ...snapshot.document,
-        sections: (_a = snapshot.document.sections) == null ? void 0 : _a.map(cloneSection)
+        sections: (_a2 = snapshot.document.sections) == null ? void 0 : _a2.map(cloneSection)
       },
       selection: {
         anchor: { ...nextSelection.anchor },
@@ -41379,8 +42816,8 @@ function openDB(options) {
   return new Promise((resolve, reject) => {
     const request = indexedDB.open(options.name, options.version);
     request.onerror = () => {
-      var _a;
-      reject(new Error(`Failed to open IndexedDB: ${(_a = request.error) == null ? void 0 : _a.message}`));
+      var _a2;
+      reject(new Error(`Failed to open IndexedDB: ${(_a2 = request.error) == null ? void 0 : _a2.message}`));
     };
     request.onsuccess = () => {
       resolve(request.result);
@@ -41398,10 +42835,10 @@ function putItem(db, storeName, key, value) {
       const store = transaction.objectStore(storeName);
       const request = store.put(value, key);
       request.onerror = () => {
-        var _a;
+        var _a2;
         reject(
           new Error(
-            `Failed to put item in ${storeName}: ${(_a = request.error) == null ? void 0 : _a.message}`
+            `Failed to put item in ${storeName}: ${(_a2 = request.error) == null ? void 0 : _a2.message}`
           )
         );
       };
@@ -41420,10 +42857,10 @@ function getItem(db, storeName, key) {
       const store = transaction.objectStore(storeName);
       const request = store.get(key);
       request.onerror = () => {
-        var _a;
+        var _a2;
         reject(
           new Error(
-            `Failed to get item from ${storeName}: ${(_a = request.error) == null ? void 0 : _a.message}`
+            `Failed to get item from ${storeName}: ${(_a2 = request.error) == null ? void 0 : _a2.message}`
           )
         );
       };
@@ -41442,10 +42879,10 @@ function deleteItem(db, storeName, key) {
       const store = transaction.objectStore(storeName);
       const request = store.delete(key);
       request.onerror = () => {
-        var _a;
+        var _a2;
         reject(
           new Error(
-            `Failed to delete item from ${storeName}: ${(_a = request.error) == null ? void 0 : _a.message}`
+            `Failed to delete item from ${storeName}: ${(_a2 = request.error) == null ? void 0 : _a2.message}`
           )
         );
       };
@@ -41500,7 +42937,7 @@ function createIndexedDbPersistence(options = {}) {
   };
 }
 function computeLayoutInvalidationFromTransaction(prev, next) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d, _e, _f;
   if (prev === next || prev.document === next.document) {
     return {};
   }
@@ -41544,7 +42981,7 @@ function computeLayoutInvalidationFromTransaction(prev, next) {
       }
       const aImage = getRunImage(a);
       const bImage = getRunImage(b);
-      if (Boolean(aImage) !== Boolean(bImage) || ((aImage == null ? void 0 : aImage.width) ?? -1) !== ((bImage == null ? void 0 : bImage.width) ?? -1) || ((aImage == null ? void 0 : aImage.height) ?? -1) !== ((bImage == null ? void 0 : bImage.height) ?? -1) || (((_a = aImage == null ? void 0 : aImage.floating) == null ? void 0 : _a.wrap) ?? "") !== (((_b = bImage == null ? void 0 : bImage.floating) == null ? void 0 : _b.wrap) ?? "") || Boolean((_c = aImage == null ? void 0 : aImage.floating) == null ? void 0 : _c.behindDoc) !== Boolean((_d = bImage == null ? void 0 : bImage.floating) == null ? void 0 : _d.behindDoc) || (((_e = aImage == null ? void 0 : aImage.wrapPolygon) == null ? void 0 : _e.length) ?? -1) !== (((_f = bImage == null ? void 0 : bImage.wrapPolygon) == null ? void 0 : _f.length) ?? -1)) {
+      if (Boolean(aImage) !== Boolean(bImage) || ((aImage == null ? void 0 : aImage.width) ?? -1) !== ((bImage == null ? void 0 : bImage.width) ?? -1) || ((aImage == null ? void 0 : aImage.height) ?? -1) !== ((bImage == null ? void 0 : bImage.height) ?? -1) || (((_a2 = aImage == null ? void 0 : aImage.floating) == null ? void 0 : _a2.wrap) ?? "") !== (((_b2 = bImage == null ? void 0 : bImage.floating) == null ? void 0 : _b2.wrap) ?? "") || Boolean((_c = aImage == null ? void 0 : aImage.floating) == null ? void 0 : _c.behindDoc) !== Boolean((_d = bImage == null ? void 0 : bImage.floating) == null ? void 0 : _d.behindDoc) || (((_e = aImage == null ? void 0 : aImage.wrapPolygon) == null ? void 0 : _e.length) ?? -1) !== (((_f = bImage == null ? void 0 : bImage.wrapPolygon) == null ? void 0 : _f.length) ?? -1)) {
         changed = true;
         break;
       }
@@ -41611,7 +43048,7 @@ function useEditorTransactions(ctx) {
 }
 function createEditorChangeBroadcast(deps) {
   createEffect(() => {
-    var _a;
+    var _a2;
     deps.state.document;
     deps.state.selection;
     deps.state.activeSectionIndex;
@@ -41621,7 +43058,7 @@ function createEditorChangeBroadcast(deps) {
       return;
     }
     const snapshot = deps.cloneState(deps.getStateSnapshot());
-    (_a = deps.getOnStateChange()) == null ? void 0 : _a(snapshot);
+    (_a2 = deps.getOnStateChange()) == null ? void 0 : _a2(snapshot);
     deps.emit("change", snapshot);
     deps.emit("documentChange", snapshot.document);
     deps.emit("selectionChange", snapshot.selection);
@@ -41658,12 +43095,14 @@ function createEditorDocumentRuntime(deps) {
     logger
   });
   const isImportInProgress = () => {
-    var _a, _b;
-    return ((_a = docIO.importProgress()) == null ? void 0 : _a.phase) !== "done" && ((_b = docIO.importProgress()) == null ? void 0 : _b.phase) !== "error" && docIO.importProgress() !== null;
+    var _a2, _b2;
+    return ((_a2 = docIO.importProgress()) == null ? void 0 : _a2.phase) !== "done" && ((_b2 = docIO.importProgress()) == null ? void 0 : _b2.phase) !== "error" && docIO.importProgress() !== null;
   };
   const {
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -41733,6 +43172,8 @@ function createEditorDocumentRuntime(deps) {
     clearPreferredColumn();
     setMeasuredBlockHeights({});
     setMeasuredParagraphLayouts({});
+    bumpLayoutMetricsEpoch();
+    canvasSnapshotProvider.clear();
     clearHistory();
   };
   createEditorChangeBroadcast({
@@ -41748,6 +43189,8 @@ function createEditorDocumentRuntime(deps) {
     isImportInProgress,
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -41931,7 +43374,7 @@ function resizeSelectedTextBox(state, width, height, options = {}) {
     return {
       ...cloneParagraph(candidate),
       runs: candidate.runs.map((run) => {
-        var _a;
+        var _a2;
         if (run.id !== targetRun.id || run.kind !== "textBox") {
           return cloneRun(run);
         }
@@ -41941,7 +43384,7 @@ function resizeSelectedTextBox(state, width, height, options = {}) {
           width: nextWidth,
           height: nextHeight
         };
-        if (changesHeight && ((_a = textBox.body) == null ? void 0 : _a.autoFit)) {
+        if (changesHeight && ((_a2 = textBox.body) == null ? void 0 : _a2.autoFit)) {
           nextTextBox.body = { ...textBox.body, autoFit: false };
         }
         if (textBox.floating) {
@@ -42039,7 +43482,7 @@ const updateBlocksInCurrentSection = (current, blocks, zone = "main") => {
   };
 };
 const applyTableAwareParagraphEdit = (current, getTargetBlocks, edit) => {
-  var _a;
+  var _a2;
   const location = findParagraphTableLocation(
     current.document,
     current.selection.focus.paragraphId,
@@ -42060,7 +43503,7 @@ const applyTableAwareParagraphEdit = (current, getTargetBlocks, edit) => {
     (block, i) => i === location.blockIndex ? clonedTable : block
   );
   const tableBlock = clonedTable;
-  const targetCell = (_a = tableBlock.rows[location.rowIndex]) == null ? void 0 : _a.cells[location.cellIndex];
+  const targetCell = (_a2 = tableBlock.rows[location.rowIndex]) == null ? void 0 : _a2.cells[location.cellIndex];
   if (!targetCell) {
     return edit(current);
   }
@@ -42100,7 +43543,7 @@ function createTableOpsGuards(deps) {
     return Boolean(range && range.endCellIndex > range.startCellIndex);
   };
   const canSplitSelectedTableCell = (current) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -42114,11 +43557,11 @@ function createTableOpsGuards(deps) {
     if (!block || block.type !== "table") {
       return false;
     }
-    const cell = (_a = block.rows[location.rowIndex]) == null ? void 0 : _a.cells[location.cellIndex];
+    const cell = (_a2 = block.rows[location.rowIndex]) == null ? void 0 : _a2.cells[location.cellIndex];
     return Boolean(((cell == null ? void 0 : cell.colSpan) ?? 1) > 1);
   };
   const canMergeSelectedTableRows = (current) => {
-    var _a;
+    var _a2;
     const range = deps.resolveVerticalTableCellRange(current);
     if (!range) {
       return false;
@@ -42129,7 +43572,7 @@ function createTableOpsGuards(deps) {
       return false;
     }
     for (let rowIndex = range.startRowIndex; rowIndex <= range.endRowIndex; rowIndex += 1) {
-      const cell = (_a = tableBlock.rows[rowIndex]) == null ? void 0 : _a.cells[range.cellIndex];
+      const cell = (_a2 = tableBlock.rows[rowIndex]) == null ? void 0 : _a2.cells[range.cellIndex];
       if (!cell || cell.vMerge === "continue" || cell.blocks.length !== 1) {
         return false;
       }
@@ -42140,7 +43583,7 @@ function createTableOpsGuards(deps) {
     return canMergeSelectedTableCells(current) || canMergeSelectedTableRows(current);
   };
   const canSplitSelectedTableCellVertically = (current) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -42154,7 +43597,7 @@ function createTableOpsGuards(deps) {
     if (!block || block.type !== "table") {
       return false;
     }
-    const cell = (_a = block.rows[location.rowIndex]) == null ? void 0 : _a.cells[location.cellIndex];
+    const cell = (_a2 = block.rows[location.rowIndex]) == null ? void 0 : _a2.cells[location.cellIndex];
     return Boolean(((cell == null ? void 0 : cell.rowSpan) ?? 1) > 1 && (cell == null ? void 0 : cell.vMerge) === "restart");
   };
   const canSplitSelectedTable = (current) => {
@@ -42251,11 +43694,11 @@ function getSelectionTableContext(current, deps) {
 }
 function createTableSelectionResolvers(deps) {
   const resolveTableCellRangeSelection = (current) => {
-    var _a, _b, _c, _d, _e;
+    var _a2, _b2, _c, _d, _e;
     const selection = current.selection;
     const context = getSelectionTableContext(current, deps);
     if (!context || context.anchorLocation.rowIndex === context.focusLocation.rowIndex && context.anchorLocation.cellIndex === context.focusLocation.cellIndex) {
-      (_a = deps.logger) == null ? void 0 : _a.debug(
+      (_a2 = deps.logger) == null ? void 0 : _a2.debug(
         `resolveTableCellRangeSelection: no expansion (anchor=${selection.anchor.paragraphId} focus=${selection.focus.paragraphId})`
       );
       return null;
@@ -42276,7 +43719,7 @@ function createTableSelectionResolvers(deps) {
       context.anchorLocation.cellIndex,
       context.focusLocation.cellIndex
     );
-    (_b = deps.logger) == null ? void 0 : _b.info(
+    (_b2 = deps.logger) == null ? void 0 : _b2.info(
       `resolveTableCellRangeSelection: expanding r${context.anchorLocation.rowIndex}:c${context.anchorLocation.cellIndex}->r${context.focusLocation.rowIndex}:c${context.focusLocation.cellIndex} (anchor=${selection.anchor.paragraphId} focus=${selection.focus.paragraphId}) range=[rows ${rangeStartRow}..${rangeEndRow}, cells ${rangeStartCell}..${rangeEndCell}]`
     );
     const startLocation = compareCellLocations(context.anchorCell, context.focusCell) <= 0 ? context.anchorLocation : context.focusLocation;
@@ -42552,7 +43995,7 @@ function createTableCellSpanOperations(deps) {
     return current;
   };
   const splitSelectedTableCellVertically = (current) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -42566,7 +44009,7 @@ function createTableCellSpanOperations(deps) {
     if (!tableBlock || tableBlock.type !== "table") {
       return current;
     }
-    const cell = (_a = tableBlock.rows[location.rowIndex]) == null ? void 0 : _a.cells[location.cellIndex];
+    const cell = (_a2 = tableBlock.rows[location.rowIndex]) == null ? void 0 : _a2.cells[location.cellIndex];
     const span = Math.max(1, (cell == null ? void 0 : cell.rowSpan) ?? 1);
     if (!cell || span <= 1 || cell.vMerge !== "restart") {
       return current;
@@ -42596,8 +44039,8 @@ function createTableCellSpanOperations(deps) {
         previousCells: [
           previousCell,
           ...Array.from({ length: span - 1 }, (_, offset) => {
-            var _a2;
-            const prior = (_a2 = tableBlock.rows[location.rowIndex + offset + 1]) == null ? void 0 : _a2.cells[location.cellIndex];
+            var _a3;
+            const prior = (_a3 = tableBlock.rows[location.rowIndex + offset + 1]) == null ? void 0 : _a3.cells[location.cellIndex];
             return prior ? cloneCellSnapshot(prior) : createEditorTableCell([], preservedColSpan);
           })
         ]
@@ -42632,7 +44075,7 @@ function createTableCellSpanOperations(deps) {
     };
   };
   const splitSelectedTableCell = (current) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -42688,7 +44131,7 @@ function createTableCellSpanOperations(deps) {
       )
     ];
     row.cells.splice(location.cellIndex, 1, ...nextCells);
-    const nextParagraph = (_a = nextCells[0]) == null ? void 0 : _a.blocks[0];
+    const nextParagraph = (_a2 = nextCells[0]) == null ? void 0 : _a2.blocks[0];
     if (!nextParagraph) {
       return current;
     }
@@ -42725,7 +44168,7 @@ function createTableCellSpanOperations(deps) {
 }
 function createTableRowColumnOperations(deps) {
   const insertSelectedTableRow = (current, direction) => {
-    var _a, _b;
+    var _a2, _b2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -42801,9 +44244,9 @@ function createTableRowColumnOperations(deps) {
       tableBlock.rows.splice(insertIndex, 0, blankRow);
       const targetVisualColumn = (selectedEntry == null ? void 0 : selectedEntry.visualColumnIndex) ?? location.cellIndex;
       const targetCell2 = findCellAtVisualColumn(blankRow, targetVisualColumn);
-      const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? ((_a = blankRow.cells.find(
+      const nextParagraph2 = (targetCell2 == null ? void 0 : targetCell2.blocks[0]) ?? ((_a2 = blankRow.cells.find(
         (cell) => cell.vMerge !== "continue" && cell.blocks[0]
-      )) == null ? void 0 : _a.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+      )) == null ? void 0 : _a2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
       if (!nextParagraph2) {
         return updateBlocksInCurrentSection(
           current,
@@ -42843,9 +44286,9 @@ function createTableRowColumnOperations(deps) {
     }
     tableBlock.rows.splice(insertIndex, 0, blankRow);
     const targetCell = blankRow.cells[Math.min(location.cellIndex, blankRow.cells.length - 1)];
-    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? ((_b = blankRow.cells.find(
+    const nextParagraph = (targetCell == null ? void 0 : targetCell.blocks[0]) ?? ((_b2 = blankRow.cells.find(
       (cell) => cell.vMerge !== "continue" && cell.blocks[0]
-    )) == null ? void 0 : _b.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
+    )) == null ? void 0 : _b2.blocks[0]) ?? findFirstNavigableParagraphInTable(tableBlock);
     if (!nextParagraph) {
       return updateBlocksInCurrentSection(current, targetBlocks, location.zone);
     }
@@ -42948,7 +44391,7 @@ function createTableRowColumnOperations(deps) {
     };
   };
   const insertSelectedTableColumn = (current, direction) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -43055,7 +44498,7 @@ function createTableRowColumnOperations(deps) {
     const insertIndex = Math.max(
       0,
       Math.min(
-        ((_a = tableBlock.rows[0]) == null ? void 0 : _a.cells.length) ?? 0,
+        ((_a2 = tableBlock.rows[0]) == null ? void 0 : _a2.cells.length) ?? 0,
         location.cellIndex + (direction > 0 ? 1 : 0)
       )
     );
@@ -43091,7 +44534,7 @@ function createTableRowColumnOperations(deps) {
     };
   };
   const deleteSelectedTableColumn = (current) => {
-    var _a;
+    var _a2;
     const location = findParagraphTableLocation(
       current.document,
       current.selection.focus.paragraphId,
@@ -43185,7 +44628,7 @@ function createTableRowColumnOperations(deps) {
         }
       };
     }
-    if (((_a = tableBlock.rows[0]) == null ? void 0 : _a.cells.length) <= 1) {
+    if (((_a2 = tableBlock.rows[0]) == null ? void 0 : _a2.cells.length) <= 1) {
       return current;
     }
     for (const row of tableBlock.rows) {
@@ -43230,19 +44673,19 @@ function createTableSelectionAwareCommands(deps) {
   };
   const applySelectionAwareCommand = (command, logPrefix) => {
     deps.applyTransactionalState((current) => {
-      var _a, _b, _c;
+      var _a2, _b2, _c;
       const selection = deps.resolveSelectedTableCells(current);
       if (!selection || selection.cells.length <= 1) {
         const expanded = withExpandedTableCellSelection(current);
         if (expanded !== current) {
-          (_a = deps.logger) == null ? void 0 : _a.info(
+          (_a2 = deps.logger) == null ? void 0 : _a2.info(
             `${logPrefix}: expanded selection to ${expanded.selection.anchor.paragraphId}[${expanded.selection.anchor.offset}]..${expanded.selection.focus.paragraphId}[${expanded.selection.focus.offset}]`
           );
         }
         return command(expanded);
       }
       const { blockIndex, cells, zone } = selection;
-      (_b = deps.logger) == null ? void 0 : _b.info(
+      (_b2 = deps.logger) == null ? void 0 : _b2.info(
         `${logPrefix}: multi-cell selection in table block ${blockIndex} (${cells.length} cells) in zone ${zone}`
       );
       const allParagraphs = [];
@@ -43387,8 +44830,8 @@ function createEditorTableOperations(deps) {
     logger: deps.logger
   });
   const insertTableCommand = (rows, cols) => {
-    var _a;
-    (_a = deps.logger) == null ? void 0 : _a.info(`insertTableCommand: ${rows}x${cols}`);
+    var _a2;
+    (_a2 = deps.logger) == null ? void 0 : _a2.info(`insertTableCommand: ${rows}x${cols}`);
     deps.applyTransactionalState(
       (current) => insertTableAtSelection(current, rows, cols),
       {
@@ -43452,12 +44895,12 @@ function createResizeSession(adapter, deps) {
     }
   });
   const handleMouseMove = (event) => {
-    var _a;
+    var _a2;
     const resize = active;
     if (!resize) {
       return;
     }
-    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const z = ((_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)) ?? 1;
     const deltaX = (event.clientX - resize.startClientX) / z;
     const deltaY = (event.clientY - resize.startClientY) / z;
     const maxWidth = adapter.getMaxWidth(deps.state, resize.paragraphId);
@@ -44356,7 +45799,7 @@ function resolveImageAtPoint(snapshot, pageIndex, zone, clientX, clientY, pierce
   return null;
 }
 function resolveCanvasSurfaceHitAtPoint(options) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   const { snapshot, state } = options;
   const pierce = options.pierce ?? false;
   const zoomFactor = options.zoomFactor && options.zoomFactor > 0 ? options.zoomFactor : 1;
@@ -44398,7 +45841,7 @@ function resolveCanvasSurfaceHitAtPoint(options) {
         position: position2,
         source: "canvas-layout",
         resolvedFromParagraph: true,
-        tableCellAnchorPosition: (_a = paragraphSegment.tableCell) == null ? void 0 : _a.anchorPosition,
+        tableCellAnchorPosition: (_a2 = paragraphSegment.tableCell) == null ? void 0 : _a2.anchorPosition,
         caretViewport: {
           left: textBoxHit.left,
           top: textBoxHit.top,
@@ -44447,7 +45890,7 @@ function resolveCanvasSurfaceHitAtPoint(options) {
         position: position2,
         source: "canvas-layout",
         resolvedFromParagraph: true,
-        tableCellAnchorPosition: (_b = paragraphSegment.tableCell) == null ? void 0 : _b.anchorPosition,
+        tableCellAnchorPosition: (_b2 = paragraphSegment.tableCell) == null ? void 0 : _b2.anchorPosition,
         caretViewport: {
           left: imageHit.left,
           top: imageHit.top,
@@ -44509,43 +45952,17 @@ function resolveCanvasSurfaceHitAtPoint(options) {
   };
 }
 function createCanvasSurfaceHitResolver(deps) {
-  let canvasSnapshotCache = null;
   const resolveSurfaceHitAtPoint = (clientX, clientY, context = {}) => {
     const currentSurfaceRef = deps.surfaceRef();
-    const currentViewportRef = deps.viewportRef();
     if (!currentSurfaceRef) return null;
-    const currentMeasuredBlockHeights = deps.measuredBlockHeights();
-    const currentMeasuredParagraphLayouts = deps.measuredParagraphLayouts();
     const currentState = deps.state();
-    const viewportScrollTop = (currentViewportRef == null ? void 0 : currentViewportRef.scrollTop) ?? 0;
-    const viewportScrollLeft = (currentViewportRef == null ? void 0 : currentViewportRef.scrollLeft) ?? 0;
-    const windowWidth = window.innerWidth;
-    const windowHeight = window.innerHeight;
     const zoomFactor = deps.zoomFactor();
-    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight && canvasSnapshotCache.zoomFactor === zoomFactor;
-    const snapshot = shouldReuseSnapshot ? canvasSnapshotCache.snapshot : buildCanvasLayoutSnapshot({
+    const snapshot = deps.canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface: currentSurfaceRef,
       state: currentState,
-      measuredBlockHeights: currentMeasuredBlockHeights,
-      measuredParagraphLayouts: currentMeasuredParagraphLayouts,
+      documentLayout: deps.documentLayout(),
       zoomFactor
     });
-    if (!shouldReuseSnapshot) {
-      canvasSnapshotCache = {
-        snapshot,
-        documentRef: currentState.document,
-        measuredBlockHeightsRef: currentMeasuredBlockHeights,
-        measuredParagraphLayoutsRef: currentMeasuredParagraphLayouts,
-        surfaceRef: currentSurfaceRef,
-        viewportScrollTop,
-        viewportScrollLeft,
-        surfaceClientWidth: currentSurfaceRef.clientWidth,
-        surfaceClientHeight: currentSurfaceRef.clientHeight,
-        windowWidth,
-        windowHeight,
-        zoomFactor
-      };
-    }
     recordCanvasDebugLayoutSnapshot(snapshot);
     if (!snapshot) {
       recordCanvasDebugHit(null);
@@ -44816,20 +46233,20 @@ function createEditorLayoutOptionsController(deps) {
 }
 function createEditorClipboardController(deps) {
   const handleCopy = (event) => {
-    var _a, _b;
+    var _a2, _b2;
     const text = getSelectedText(deps.state());
     if (text.length === 0) {
       return;
     }
     event.preventDefault();
-    (_a = event.clipboardData) == null ? void 0 : _a.setData("text/plain", text);
-    (_b = event.clipboardData) == null ? void 0 : _b.setData(
+    (_a2 = event.clipboardData) == null ? void 0 : _a2.setData("text/plain", text);
+    (_b2 = event.clipboardData) == null ? void 0 : _b2.setData(
       "text/html",
       serializeEditorSelectionToHtml(deps.state())
     );
   };
   const handleCut = (event) => {
-    var _a, _b;
+    var _a2, _b2;
     if (deps.isReadOnly()) {
       event.preventDefault();
       return;
@@ -44839,8 +46256,8 @@ function createEditorClipboardController(deps) {
       return;
     }
     event.preventDefault();
-    (_a = event.clipboardData) == null ? void 0 : _a.setData("text/plain", text);
-    (_b = event.clipboardData) == null ? void 0 : _b.setData(
+    (_a2 = event.clipboardData) == null ? void 0 : _a2.setData("text/plain", text);
+    (_b2 = event.clipboardData) == null ? void 0 : _b2.setData(
       "text/html",
       serializeEditorSelectionToHtml(deps.state())
     );
@@ -44855,14 +46272,14 @@ function createEditorClipboardController(deps) {
     deps.focusInput();
   };
   const handlePaste = (event) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     if (deps.isReadOnly()) {
       event.preventDefault();
       return;
     }
     if (deps.forcePlainTextPaste()) {
       deps.setForcePlainTextPaste(false);
-      const text2 = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text/plain")) ?? "";
+      const text2 = ((_a2 = event.clipboardData) == null ? void 0 : _a2.getData("text/plain")) ?? "";
       if (text2.length === 0) {
         event.preventDefault();
         return;
@@ -44890,7 +46307,7 @@ function createEditorClipboardController(deps) {
       deps.focusInput();
       return;
     }
-    const html = ((_b = event.clipboardData) == null ? void 0 : _b.getData("text/html")) ?? "";
+    const html = ((_b2 = event.clipboardData) == null ? void 0 : _b2.getData("text/html")) ?? "";
     const paragraphs = parseEditorClipboardHtmlWithDom(html);
     if (paragraphs.length > 0) {
       event.preventDefault();
@@ -44958,10 +46375,12 @@ function getTableById(state, tableId) {
   );
   return table ?? null;
 }
-function buildTableGeometries(surface, state) {
-  const snapshot = buildCanvasLayoutSnapshot({
+function buildTableGeometries(surface, state, documentLayout, canvasSnapshotProvider, zoomFactor) {
+  const snapshot = canvasSnapshotProvider.getCanvasLayoutSnapshot({
     surface,
-    state
+    state,
+    documentLayout,
+    zoomFactor
   });
   if (!snapshot) {
     return [];
@@ -45057,8 +46476,14 @@ function buildTableGeometries(surface, state) {
 }
 const EDGE_THRESHOLD_COLUMN_PX = 4;
 const EDGE_THRESHOLD_ROW_PX = 4;
-function findTableResizeHoverInfo(event, surface, state) {
-  const geometries = buildTableGeometries(surface, state);
+function findTableResizeHoverInfo(event, surface, state, documentLayout, canvasSnapshotProvider, zoomFactor) {
+  const geometries = buildTableGeometries(
+    surface,
+    state,
+    documentLayout,
+    canvasSnapshotProvider,
+    zoomFactor
+  );
   if (geometries.length === 0) {
     return null;
   }
@@ -45155,17 +46580,17 @@ const CONTENT_MIN_WIDTH_GUARD_PX = 12;
 const CONTENT_MIN_HEIGHT_GUARD_PX = 4;
 const DEFAULT_CELL_PADDING_LEFT_RIGHT_PX = 7.2;
 function resolveHorizontalCellChromePx(cell) {
-  var _a, _b, _c, _d, _e;
-  const padding = typeof ((_a = cell.style) == null ? void 0 : _a.padding) === "number" && Number.isFinite(cell.style.padding) ? Math.max(0, ptToPx(cell.style.padding)) * 2 : Math.max(
+  var _a2, _b2, _c, _d, _e;
+  const padding = typeof ((_a2 = cell.style) == null ? void 0 : _a2.padding) === "number" && Number.isFinite(cell.style.padding) ? Math.max(0, ptToPx(cell.style.padding)) * 2 : Math.max(
     0,
-    (((_b = cell.style) == null ? void 0 : _b.paddingLeft) !== void 0 ? ptToPx(cell.style.paddingLeft) : DEFAULT_CELL_PADDING_LEFT_RIGHT_PX) + (((_c = cell.style) == null ? void 0 : _c.paddingRight) !== void 0 ? ptToPx(cell.style.paddingRight) : DEFAULT_CELL_PADDING_LEFT_RIGHT_PX)
+    (((_b2 = cell.style) == null ? void 0 : _b2.paddingLeft) !== void 0 ? ptToPx(cell.style.paddingLeft) : DEFAULT_CELL_PADDING_LEFT_RIGHT_PX) + (((_c = cell.style) == null ? void 0 : _c.paddingRight) !== void 0 ? ptToPx(cell.style.paddingRight) : DEFAULT_CELL_PADDING_LEFT_RIGHT_PX)
   );
   const borderLeft = ((_d = cell.style) == null ? void 0 : _d.borderLeft) ? Math.max(0, ptToPx(cell.style.borderLeft.width)) : 1;
   const borderRight = ((_e = cell.style) == null ? void 0 : _e.borderRight) ? Math.max(0, ptToPx(cell.style.borderRight.width)) : 1;
   return padding + borderLeft + borderRight;
 }
 function resolveRowHeightsPx(tableNode, tableLayout, geometry) {
-  var _a, _b;
+  var _a2, _b2;
   const rowCount = Math.max(1, tableNode.rows.length);
   const baseRowHeight = geometry.bounds.height / rowCount;
   const rowHeights = Array(rowCount).fill(baseRowHeight);
@@ -45175,7 +46600,7 @@ function resolveRowHeightsPx(tableNode, tableLayout, geometry) {
     )
   );
   for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
-    const explicitPt = parseSizeToPt((_b = (_a = tableNode.rows[rowIndex]) == null ? void 0 : _a.style) == null ? void 0 : _b.height);
+    const explicitPt = parseSizeToPt((_b2 = (_a2 = tableNode.rows[rowIndex]) == null ? void 0 : _a2.style) == null ? void 0 : _b2.height);
     if (explicitPt !== null) {
       rowHeights[rowIndex] = Math.max(1, ptToPx(explicitPt));
       continue;
@@ -45265,7 +46690,7 @@ function resolveMinRowHeightPx(tableNode, tableLayout, geometry, targetRowIndex)
   return Math.max(minFloor, minHeight);
 }
 function resolveMinColumnWidthsPx(state, tableNode, tableLayout, geometry) {
-  var _a;
+  var _a2;
   const minFloor = ptToPx(MIN_TABLE_SIZE_PT);
   const result = {};
   const geometryByKey = new Map(
@@ -45279,7 +46704,7 @@ function resolveMinColumnWidthsPx(state, tableNode, tableLayout, geometry) {
       `${entry.rowIndex}:${entry.cellIndex}`
     );
     if (!geometryCell) continue;
-    const cell = (_a = tableNode.rows[entry.rowIndex]) == null ? void 0 : _a.cells[entry.cellIndex];
+    const cell = (_a2 = tableNode.rows[entry.rowIndex]) == null ? void 0 : _a2.cells[entry.cellIndex];
     if (!cell) continue;
     const visualCol = entry.visualColumnIndex;
     const currentMin = result[visualCol] ?? minFloor;
@@ -45311,7 +46736,7 @@ function applyRowResize(state, resize, delta) {
   return setTableRowHeight(state, resize.tableId, resize.index, newSizePt);
 }
 function applyColumnResize(state, resize, delta) {
-  var _a;
+  var _a2;
   if (resize.type !== "column") return state;
   const deltaPt = pxToPt(delta);
   const maxColumnIndex = resize.maxColumnIndex ?? resize.index;
@@ -45377,7 +46802,7 @@ function applyColumnResize(state, resize, delta) {
     0
   );
   const tableNode = getTableById(state, resize.tableId);
-  const currentTableWidthPt = parseSizeToPt((_a = tableNode == null ? void 0 : tableNode.style) == null ? void 0 : _a.width);
+  const currentTableWidthPt = parseSizeToPt((_a2 = tableNode == null ? void 0 : tableNode.style) == null ? void 0 : _a2.width);
   const tableWidthToPersist = isLastColumn ? tableWidthPt : currentTableWidthPt !== null ? currentTableWidthPt : void 0;
   return setTableColumnWidths(
     state,
@@ -45427,6 +46852,7 @@ const DRAG_THRESHOLD_PX = 2;
 function createEditorTableResize(deps) {
   const [resizing, setResizing] = createSignal(null);
   const handleMouseMove = (event) => {
+    var _a2;
     if (resizing()) {
       setActiveCursorClass(resizing().type === "column");
       return;
@@ -45436,7 +46862,14 @@ function createEditorTableResize(deps) {
       clearResizeCursorClasses();
       return;
     }
-    const info = findTableResizeHoverInfo(event, surface, deps.state());
+    const info = findTableResizeHoverInfo(
+      event,
+      surface,
+      deps.state(),
+      deps.documentLayout(),
+      deps.canvasSnapshotProvider,
+      (_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)
+    );
     if (!info) {
       clearResizeCursorClasses();
       return;
@@ -45444,10 +46877,17 @@ function createEditorTableResize(deps) {
     setHoverCursorClass(info.side === "left" || info.side === "right");
   };
   const handleMouseDown = (event) => {
-    var _a;
+    var _a2, _b2;
     const surface = deps.surfaceRef();
     if (!surface) return false;
-    const info = findTableResizeHoverInfo(event, surface, deps.state());
+    const info = findTableResizeHoverInfo(
+      event,
+      surface,
+      deps.state(),
+      deps.documentLayout(),
+      deps.canvasSnapshotProvider,
+      (_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)
+    );
     if (!info) return false;
     const state = deps.state();
     const tableLayout = buildTableCellLayout(info.tableNode);
@@ -45478,7 +46918,7 @@ function createEditorTableResize(deps) {
         maxColumnIndex,
         minColumnWidthsPx,
         resizeFromLeftEdge: isLeftTableEdge,
-        initialTableIndentLeftPt: parseSizeToPt((_a = info.tableNode.style) == null ? void 0 : _a.indentLeft) ?? 0,
+        initialTableIndentLeftPt: parseSizeToPt((_b2 = info.tableNode.style) == null ? void 0 : _b2.indentLeft) ?? 0,
         guideBounds: getGuideBounds(deps.viewportRef)
       });
       setActiveCursorClass(true);
@@ -45532,10 +46972,10 @@ function createEditorTableResize(deps) {
     setActiveCursorClass(currentResizing.type === "column");
   };
   const handleWindowMouseUp = (event) => {
-    var _a;
+    var _a2;
     const currentResizing = resizing();
     if (!currentResizing) return;
-    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const z = ((_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)) ?? 1;
     const delta = ((currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos) / z;
     if (Math.abs(delta) >= DRAG_THRESHOLD_PX) {
       deps.applyTransactionalState((current) => {
@@ -45574,7 +47014,7 @@ function createEditorTableDrag(deps) {
     document.body.style.cursor = "";
   };
   const handleMouseMove = (event) => {
-    var _a;
+    var _a2;
     setMousePos({ x: event.clientX, y: event.clientY });
     if (!dragging()) {
       const delta = Math.abs(event.clientY - startClientY());
@@ -45590,7 +47030,7 @@ function createEditorTableDrag(deps) {
       event.clientX,
       event.clientY
     );
-    const tableId = (_a = draggedTableInfo()) == null ? void 0 : _a.tableId;
+    const tableId = (_a2 = draggedTableInfo()) == null ? void 0 : _a2.tableId;
     if (pos && tableId) {
       const state = deps.state();
       const location = findParagraphTableLocation(
@@ -45619,7 +47059,7 @@ function createEditorTableDrag(deps) {
       const tableId = info == null ? void 0 : info.tableId;
       if (tableId) {
         deps.applyTransactionalState((current) => {
-          var _a;
+          var _a2;
           const findTable = () => {
             for (const zone of ["main", "header", "footer"]) {
               const blocks = getEditableBlocksForZone(current, zone);
@@ -45631,7 +47071,7 @@ function createEditorTableDrag(deps) {
             return void 0;
           };
           const table = findTable();
-          if ((table == null ? void 0 : table.type) === "table" && ((_a = table.style) == null ? void 0 : _a.floating)) {
+          if ((table == null ? void 0 : table.type) === "table" && ((_a2 = table.style) == null ? void 0 : _a2.floating)) {
             const floating = table.style.floating;
             const pointsPerPixel = 72 / 96;
             return setActiveTableStyleValue(current, tableId, "floating", {
@@ -45790,9 +47230,9 @@ function createEditorSurfaceEvents(deps) {
     globalThis.clearTimeout(handle);
   };
   const applyWithZone = (state, targetZone, newState, targetPosition) => {
-    var _a;
+    var _a2;
     const isZoneTransition = targetZone !== (state.activeZone ?? "main");
-    const targetFootnoteId = targetZone === "footnote" && targetPosition ? (_a = findParagraphLocation(newState.document, targetPosition.paragraphId)) == null ? void 0 : _a.footnoteId : void 0;
+    const targetFootnoteId = targetZone === "footnote" && targetPosition ? (_a2 = findParagraphLocation(newState.document, targetPosition.paragraphId)) == null ? void 0 : _a2.footnoteId : void 0;
     const isFootnoteTransition = targetZone === "footnote" && targetFootnoteId !== state.activeFootnoteId;
     if (!isZoneTransition && !isFootnoteTransition) {
       deps.applyState(newState);
@@ -45927,7 +47367,7 @@ function createEditorSurfaceEvents(deps) {
     deps.focusInputAfterPointerSelection();
   };
   const handleSurfaceMouseDown = (event) => {
-    var _a;
+    var _a2;
     if (event.button !== 0) {
       return;
     }
@@ -45962,7 +47402,7 @@ function createEditorSurfaceEvents(deps) {
       deps.focusInputAfterPointerSelection();
       return;
     }
-    if ((_a = deps.textDrag) == null ? void 0 : _a.tryStartTextDrag(event, hit)) {
+    if ((_a2 = deps.textDrag) == null ? void 0 : _a2.tryStartTextDrag(event, hit)) {
       dragAnchor = null;
       stopDragging();
       deps.focusInputAfterPointerSelection();
@@ -46197,7 +47637,7 @@ function createEditorTextInput(deps) {
   const [composing, setComposing] = createSignal(false);
   let suppressedInputText = null;
   const handleTextInput = (event) => {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c, _d;
     markStart("input:text");
     if (deps.isReadOnly()) {
       deps.logger.debug(
@@ -46222,9 +47662,9 @@ function createEditorTextInput(deps) {
     }
     const state = deps.state();
     const sel = state.selection;
-    const currentRun = (_a = getParagraphs(state).find((p) => p.id === sel.anchor.paragraphId)) == null ? void 0 : _a.runs.find((r) => r.id === sel.anchor.runId);
+    const currentRun = (_a2 = getParagraphs(state).find((p) => p.id === sel.anchor.paragraphId)) == null ? void 0 : _a2.runs.find((r) => r.id === sel.anchor.runId);
     const runStyle = currentRun ? {
-      bold: (_b = currentRun.styles) == null ? void 0 : _b.bold,
+      bold: (_b2 = currentRun.styles) == null ? void 0 : _b2.bold,
       italic: (_c = currentRun.styles) == null ? void 0 : _c.italic,
       underline: (_d = currentRun.styles) == null ? void 0 : _d.underline
     } : null;
@@ -46340,8 +47780,8 @@ function createEditorTextDrag(deps) {
     document.head.appendChild(cursorStyleEl);
   };
   const stopDrag = () => {
-    var _a;
-    (_a = deps.logger) == null ? void 0 : _a.info("text-drag:stop", {
+    var _a2;
+    (_a2 = deps.logger) == null ? void 0 : _a2.info("text-drag:stop", {
       dragging: dragging(),
       dropTarget: dropTargetPos() ? `${dropTargetPos().paragraphId}:${dropTargetPos().runId}[${dropTargetPos().offset}]` : null,
       copyMode: copyMode()
@@ -46358,7 +47798,7 @@ function createEditorTextDrag(deps) {
     window.removeEventListener("mouseup", handleWindowMouseUp);
   };
   const handleWindowMouseMove = (event) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     if (!pendingStart) {
       return;
     }
@@ -46370,7 +47810,7 @@ function createEditorTextDrag(deps) {
       if (deltaX + deltaY < 4) {
         return;
       }
-      (_a = deps.logger) == null ? void 0 : _a.info("text-drag:activate", {
+      (_a2 = deps.logger) == null ? void 0 : _a2.info("text-drag:activate", {
         start: pendingStart,
         at: { x: event.clientX, y: event.clientY },
         deltaX,
@@ -46382,7 +47822,7 @@ function createEditorTextDrag(deps) {
     setPointerPos({ x: event.clientX, y: event.clientY });
     const hit = deps.resolveSurfaceHitAtPoint(event.clientX, event.clientY);
     if (!(hit == null ? void 0 : hit.resolvedFromParagraph)) {
-      (_b = deps.logger) == null ? void 0 : _b.debug("text-drag:hit-miss", {
+      (_b2 = deps.logger) == null ? void 0 : _b2.debug("text-drag:hit-miss", {
         x: event.clientX,
         y: event.clientY
       });
@@ -46410,8 +47850,8 @@ function createEditorTextDrag(deps) {
     setCaretViewport(hit.caretViewport ?? null);
   };
   const handleWindowMouseUp = (event) => {
-    var _a, _b, _c;
-    (_a = deps.logger) == null ? void 0 : _a.info("text-drag:mouseup", {
+    var _a2, _b2, _c;
+    (_a2 = deps.logger) == null ? void 0 : _a2.info("text-drag:mouseup", {
       x: event.clientX,
       y: event.clientY,
       dragging: dragging(),
@@ -46432,7 +47872,7 @@ function createEditorTextDrag(deps) {
           mergeKey: copy ? MERGE_KEYS.copyTextByDrag : MERGE_KEYS.moveTextByDrag
         }
       );
-      (_b = deps.logger) == null ? void 0 : _b.info("text-drag:apply", {
+      (_b2 = deps.logger) == null ? void 0 : _b2.info("text-drag:apply", {
         mode: copy ? "copy" : "move",
         destination: `${destination.paragraphId}:${destination.runId}[${destination.offset}]`
       });
@@ -46458,9 +47898,9 @@ function createEditorTextDrag(deps) {
     deps.focusInputAfterPointerSelection();
   };
   const tryStartTextDrag = (event, hit) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     if (deps.isReadOnly() || !(hit == null ? void 0 : hit.resolvedFromParagraph)) {
-      (_a = deps.logger) == null ? void 0 : _a.debug("text-drag:skip-start", {
+      (_a2 = deps.logger) == null ? void 0 : _a2.debug("text-drag:skip-start", {
         reason: deps.isReadOnly() ? "readonly" : "no-hit",
         x: event.clientX,
         y: event.clientY
@@ -46469,7 +47909,7 @@ function createEditorTextDrag(deps) {
     }
     const current = deps.state();
     if (!isPositionInsideSelection(current, hit.position)) {
-      (_b = deps.logger) == null ? void 0 : _b.debug("text-drag:skip-start", {
+      (_b2 = deps.logger) == null ? void 0 : _b2.debug("text-drag:skip-start", {
         reason: "outside-selection",
         x: event.clientX,
         y: event.clientY,
@@ -46605,7 +48045,7 @@ function createEditorNavigation(deps) {
     return moveVerticalSelection(direction, false);
   };
   const moveVerticalSelection = (direction, extend) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a2, _b2, _c, _d, _e, _f;
     const state = deps.state();
     const paragraphs = getParagraphs(state);
     const currentIndex = paragraphs.findIndex(
@@ -46618,10 +48058,11 @@ function createEditorNavigation(deps) {
     const surfaceRect = (surfaceRef == null ? void 0 : surfaceRef.getBoundingClientRect()) ?? null;
     const preferredX = deps.preferredColumnX();
     const desiredX = preferredX === null ? deps.caretBox().left + ((surfaceRect == null ? void 0 : surfaceRect.left) ?? 0) : preferredX;
-    const snapshot = surfaceRef ? buildCanvasLayoutSnapshot({
+    const snapshot = surfaceRef ? deps.canvasSnapshotProvider.getCanvasLayoutSnapshot({
       surface: surfaceRef,
       state,
-      zoomFactor: (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
+      documentLayout: deps.documentLayout(),
+      zoomFactor: (_a2 = deps.zoomFactor) == null ? void 0 : _a2.call(deps)
     }) : null;
     let targetIndex = currentIndex + direction;
     const tableLocation = findParagraphTableLocation(
@@ -46653,17 +48094,17 @@ function createEditorNavigation(deps) {
               continue;
             }
             const scoredCandidates = rowCandidates.map((entry) => {
-              var _a2, _b2;
-              const paragraphId = (_a2 = entry.cell.blocks[0]) == null ? void 0 : _a2.id;
-              const cellRect = paragraphId ? (_b2 = snapshot == null ? void 0 : snapshot.paragraphs.find(
+              var _a3, _b3;
+              const paragraphId = (_a3 = entry.cell.blocks[0]) == null ? void 0 : _a3.id;
+              const cellRect = paragraphId ? (_b3 = snapshot == null ? void 0 : snapshot.paragraphs.find(
                 (paragraph) => paragraph.paragraphId === paragraphId && paragraph.tableCell && paragraph.tableCell.tableId === block.id
-              )) == null ? void 0 : _b2.tableCell : null;
+              )) == null ? void 0 : _b3.tableCell : null;
               const left = (cellRect == null ? void 0 : cellRect.left) ?? desiredX;
               const right = cellRect ? cellRect.left + cellRect.width : desiredX;
               const distance = desiredX < left ? left - desiredX : desiredX > right ? desiredX - right : 0;
               return { entry, distance };
             }).sort((left, right) => left.distance - right.distance);
-            const candidate = (_b = scoredCandidates[0]) == null ? void 0 : _b.entry;
+            const candidate = (_b2 = scoredCandidates[0]) == null ? void 0 : _b2.entry;
             if (!candidate) {
               continue;
             }
@@ -46730,12 +48171,12 @@ function createEditorNavigation(deps) {
 function createEditorRevisionController(deps) {
   const [hoveredRevision, setHoveredRevision] = createSignal(null);
   const handleRevisionMouseEnter = (revisionId, event) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     const paragraphs = getParagraphs(deps.state());
     let foundRevision;
     for (const p of paragraphs) {
       for (const run of p.runs) {
-        if (((_a = run.revision) == null ? void 0 : _a.id) === revisionId) {
+        if (((_a2 = run.revision) == null ? void 0 : _a2.id) === revisionId) {
           foundRevision = run.revision;
           break;
         }
@@ -46743,10 +48184,10 @@ function createEditorRevisionController(deps) {
       if (foundRevision) break;
     }
     const findInBlocks = (blocks) => {
-      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
+      var _a3, _b3, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
       for (const block of blocks) {
         if (block.type === "paragraph") continue;
-        if (((_b2 = (_a2 = block.style) == null ? void 0 : _a2.revision) == null ? void 0 : _b2.id) === revisionId) {
+        if (((_b3 = (_a3 = block.style) == null ? void 0 : _a3.revision) == null ? void 0 : _b3.id) === revisionId) {
           return block.style.revision;
         }
         if (((_c2 = block.gridRevision) == null ? void 0 : _c2.id) === revisionId) return block.gridRevision;
@@ -46789,7 +48230,7 @@ function createEditorRevisionController(deps) {
     }
     if (!foundRevision) return;
     const rect = event.currentTarget.getBoundingClientRect();
-    const surfaceRect = (_b = deps.surfaceRef()) == null ? void 0 : _b.getBoundingClientRect();
+    const surfaceRect = (_b2 = deps.surfaceRef()) == null ? void 0 : _b2.getBoundingClientRect();
     if (!surfaceRect) return;
     const z = ((_c = deps.zoomFactor) == null ? void 0 : _c.call(deps)) ?? 1;
     setHoveredRevision({
@@ -46817,7 +48258,9 @@ function useEditorInteractionWiring(ctx) {
     applyTransactionalState: ctx.applyTransactionalState,
     surfaceRef: ctx.surfaceRef,
     viewportRef: ctx.viewportRef,
-    zoomFactor: ctx.zoomFactor
+    zoomFactor: ctx.zoomFactor,
+    documentLayout: ctx.documentLayout,
+    canvasSnapshotProvider: ctx.canvasSnapshotProvider
   });
   const tableDrag = createEditorTableDrag({
     state,
@@ -46878,7 +48321,9 @@ function useEditorInteractionWiring(ctx) {
     clearPreferredColumn: ctx.clearPreferredColumn,
     resetTransactionGrouping: ctx.resetTransactionGrouping,
     focusInput: ctx.focusInput,
-    zoomFactor: ctx.zoomFactor
+    zoomFactor: ctx.zoomFactor,
+    documentLayout: ctx.documentLayout,
+    canvasSnapshotProvider: ctx.canvasSnapshotProvider
   });
   const { handleCopy, handleCut, handlePaste, handleDrop } = createEditorClipboardController({
     state,
@@ -46930,8 +48375,8 @@ function createEditorInteractionRuntime(deps) {
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
-    measuredBlockHeights,
-    measuredParagraphLayouts
+    documentLayout,
+    canvasSnapshotProvider
   } = deps;
   const selectedImageRun = () => getSelectedImageRun(state);
   const selectedTextBoxRun = () => getSelectedTextBoxRun(state);
@@ -46945,8 +48390,8 @@ function createEditorInteractionRuntime(deps) {
     state: () => state,
     surfaceRef: () => surfaceRef() ?? null,
     viewportRef: () => viewportRef() ?? null,
-    measuredBlockHeights,
-    measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     zoomFactor
   });
   const resolveSurfaceHitAtPoint = canvasHitResolver.resolveSurfaceHitAtPoint;
@@ -46967,8 +48412,8 @@ function createEditorInteractionRuntime(deps) {
     logger
   });
   const resolvePositionAtSurfacePoint = (clientX, clientY) => {
-    var _a;
-    return ((_a = resolveSurfaceHitAtPoint(clientX, clientY)) == null ? void 0 : _a.position) ?? null;
+    var _a2;
+    return ((_a2 = resolveSurfaceHitAtPoint(clientX, clientY)) == null ? void 0 : _a2.position) ?? null;
   };
   const imageOps = createEditorImageOperations({
     state,
@@ -47017,6 +48462,8 @@ function createEditorInteractionRuntime(deps) {
     preferredColumnX: () => preferredColumnX(),
     setPreferredColumnX,
     zoomFactor,
+    documentLayout,
+    canvasSnapshotProvider,
     resolveSurfaceHitAtPoint,
     resolvePositionAtSurfacePoint,
     tableOps,
@@ -47064,10 +48511,10 @@ function ensureFootnotes(footnotes) {
   return { items: {} };
 }
 function nextAutoMarker(document2) {
-  var _a, _b;
+  var _a2, _b2;
   const footnotes = document2.footnotes;
-  const format = ((_a = footnotes == null ? void 0 : footnotes.settings) == null ? void 0 : _a.numberFormat) ?? "decimal";
-  const startAt = ((_b = footnotes == null ? void 0 : footnotes.settings) == null ? void 0 : _b.startAt) ?? 1;
+  const format = ((_a2 = footnotes == null ? void 0 : footnotes.settings) == null ? void 0 : _a2.numberFormat) ?? "decimal";
+  const startAt = ((_b2 = footnotes == null ? void 0 : footnotes.settings) == null ? void 0 : _b2.startAt) ?? 1;
   let autoCount = startAt - 1;
   const seen = /* @__PURE__ */ new Set();
   for (const { run } of iterateFootnoteReferenceRuns(document2)) {
@@ -47142,10 +48589,10 @@ function toggleTrackChanges(state) {
 }
 function transformTableRevisionBlocks(blocks, revisionId, accept) {
   return blocks.flatMap((block) => {
-    var _a;
+    var _a2;
     if (block.type === "paragraph") return [block];
     let style2 = block.style;
-    if (((_a = style2 == null ? void 0 : style2.revision) == null ? void 0 : _a.id) === revisionId) {
+    if (((_a2 = style2 == null ? void 0 : style2.revision) == null ? void 0 : _a2.id) === revisionId) {
       if (accept) {
         const { revision: _revision, ...current } = style2;
         style2 = current;
@@ -47189,8 +48636,8 @@ function transformTableRevisionBlocks(blocks, revisionId, accept) {
       }
     }
     const rows = sourceRows.flatMap((row) => {
-      var _a2, _b, _c, _d;
-      if (((_b = (_a2 = row.style) == null ? void 0 : _a2.revision) == null ? void 0 : _b.id) === revisionId) {
+      var _a3, _b2, _c, _d;
+      if (((_b2 = (_a3 = row.style) == null ? void 0 : _a3.revision) == null ? void 0 : _b2.id) === revisionId) {
         const remove = accept && row.style.revision.type === "delete" || !accept && row.style.revision.type === "insert";
         if (remove) return [];
       }
@@ -47211,8 +48658,8 @@ function transformTableRevisionBlocks(blocks, revisionId, accept) {
         rowStyle = current;
       }
       const cells = row.cells.flatMap((cell) => {
-        var _a3, _b2, _c2, _d2, _e;
-        if (((_b2 = (_a3 = cell.style) == null ? void 0 : _a3.revision) == null ? void 0 : _b2.id) === revisionId) {
+        var _a4, _b3, _c2, _d2, _e;
+        if (((_b3 = (_a4 = cell.style) == null ? void 0 : _a4.revision) == null ? void 0 : _b3.id) === revisionId) {
           const remove = accept && cell.style.revision.type === "delete" || !accept && cell.style.revision.type === "insert";
           if (remove) return [];
         }
@@ -47287,12 +48734,12 @@ function acceptRevision(state, revisionId) {
   const nextParagraphs = paragraphs.map((paragraph) => {
     const nextRuns = paragraph.runs.filter(
       (run) => {
-        var _a;
-        return !(((_a = run.revision) == null ? void 0 : _a.id) === revisionId && run.revision.type === "delete");
+        var _a2;
+        return !(((_a2 = run.revision) == null ? void 0 : _a2.id) === revisionId && run.revision.type === "delete");
       }
     ).map((run) => {
-      var _a;
-      if (((_a = run.revision) == null ? void 0 : _a.id) === revisionId && run.revision.type === "insert") {
+      var _a2;
+      if (((_a2 = run.revision) == null ? void 0 : _a2.id) === revisionId && run.revision.type === "insert") {
         const nextRun = { ...run };
         delete nextRun.revision;
         return nextRun;
@@ -47319,12 +48766,12 @@ function rejectRevision(state, revisionId) {
   const nextParagraphs = paragraphs.map((paragraph) => {
     const nextRuns = paragraph.runs.filter(
       (run) => {
-        var _a;
-        return !(((_a = run.revision) == null ? void 0 : _a.id) === revisionId && run.revision.type === "insert");
+        var _a2;
+        return !(((_a2 = run.revision) == null ? void 0 : _a2.id) === revisionId && run.revision.type === "insert");
       }
     ).map((run) => {
-      var _a;
-      if (((_a = run.revision) == null ? void 0 : _a.id) === revisionId && run.revision.type === "delete") {
+      var _a2;
+      if (((_a2 = run.revision) == null ? void 0 : _a2.id) === revisionId && run.revision.type === "delete") {
         const nextRun = { ...run };
         delete nextRun.revision;
         return nextRun;
@@ -47347,7 +48794,7 @@ function rejectRevision(state, revisionId) {
   return transformTableRevision(textState, revisionId, false);
 }
 function collectTableRevisionIds(blocks, selectedParagraphIds, revisionIds) {
-  var _a, _b, _c, _d, _e;
+  var _a2, _b2, _c, _d, _e;
   for (const block of blocks) {
     if (block.type === "paragraph") continue;
     const tableSelected = block.rows.some(
@@ -47356,7 +48803,7 @@ function collectTableRevisionIds(blocks, selectedParagraphIds, revisionIds) {
       )
     );
     if (tableSelected) {
-      if ((_a = block.style) == null ? void 0 : _a.revision) revisionIds.add(block.style.revision.id);
+      if ((_a2 = block.style) == null ? void 0 : _a2.revision) revisionIds.add(block.style.revision.id);
       if (block.gridRevision) revisionIds.add(block.gridRevision.id);
     }
     for (const row of block.rows) {
@@ -47364,7 +48811,7 @@ function collectTableRevisionIds(blocks, selectedParagraphIds, revisionIds) {
         (cell) => cell.blocks.some((paragraph) => selectedParagraphIds.has(paragraph.id))
       );
       if (selectedCells.length > 0) {
-        if ((_b = row.style) == null ? void 0 : _b.revision) revisionIds.add(row.style.revision.id);
+        if ((_b2 = row.style) == null ? void 0 : _b2.revision) revisionIds.add(row.style.revision.id);
         if ((_c = row.style) == null ? void 0 : _c.propertyRevision) {
           revisionIds.add(row.style.propertyRevision.id);
         }
@@ -47380,7 +48827,7 @@ function collectTableRevisionIds(blocks, selectedParagraphIds, revisionIds) {
   }
 }
 function acceptRevisionsInSelection(state) {
-  var _a;
+  var _a2;
   const normalized = normalizeSelection(state);
   const paragraphs = getParagraphs(state);
   const revisionIds = /* @__PURE__ */ new Set();
@@ -47390,7 +48837,7 @@ function acceptRevisionsInSelection(state) {
     const endOffset = i === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
     const runs = sliceRuns(paragraph, startOffset, endOffset);
     for (const run of runs) {
-      if ((_a = run.revision) == null ? void 0 : _a.id) {
+      if ((_a2 = run.revision) == null ? void 0 : _a2.id) {
         revisionIds.add(run.revision.id);
       }
     }
@@ -47420,7 +48867,7 @@ function acceptRevisionsInSelection(state) {
   return nextState;
 }
 function rejectRevisionsInSelection(state) {
-  var _a;
+  var _a2;
   const normalized = normalizeSelection(state);
   const paragraphs = getParagraphs(state);
   const revisionIds = /* @__PURE__ */ new Set();
@@ -47430,7 +48877,7 @@ function rejectRevisionsInSelection(state) {
     const endOffset = i === normalized.endIndex ? normalized.endParagraphOffset : getParagraphLength(paragraph);
     const runs = sliceRuns(paragraph, startOffset, endOffset);
     for (const run of runs) {
-      if ((_a = run.revision) == null ? void 0 : _a.id) {
+      if ((_a2 = run.revision) == null ? void 0 : _a2.id) {
         revisionIds.add(run.revision.id);
       }
     }
@@ -47460,7 +48907,7 @@ function rejectRevisionsInSelection(state) {
   return nextState;
 }
 function getLinkAtSelection(state) {
-  var _a, _b, _c;
+  var _a2, _b2, _c;
   const normalized = normalizeSelection(state);
   const paragraphs = getParagraphs(state);
   if (normalized.isCollapsed) {
@@ -47468,7 +48915,7 @@ function getLinkAtSelection(state) {
     if (!paragraph) {
       return null;
     }
-    return ((_a = expandLinkRangeInParagraph(paragraph, normalized.startParagraphOffset)) == null ? void 0 : _a.href) ?? null;
+    return ((_a2 = expandLinkRangeInParagraph(paragraph, normalized.startParagraphOffset)) == null ? void 0 : _a2.href) ?? null;
   }
   const touchedRuns = paragraphs.slice(normalized.startIndex, normalized.endIndex + 1).flatMap((paragraph, relativeIndex) => {
     const paragraphIndex = normalized.startIndex + relativeIndex;
@@ -47479,13 +48926,13 @@ function getLinkAtSelection(state) {
   if (touchedRuns.length === 0) {
     return null;
   }
-  const href = (_c = (_b = touchedRuns[0]) == null ? void 0 : _b.styles) == null ? void 0 : _c.link;
+  const href = (_c = (_b2 = touchedRuns[0]) == null ? void 0 : _b2.styles) == null ? void 0 : _c.link;
   if (!href) {
     return null;
   }
   return touchedRuns.every((run) => {
-    var _a2;
-    return ((_a2 = run.styles) == null ? void 0 : _a2.link) === href;
+    var _a3;
+    return ((_a3 = run.styles) == null ? void 0 : _a3.link) === href;
   }) ? href : null;
 }
 function setLinkAtSelection(state, href) {
@@ -47623,11 +49070,11 @@ function toggleParagraphList(state, kind) {
   const endIndex = normalized.endIndex;
   const targetedParagraphs = paragraphs.slice(startIndex, endIndex + 1);
   const shouldClear = targetedParagraphs.length > 0 && targetedParagraphs.every((paragraph) => {
-    var _a;
-    return ((_a = paragraph.list) == null ? void 0 : _a.kind) === kind;
+    var _a2;
+    return ((_a2 = paragraph.list) == null ? void 0 : _a2.kind) === kind;
   });
   const nextParagraphs = paragraphs.map((paragraph, paragraphIndex) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     if (paragraphIndex < startIndex || paragraphIndex > endIndex) {
       return cloneParagraph(paragraph);
     }
@@ -47638,8 +49085,8 @@ function toggleParagraphList(state, kind) {
     }
     nextParagraph.list = {
       kind,
-      level: ((_a = paragraph.list) == null ? void 0 : _a.level) ?? 0,
-      format: (_b = paragraph.list) == null ? void 0 : _b.format,
+      level: ((_a2 = paragraph.list) == null ? void 0 : _a2.level) ?? 0,
+      format: (_b2 = paragraph.list) == null ? void 0 : _b2.format,
       startAt: (_c = paragraph.list) == null ? void 0 : _c.startAt
     };
     return nextParagraph;
@@ -47997,12 +49444,12 @@ function createEditorCommandsController(deps) {
     focusInput();
   };
   const promptForImageAlt = () => {
-    var _a;
+    var _a2;
     const run = selectedImageRun();
     if (!run) {
       return;
     }
-    const currentAlt = ((_a = getRunImage(run.run)) == null ? void 0 : _a.alt) ?? "";
+    const currentAlt = ((_a2 = getRunImage(run.run)) == null ? void 0 : _a2.alt) ?? "";
     deps.openImageAltDialog(currentAlt);
   };
   const applyImageCaptionCommand = (caption) => {
@@ -48098,13 +49545,13 @@ class EditorCommandRegistry {
     return Array.from(this.bindings.values());
   }
   execute(event, deps, commandExecutor) {
-    var _a;
+    var _a2;
     const isCtrlOrMeta = event.ctrlKey || event.metaKey;
     const lowerKey = event.key.toLowerCase();
     for (const binding of this.bindings.values()) {
       if (binding.key.toLowerCase() === lowerKey && Boolean(binding.ctrlOrMeta) === isCtrlOrMeta && Boolean(binding.shift) === event.shiftKey && Boolean(binding.alt) === event.altKey) {
         if (binding.command && commandExecutor) {
-          const canExecute = ((_a = commandExecutor.canExecuteCommand) == null ? void 0 : _a.call(commandExecutor, binding.command)) ?? true;
+          const canExecute = ((_a2 = commandExecutor.canExecuteCommand) == null ? void 0 : _a2.call(commandExecutor, binding.command)) ?? true;
           if (canExecute) {
             commandExecutor.executeCommand(binding.command);
             event.preventDefault();
@@ -48373,12 +49820,12 @@ function createEditorKeyboardController(deps) {
     }
     const commandExecutor = deps.executeCommand ? {
       executeCommand: (commandName, payload) => {
-        var _a;
-        return (_a = deps.executeCommand) == null ? void 0 : _a.call(deps, commandName, payload);
+        var _a2;
+        return (_a2 = deps.executeCommand) == null ? void 0 : _a2.call(deps, commandName, payload);
       },
       canExecuteCommand: (commandName, payload) => {
-        var _a;
-        return (_a = deps.canExecuteCommand) == null ? void 0 : _a.call(deps, commandName, payload);
+        var _a2;
+        return (_a2 = deps.canExecuteCommand) == null ? void 0 : _a2.call(deps, commandName, payload);
       }
     } : void 0;
     if (registry.execute(event, deps, commandExecutor)) {
@@ -48790,10 +50237,10 @@ const DEFAULT_TOC_MAX_LEVEL = 3;
 const TOC_INSTRUCTION = ' TOC \\o "1-3" \\h \\z \\u ';
 const twipsToPx = (twips) => Math.round(twips / TWIPS_PER_INCH * PX_PER_INCH);
 function collectTocHeadings(state, maxLevel = DEFAULT_TOC_MAX_LEVEL) {
-  var _a;
+  var _a2;
   const headings = [];
   for (const paragraph of getDocumentParagraphs(state.document)) {
-    const level = getHeadingLevel((_a = paragraph.style) == null ? void 0 : _a.styleId);
+    const level = getHeadingLevel((_a2 = paragraph.style) == null ? void 0 : _a2.styleId);
     if (level === null || level > maxLevel) continue;
     const text = getParagraphText(paragraph).trim();
     if (!text) continue;
@@ -49645,18 +51092,18 @@ function createEditorEssentialsRuntimePlugin(options) {
   };
   const essentialsDocument = {
     documentStyles: () => {
-      var _a, _b;
+      var _a2, _b2;
       const document2 = options.state().document;
       const styles = (document2 == null ? void 0 : document2.styles) ?? {};
       const usedStyleIds = /* @__PURE__ */ new Set();
       for (const paragraph of getDocumentParagraphs(document2)) {
-        if ((_a = paragraph.style) == null ? void 0 : _a.styleId) usedStyleIds.add(paragraph.style.styleId);
+        if ((_a2 = paragraph.style) == null ? void 0 : _a2.styleId) usedStyleIds.add(paragraph.style.styleId);
         for (const run of paragraph.runs) {
-          if ((_b = run.styles) == null ? void 0 : _b.styleId) usedStyleIds.add(run.styles.styleId);
+          if ((_b2 = run.styles) == null ? void 0 : _b2.styleId) usedStyleIds.add(run.styles.styleId);
         }
       }
       return Object.values(styles).map((style2) => {
-        var _a2;
+        var _a3;
         const preview = resolveNamedTextStyle(style2.id, styles);
         return {
           id: style2.id,
@@ -49667,7 +51114,7 @@ function createEditorEssentialsRuntimePlugin(options) {
           semiHidden: style2.semiHidden,
           unhideWhenUsed: style2.unhideWhenUsed,
           isUsed: usedStyleIds.has(style2.id),
-          fontFamily: ((_a2 = preview.fontFamily) == null ? void 0 : _a2.trim()) || void 0,
+          fontFamily: ((_a3 = preview.fontFamily) == null ? void 0 : _a3.trim()) || void 0,
           fontSize: typeof preview.fontSize === "number" ? preview.fontSize : void 0,
           color: preview.color ?? void 0,
           bold: preview.bold ?? void 0,
@@ -49678,12 +51125,12 @@ function createEditorEssentialsRuntimePlugin(options) {
     exportDocx: () => void options.docIO.handleExportDocx(),
     exportPdf: () => void options.docIO.handleExportPdf(),
     importDocument: () => {
-      var _a;
-      return (_a = options.importInputRef()) == null ? void 0 : _a.click();
+      var _a2;
+      return (_a2 = options.importInputRef()) == null ? void 0 : _a2.click();
     },
     insertImage: () => {
-      var _a;
-      return (_a = options.imageInputRef()) == null ? void 0 : _a.click();
+      var _a2;
+      return (_a2 = options.imageInputRef()) == null ? void 0 : _a2.click();
     },
     insertShape: (preset) => options.applyTransactionalState(
       (current) => insertShapeAtSelection(current, preset)
@@ -49781,15 +51228,15 @@ function createEditorEssentialsRuntimePlugin(options) {
   };
   const essentialsSection = {
     isLandscape: () => {
-      var _a, _b;
+      var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a = options.state().document.sections) == null ? void 0 : _a[idx]) ?? options.state().document;
-      return ((_b = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b.orientation) === "landscape";
+      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      return ((_b2 = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b2.orientation) === "landscape";
     },
     setOrientation: (orientation) => {
-      var _a;
+      var _a2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a = options.state().document.sections) == null ? void 0 : _a[idx]) ?? options.state().document;
+      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
       if (!section) return;
       options.commandsController.applyUpdateSectionSettingsCommand(idx, {
         pageSettings: {
@@ -49799,11 +51246,11 @@ function createEditorEssentialsRuntimePlugin(options) {
       });
     },
     toggleOrientation: () => {
-      var _a, _b;
+      var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a = options.state().document.sections) == null ? void 0 : _a[idx]) ?? options.state().document;
+      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
       if (!section) return;
-      const current = ((_b = section.pageSettings) == null ? void 0 : _b.orientation) ?? "portrait";
+      const current = ((_b2 = section.pageSettings) == null ? void 0 : _b2.orientation) ?? "portrait";
       essentialsSection.setOrientation(
         current === "portrait" ? "landscape" : "portrait"
       );
@@ -49811,15 +51258,15 @@ function createEditorEssentialsRuntimePlugin(options) {
     breakNextPage: () => options.commandsController.applyInsertSectionBreakCommand("nextPage"),
     breakContinuous: () => options.commandsController.applyInsertSectionBreakCommand("continuous"),
     getMargins: () => {
-      var _a, _b;
+      var _a2, _b2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a = options.state().document.sections) == null ? void 0 : _a[idx]) ?? options.state().document;
-      return (_b = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b.margins;
+      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
+      return (_b2 = section == null ? void 0 : section.pageSettings) == null ? void 0 : _b2.margins;
     },
     setPageMargins: (margins) => {
-      var _a;
+      var _a2;
       const idx = getActiveSectionIndex(options.state());
-      const section = ((_a = options.state().document.sections) == null ? void 0 : _a[idx]) ?? options.state().document;
+      const section = ((_a2 = options.state().document.sections) == null ? void 0 : _a2[idx]) ?? options.state().document;
       if (!(section == null ? void 0 : section.pageSettings)) return;
       options.commandsController.applyUpdateSectionSettingsCommand(idx, {
         pageSettings: {
@@ -50318,7 +51765,7 @@ const defaultMenuItems = [
   }
 ];
 function useEditorRuntimePlugins(options) {
-  var _a, _b;
+  var _a2, _b2;
   const runtimePlugins = [
     options.essentialsPlugin,
     ...options.externalPlugins ?? []
@@ -50362,8 +51809,8 @@ function useEditorRuntimePlugins(options) {
       contributedMenuIds.push(item.id);
     }
   }
-  (_a = options.customizeToolbar) == null ? void 0 : _a.call(options, toolbarRegistry);
-  (_b = options.customizeMenubar) == null ? void 0 : _b.call(options, menuRegistry);
+  (_a2 = options.customizeToolbar) == null ? void 0 : _a2.call(options, toolbarRegistry);
+  (_b2 = options.customizeMenubar) == null ? void 0 : _b2.call(options, menuRegistry);
   return {
     runtimePlugins,
     toolbarRegistry,
@@ -50387,13 +51834,13 @@ function createRuntimeCommandHost(options) {
   );
   let disposed = false;
   const commandStateOf = (commandRef) => {
-    var _a;
+    var _a2;
     const commandName = commandRefName(commandRef);
     const cmd = runtimeEditor().commands.get(commandName);
     if (!cmd) {
       return { isEnabled: false, isActive: false, value: void 0 };
     }
-    const refreshed = ((_a = cmd.refresh) == null ? void 0 : _a.call(cmd)) ?? { isEnabled: true };
+    const refreshed = ((_a2 = cmd.refresh) == null ? void 0 : _a2.call(cmd)) ?? { isEnabled: true };
     return {
       isEnabled: refreshed.isEnabled !== false,
       isActive: Boolean(refreshed.isActive),
@@ -50421,7 +51868,7 @@ function createRuntimeCommandHost(options) {
     focusEditor: options.focusEditor
   });
   const initialize = async () => {
-    var _a, _b;
+    var _a2, _b2;
     try {
       const initializedRuntimeEditor = await Editor.create({
         doc: options.initialDocument,
@@ -50436,14 +51883,14 @@ function createRuntimeCommandHost(options) {
       await previousRuntimeEditor.destroy();
       setRuntimeReady(true);
       requestAnimationFrame(() => {
-        var _a2, _b2;
-        (_a2 = options.onSettled) == null ? void 0 : _a2.call(options);
-        (_b2 = options.onReady) == null ? void 0 : _b2.call(options, initializedRuntimeEditor);
+        var _a3, _b3;
+        (_a3 = options.onSettled) == null ? void 0 : _a3.call(options);
+        (_b3 = options.onReady) == null ? void 0 : _b3.call(options, initializedRuntimeEditor);
       });
     } catch (error) {
       options.logger.error("runtime:init failed", error);
-      (_a = options.onError) == null ? void 0 : _a.call(options, error);
-      (_b = options.onSettled) == null ? void 0 : _b.call(options);
+      (_a2 = options.onError) == null ? void 0 : _a2.call(options, error);
+      (_b2 = options.onSettled) == null ? void 0 : _b2.call(options);
     }
   };
   const dispose = async () => {
@@ -50559,9 +52006,9 @@ function createEditorCommandRuntime(deps) {
     focusEditor: deps.focusInput,
     logger: deps.logger,
     onReady: (editor) => {
-      var _a, _b;
+      var _a2, _b2;
       runtimeClient.resolveReady(editor);
-      (_b = (_a = deps.runtimeOptions()).onReady) == null ? void 0 : _b.call(_a, runtimeClient);
+      (_b2 = (_a2 = deps.runtimeOptions()).onReady) == null ? void 0 : _b2.call(_a2, runtimeClient);
     },
     onSettled: () => {
       deps.setInitialLoading(false);
@@ -50622,8 +52069,8 @@ function createEditorCommandRuntime(deps) {
 }
 var _tmpl$ = /* @__PURE__ */ template(`<div class="oasis-editor-shell oasis-editor-app">`);
 function OasisEditorApp(props = {}) {
-  var _a;
-  const runtimeClient = ((_a = props.runtime) == null ? void 0 : _a.client) ?? createOasisEditorClient();
+  var _a2;
+  const runtimeClient = ((_a2 = props.runtime) == null ? void 0 : _a2.client) ?? createOasisEditorClient();
   const ui = () => props.ui ?? {};
   const documentOptions = () => props.document ?? {};
   const runtimeOptions = () => props.runtime ?? {};
@@ -50708,6 +52155,8 @@ function OasisEditorApp(props = {}) {
     docIO,
     measuredBlockHeights,
     measuredParagraphLayouts,
+    documentLayout,
+    canvasSnapshotProvider,
     inputBox,
     selectionBoxes,
     commentHighlights,
@@ -50747,8 +52196,8 @@ function OasisEditorApp(props = {}) {
     caretBox,
     preferredColumnX,
     setPreferredColumnX,
-    measuredBlockHeights,
-    measuredParagraphLayouts
+    documentLayout,
+    canvasSnapshotProvider
   });
   const {
     selectedImageRun,
@@ -50848,6 +52297,7 @@ function OasisEditorApp(props = {}) {
     fileHandlers: editorFileHandlers
   } = buildEditorViewProps({
     layout: {
+      documentLayout,
       viewportHeight: ui().viewportHeight,
       className: ui().class,
       style: ui().style,
@@ -51001,6 +52451,7 @@ function OasisEditorApp(props = {}) {
           viewportHeight: () => ui().viewportHeight,
           measuredBlockHeights,
           measuredParagraphLayouts,
+          documentLayout,
           layout: editorLayoutProps,
           overlays: editorOverlayProps,
           refs: editorRefs,
@@ -51014,6 +52465,11 @@ function OasisEditorApp(props = {}) {
         get surfaceRef() {
           return surfaceRef();
         },
+        documentLayout,
+        snapshotProvider: canvasSnapshotProvider,
+        get zoomFactor() {
+          return zoom.zoomFactor;
+        },
         tableResize,
         imageOps,
         tableDrag,
@@ -51029,12 +52485,12 @@ function OasisEditorApp(props = {}) {
               return loadingLabel();
             },
             get ["class"]() {
-              var _a2;
-              return (_a2 = loadingOptions()) == null ? void 0 : _a2.class;
+              var _a3;
+              return (_a3 = loadingOptions()) == null ? void 0 : _a3.class;
             },
             get style() {
-              var _a2;
-              return (_a2 = loadingOptions()) == null ? void 0 : _a2.style;
+              var _a3;
+              return (_a3 = loadingOptions()) == null ? void 0 : _a3.style;
             }
           });
         }