@harbour-enterprises/superdoc 1.4.1-next.2 → 1.5.0-next.1

package/dist/chunks/{index-DS7Ttafb.cjs → index-D-E-6bRO.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-Bukam51x.cjs");
+const superEditor_converter = require("./SuperConverter-BVAV03p6.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -15516,7 +15516,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.4.1-next.2";
+const summaryVersion = "1.5.0-next.1";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -16826,6 +16826,31 @@ class Editor extends EventEmitter {
     }
     return null;
   }
+  /**
+   * Get the DOM element for a document position.
+   * In presentation mode, returns the painted element.
+   */
+  getElementAtPos(pos, options = {}) {
+    if (this.presentationEditor) {
+      return this.presentationEditor.getElementAtPos(pos, options);
+    }
+    if (!this.view) return null;
+    if (!Number.isFinite(pos)) return null;
+    const maxPos = this.view.state.doc.content.size;
+    const clampedPos = Math.max(0, Math.min(pos, maxPos));
+    try {
+      const { node } = this.view.domAtPos(clampedPos);
+      if (node && node.nodeType === 1) {
+        return node;
+      }
+      if (node && node.nodeType === 3) {
+        return node.parentElement;
+      }
+      return node?.parentElement ?? null;
+    } catch {
+      return null;
+    }
+  }
   /**
    * Get position from client-space coordinates.
    * In layout/presentation mode, uses PresentationEditor hit testing for accurate coordinate mapping.
@@ -18148,7 +18173,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.4.1-next.2");
+    console.debug("[checkVersionMigrations] Current editor version", "1.5.0-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -23172,27 +23197,33 @@ const SDT_CONTAINER_STYLES = `
   align-items: center;
 }
 
-/* Continuation styling: first fragment has top corners, last has bottom corners */
-.superdoc-document-section[data-sdt-container-start="true"] {
-  border-radius: 4px 4px 0 0;
+/* Continuation styling: SDT container boundary handling for multi-fragment document sections */
+/* Single fragment (both start and end): full border radius */
+.superdoc-document-section[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
 }
 
-.superdoc-document-section[data-sdt-container-end="true"] {
-  border-radius: 0 0 4px 4px;
+/* First fragment of a multi-fragment SDT: top corners, no bottom border */
+.superdoc-document-section[data-sdt-container-start="true"]:not([data-sdt-container-end="true"]) {
+  border-radius: 4px 4px 0 0;
+  border-bottom: none;
 }
 
-.superdoc-document-section[data-sdt-container-start="true"][data-sdt-container-end="true"] {
-  border-radius: 4px;
+/* Last fragment of a multi-fragment SDT: bottom corners, no top border */
+.superdoc-document-section[data-sdt-container-end="true"]:not([data-sdt-container-start="true"]) {
+  border-radius: 0 0 4px 4px;
+  border-top: none;
 }
 
 .superdoc-document-section[data-sdt-container-start="true"]:hover {
   border-radius: 0 4px 0 0;
 }
 
-/* Middle fragments have no border radius */
+/* Middle fragments (neither start nor end): no corners, no top/bottom borders */
 .superdoc-document-section:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
   border-radius: 0;
   border-top: none;
+  border-bottom: none;
 }
 
 /* Structured Content Block - Blue border container */
@@ -23239,21 +23270,28 @@ const SDT_CONTAINER_STYLES = `
 }
 
 /* Continuation styling for structured content blocks */
-.superdoc-structured-content-block[data-sdt-container-start="true"] {
-  border-radius: 4px 4px 0 0;
+/* Single fragment (both start and end): full border radius */
+.superdoc-structured-content-block[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
 }
 
-.superdoc-structured-content-block[data-sdt-container-end="true"] {
-  border-radius: 0 0 4px 4px;
+/* First fragment of a multi-fragment SDT: top corners, no bottom border */
+.superdoc-structured-content-block[data-sdt-container-start="true"]:not([data-sdt-container-end="true"]) {
+  border-radius: 4px 4px 0 0;
+  border-bottom: none;
 }
 
-.superdoc-structured-content-block[data-sdt-container-start="true"][data-sdt-container-end="true"] {
-  border-radius: 4px;
+/* Last fragment of a multi-fragment SDT: bottom corners, no top border */
+.superdoc-structured-content-block[data-sdt-container-end="true"]:not([data-sdt-container-start="true"]) {
+  border-radius: 0 0 4px 4px;
+  border-top: none;
 }
 
+/* Middle fragment (neither start nor end): no corners, no top/bottom borders */
 .superdoc-structured-content-block:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
   border-radius: 0;
   border-top: none;
+  border-bottom: none;
 }
 
 /* Structured Content Inline - Inline wrapper with blue border */
@@ -23722,6 +23760,78 @@ const resolveTableCellBorders = (tableBorders, rowIndex, colIndex, totalRows, to
     right: borderValueToSpec(isLastCol ? tableBorders?.right : null)
   };
 };
+function isStructuredContentMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
+}
+function isDocumentSectionMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "documentSection";
+}
+function getSdtContainerConfig(sdt) {
+  if (isDocumentSectionMetadata(sdt)) {
+    return {
+      className: "superdoc-document-section",
+      labelText: sdt.title ?? "Document section",
+      labelClassName: "superdoc-document-section__tooltip",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  if (isStructuredContentMetadata(sdt) && sdt.scope === "block") {
+    return {
+      className: "superdoc-structured-content-block",
+      labelText: sdt.alias ?? "Structured content",
+      labelClassName: "superdoc-structured-content__label",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  return null;
+}
+function getSdtContainerMetadata(sdt, containerSdt) {
+  if (getSdtContainerConfig(sdt)) return sdt ?? null;
+  if (getSdtContainerConfig(containerSdt)) return containerSdt ?? null;
+  return null;
+}
+function getSdtContainerKey(sdt, containerSdt) {
+  const metadata = getSdtContainerMetadata(sdt, containerSdt);
+  if (!metadata) return null;
+  if (metadata.type === "structuredContent") {
+    if (metadata.scope !== "block") return null;
+    if (!metadata.id) {
+      return null;
+    }
+    return `structuredContent:${metadata.id}`;
+  }
+  if (metadata.type === "documentSection") {
+    const sectionId = metadata.id ?? metadata.sdBlockId;
+    if (!sectionId) {
+      return null;
+    }
+    return `documentSection:${sectionId}`;
+  }
+  return null;
+}
+function applySdtContainerStyling(doc2, container, sdt, containerSdt, boundaryOptions) {
+  let config = getSdtContainerConfig(sdt);
+  if (!config && containerSdt) {
+    config = getSdtContainerConfig(containerSdt);
+  }
+  if (!config) return;
+  const isStart = boundaryOptions?.isStart ?? config.isStart;
+  const isEnd = boundaryOptions?.isEnd ?? config.isEnd;
+  container.classList.add(config.className);
+  container.dataset.sdtContainerStart = String(isStart);
+  container.dataset.sdtContainerEnd = String(isEnd);
+  container.style.overflow = "visible";
+  if (isStart) {
+    const labelEl = doc2.createElement("div");
+    labelEl.className = config.labelClassName;
+    const labelText = doc2.createElement("span");
+    labelText.textContent = config.labelText;
+    labelEl.appendChild(labelText);
+    container.appendChild(labelEl);
+  }
+}
 const LIST_MARKER_GAP$3 = 8;
 function renderListMarker(params2) {
   const { doc: doc2, lineEl, markerLayout, markerMeasure, indentLeftPx } = params2;
@@ -23759,6 +23869,54 @@ function renderListMarker(params2) {
   lineContainer.appendChild(lineEl);
   return lineContainer;
 }
+const applyInlineStyles = (el, styles) => {
+  Object.entries(styles).forEach(([key2, value]) => {
+    if (value != null && value !== "" && key2 in el.style) {
+      el.style[key2] = String(value);
+    }
+  });
+};
+const EMBEDDED_TABLE_VERSION = "embedded-table";
+const renderEmbeddedTable = (params2) => {
+  const { doc: doc2, table, measure, context, renderLine, renderDrawingContent, applySdtDataset } = params2;
+  const fragment = {
+    kind: "table",
+    blockId: table.id,
+    fromRow: 0,
+    toRow: table.rows.length,
+    x: 0,
+    y: 0,
+    width: measure.totalWidth,
+    height: measure.totalHeight
+  };
+  const blockLookup = /* @__PURE__ */ new Map([
+    [
+      table.id,
+      {
+        block: table,
+        measure,
+        version: EMBEDDED_TABLE_VERSION
+      }
+    ]
+  ]);
+  const applyFragmentFrame = (el, frag) => {
+    el.style.left = `${frag.x}px`;
+    el.style.top = `${frag.y}px`;
+    el.style.width = `${frag.width}px`;
+    el.dataset.blockId = frag.blockId;
+  };
+  return renderTableFragment({
+    doc: doc2,
+    fragment,
+    context,
+    blockLookup,
+    renderLine,
+    renderDrawingContent,
+    applyFragmentFrame,
+    applySdtDataset,
+    applyStyles: applyInlineStyles
+  });
+};
 function applyParagraphBordersAndShading(paraWrapper, block) {
   const borders = block.attrs?.borders;
   if (borders) {
@@ -23799,10 +23957,12 @@ const renderTableCell = (deps) => {
     cellMeasure,
     cell,
     borders,
+    useDefaultBorder,
     renderLine,
     renderDrawingContent,
     context,
     applySdtDataset,
+    tableSdt,
     fromLine,
     toLine
   } = deps;
@@ -23826,12 +23986,46 @@ const renderTableCell = (deps) => {
   cellEl.style.paddingBottom = `${paddingBottom}px`;
   if (borders) {
     applyCellBorders(cellEl, borders);
+  } else if (useDefaultBorder) {
+    cellEl.style.border = "1px solid rgba(0,0,0,0.6)";
   }
   if (cell?.attrs?.background) {
     cellEl.style.backgroundColor = cell.attrs.background;
   }
   const cellBlocks = cell?.blocks ?? (cell?.paragraph ? [cell.paragraph] : []);
   const blockMeasures = cellMeasure?.blocks ?? (cellMeasure?.paragraph ? [cellMeasure.paragraph] : []);
+  const sdtContainerKeys = cellBlocks.map((block) => {
+    if (block.kind !== "paragraph") {
+      return null;
+    }
+    const attrs2 = block.attrs;
+    return getSdtContainerKey(attrs2?.sdt, attrs2?.containerSdt);
+  });
+  const sdtBoundaries = sdtContainerKeys.map((key2, index2) => {
+    if (!key2) return void 0;
+    const prev = index2 > 0 ? sdtContainerKeys[index2 - 1] : null;
+    const next = index2 < sdtContainerKeys.length - 1 ? sdtContainerKeys[index2 + 1] : null;
+    return { isStart: key2 !== prev, isEnd: key2 !== next };
+  });
+  const tableSdtKey = tableSdt ? getSdtContainerKey(tableSdt, null) : null;
+  const shouldApplySdtContainerStyling = (sdt, containerSdt, blockKey) => {
+    const resolvedKey = blockKey ?? getSdtContainerKey(sdt, containerSdt);
+    if (tableSdtKey && resolvedKey && tableSdtKey === resolvedKey) {
+      return false;
+    }
+    if (tableSdt && (sdt === tableSdt || containerSdt === tableSdt)) {
+      return false;
+    }
+    return Boolean(getSdtContainerConfig(sdt) || getSdtContainerConfig(containerSdt));
+  };
+  const hasSdtContainer = cellBlocks.some((block, index2) => {
+    const attrs2 = block.attrs;
+    const blockKey = sdtContainerKeys[index2] ?? null;
+    return shouldApplySdtContainerStyling(attrs2?.sdt, attrs2?.containerSdt, blockKey);
+  });
+  if (hasSdtContainer) {
+    cellEl.style.overflow = "visible";
+  }
   if (cellBlocks.length > 0 && blockMeasures.length > 0) {
     const content = doc2.createElement("div");
     content.style.position = "relative";
@@ -23863,6 +24057,26 @@ const renderTableCell = (deps) => {
     for (let i = 0; i < Math.min(blockMeasures.length, cellBlocks.length); i++) {
       const blockMeasure = blockMeasures[i];
       const block = cellBlocks[i];
+      if (blockMeasure.kind === "table" && block?.kind === "table") {
+        const tableMeasure = blockMeasure;
+        const tableWrapper = doc2.createElement("div");
+        tableWrapper.style.position = "relative";
+        tableWrapper.style.width = "100%";
+        tableWrapper.style.height = `${tableMeasure.totalHeight}px`;
+        tableWrapper.style.boxSizing = "border-box";
+        const tableEl = renderEmbeddedTable({
+          doc: doc2,
+          table: block,
+          measure: tableMeasure,
+          context: { ...context, section: "body" },
+          renderLine,
+          renderDrawingContent,
+          applySdtDataset
+        });
+        tableWrapper.appendChild(tableEl);
+        content.appendChild(tableWrapper);
+        continue;
+      }
       if (blockMeasure.kind === "image" && block?.kind === "image") {
         const imageWrapper = doc2.createElement("div");
         imageWrapper.style.position = "relative";
@@ -23958,6 +24172,11 @@ const renderTableCell = (deps) => {
         paraWrapper.style.left = "0";
         paraWrapper.style.width = "100%";
         applySdtDataset(paraWrapper, block.attrs?.sdt);
+        const sdtBoundary = sdtBoundaries[i];
+        const blockKey = sdtContainerKeys[i] ?? null;
+        if (shouldApplySdtContainerStyling(block.attrs?.sdt, block.attrs?.containerSdt, blockKey)) {
+          applySdtContainerStyling(doc2, paraWrapper, block.attrs?.sdt, block.attrs?.containerSdt, sdtBoundary);
+        }
         applyParagraphBordersAndShading(paraWrapper, block);
         applyParagraphBorderStyles(paraWrapper, block.attrs?.borders);
         applyParagraphShadingStyles(paraWrapper, block.attrs?.shading);
@@ -24032,8 +24251,6 @@ const renderTableCell = (deps) => {
           }
         }
         cumulativeLineCount += blockLineCount;
-      } else {
-        cumulativeLineCount += 0;
       }
     }
   }
@@ -24055,6 +24272,7 @@ const renderTableRow = (deps) => {
     renderLine,
     renderDrawingContent,
     applySdtDataset,
+    tableSdt,
     continuesFromPrev,
     continuesOnNext,
     partialRow
@@ -24149,60 +24367,18 @@ const renderTableRow = (deps) => {
       cellMeasure,
       cell,
       borders: resolvedBorders,
+      useDefaultBorder: false,
       renderLine,
       renderDrawingContent,
       context,
       applySdtDataset,
+      tableSdt,
       fromLine,
       toLine
     });
     container.appendChild(cellElement);
   }
 };
-function isStructuredContentMetadata(sdt) {
-  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
-}
-function isDocumentSectionMetadata(sdt) {
-  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "documentSection";
-}
-function getSdtContainerConfig(sdt) {
-  if (isDocumentSectionMetadata(sdt)) {
-    return {
-      className: "superdoc-document-section",
-      labelText: sdt.title ?? "Document section",
-      labelClassName: "superdoc-document-section__tooltip",
-      isStart: true,
-      isEnd: true
-    };
-  }
-  if (isStructuredContentMetadata(sdt) && sdt.scope === "block") {
-    return {
-      className: "superdoc-structured-content-block",
-      labelText: sdt.alias ?? "Structured content",
-      labelClassName: "superdoc-structured-content__label",
-      isStart: true,
-      isEnd: true
-    };
-  }
-  return null;
-}
-function applySdtContainerStyling(doc2, container, sdt, containerSdt) {
-  let config = getSdtContainerConfig(sdt);
-  if (!config && containerSdt) {
-    config = getSdtContainerConfig(containerSdt);
-  }
-  if (!config) return;
-  container.classList.add(config.className);
-  container.dataset.sdtContainerStart = String(config.isStart);
-  container.dataset.sdtContainerEnd = String(config.isEnd);
-  container.style.overflow = "visible";
-  const labelEl = doc2.createElement("div");
-  labelEl.className = config.labelClassName;
-  const labelText = doc2.createElement("span");
-  labelText.textContent = config.labelText;
-  labelEl.appendChild(labelText);
-  container.appendChild(labelEl);
-}
 const renderTableFragment = (deps) => {
   const {
     doc: doc2,
@@ -24346,6 +24522,7 @@ const renderTableFragment = (deps) => {
         renderLine,
         renderDrawingContent,
         applySdtDataset,
+        tableSdt: block.attrs?.sdt ?? null,
         // Headers are always rendered as-is (no border suppression)
         continuesFromPrev: false,
         continuesOnNext: false
@@ -24376,6 +24553,7 @@ const renderTableFragment = (deps) => {
       renderLine,
       renderDrawingContent,
       applySdtDataset,
+      tableSdt: block.attrs?.sdt ?? null,
       // Draw top border if table continues from previous fragment (MS Word behavior)
       continuesFromPrev: isFirstRenderedBodyRow && fragment.continuesFromPrev === true,
       // Draw bottom border if table continues on next fragment (MS Word behavior)
@@ -25627,8 +25805,10 @@ class DomPainter {
       section: "body",
       pageNumberText: page.numberText
     };
-    page.fragments.forEach((fragment) => {
-      el.appendChild(this.renderFragment(fragment, contextBase));
+    const sdtBoundaries = computeSdtBoundaries(page.fragments, this.blockLookup);
+    page.fragments.forEach((fragment, index2) => {
+      const sdtBoundary = sdtBoundaries.get(index2);
+      el.appendChild(this.renderFragment(fragment, contextBase, sdtBoundary));
     });
     this.renderDecorationsForPage(el, page);
     return el;
@@ -25859,6 +26039,7 @@ class DomPainter {
     pageEl.dataset.layoutEpoch = String(this.layoutEpoch);
     const existing = new Map(state.fragments.map((frag) => [frag.key, frag]));
     const nextFragments = [];
+    const sdtBoundaries = computeSdtBoundaries(page.fragments, this.blockLookup);
     const contextBase = {
       pageNumber: page.number,
       totalPages: this.totalPages,
@@ -25868,11 +26049,13 @@ class DomPainter {
     page.fragments.forEach((fragment, index2) => {
       const key2 = fragmentKey(fragment);
       const current = existing.get(key2);
+      const sdtBoundary = sdtBoundaries.get(index2);
       if (current) {
         existing.delete(key2);
-        const needsRebuild = this.changedBlocks.has(fragment.blockId) || current.signature !== fragmentSignature(fragment, this.blockLookup);
+        const sdtBoundaryMismatch = shouldRebuildForSdtBoundary(current.element, sdtBoundary);
+        const needsRebuild = this.changedBlocks.has(fragment.blockId) || current.signature !== fragmentSignature(fragment, this.blockLookup) || sdtBoundaryMismatch;
         if (needsRebuild) {
-          const replacement = this.renderFragment(fragment, contextBase);
+          const replacement = this.renderFragment(fragment, contextBase, sdtBoundary);
           pageEl.replaceChild(replacement, current.element);
           current.element = replacement;
           current.signature = fragmentSignature(fragment, this.blockLookup);
@@ -25886,7 +26069,7 @@ class DomPainter {
         nextFragments.push(current);
         return;
       }
-      const fresh = this.renderFragment(fragment, contextBase);
+      const fresh = this.renderFragment(fragment, contextBase, sdtBoundary);
       pageEl.insertBefore(fresh, pageEl.children[index2] ?? null);
       nextFragments.push({
         key: key2,
@@ -25958,8 +26141,10 @@ class DomPainter {
       totalPages: this.totalPages,
       section: "body"
     };
-    const fragments = page.fragments.map((fragment) => {
-      const fragmentEl = this.renderFragment(fragment, contextBase);
+    const sdtBoundaries = computeSdtBoundaries(page.fragments, this.blockLookup);
+    const fragments = page.fragments.map((fragment, index2) => {
+      const sdtBoundary = sdtBoundaries.get(index2);
+      const fragmentEl = this.renderFragment(fragment, contextBase, sdtBoundary);
       el.appendChild(fragmentEl);
       return {
         key: fragmentKey(fragment),
@@ -25979,12 +26164,12 @@ class DomPainter {
     }
     return this.options.pageStyles;
   }
-  renderFragment(fragment, context) {
+  renderFragment(fragment, context, sdtBoundary) {
     if (fragment.kind === "para") {
-      return this.renderParagraphFragment(fragment, context);
+      return this.renderParagraphFragment(fragment, context, sdtBoundary);
     }
     if (fragment.kind === "list-item") {
-      return this.renderListItemFragment(fragment, context);
+      return this.renderListItemFragment(fragment, context, sdtBoundary);
     }
     if (fragment.kind === "image") {
       return this.renderImageFragment(fragment, context);
@@ -26003,9 +26188,10 @@ class DomPainter {
    *
    * @param fragment - The paragraph fragment to render
    * @param context - Rendering context with page and column information
+   * @param sdtBoundary - Optional SDT boundary overrides for multi-fragment containers
    * @returns HTMLElement containing the rendered fragment or error placeholder
    */
-  renderParagraphFragment(fragment, context) {
+  renderParagraphFragment(fragment, context, sdtBoundary) {
     try {
       const lookup = this.blockLookup.get(fragment.blockId);
       if (!lookup || lookup.block.kind !== "paragraph" || lookup.measure.kind !== "paragraph") {
@@ -26052,7 +26238,7 @@ class DomPainter {
       }
       this.applySdtDataset(fragmentEl, block.attrs?.sdt);
       this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
-      applySdtContainerStyling(this.doc, fragmentEl, block.attrs?.sdt, block.attrs?.containerSdt);
+      applySdtContainerStyling(this.doc, fragmentEl, block.attrs?.sdt, block.attrs?.containerSdt, sdtBoundary);
       const dropCapDescriptor = block.attrs?.dropCapDescriptor;
       const dropCapMeasure = measure.dropCap;
       if (dropCapDescriptor && dropCapMeasure && !fragment.continuesFromPrev) {
@@ -26366,7 +26552,7 @@ class DomPainter {
     }
     return dropCapEl;
   }
-  renderListItemFragment(fragment, context) {
+  renderListItemFragment(fragment, context, sdtBoundary) {
     try {
       const lookup = this.blockLookup.get(fragment.blockId);
       if (!lookup || lookup.block.kind !== "list" || lookup.measure.kind !== "list") {
@@ -26392,7 +26578,13 @@ class DomPainter {
       fragmentEl.dataset.itemId = fragment.itemId;
       const paragraphMetadata = item.paragraph.attrs?.sdt;
       this.applySdtDataset(fragmentEl, paragraphMetadata);
-      applySdtContainerStyling(this.doc, fragmentEl, paragraphMetadata, item.paragraph.attrs?.containerSdt);
+      applySdtContainerStyling(
+        this.doc,
+        fragmentEl,
+        paragraphMetadata,
+        item.paragraph.attrs?.containerSdt,
+        sdtBoundary
+      );
       if (fragment.continuesFromPrev) {
         fragmentEl.dataset.continuesFromPrev = "true";
       }
@@ -28322,6 +28514,46 @@ class DomPainter {
     }
   }
 }
+const getFragmentSdtContainerKey = (fragment, blockLookup) => {
+  const lookup = blockLookup.get(fragment.blockId);
+  if (!lookup) return null;
+  const block = lookup.block;
+  if (fragment.kind === "para" && block.kind === "paragraph") {
+    const attrs = block.attrs;
+    return getSdtContainerKey(attrs?.sdt, attrs?.containerSdt);
+  }
+  if (fragment.kind === "list-item" && block.kind === "list") {
+    const item = block.items.find((listItem) => listItem.id === fragment.itemId);
+    const attrs = item?.paragraph.attrs;
+    return getSdtContainerKey(attrs?.sdt, attrs?.containerSdt);
+  }
+  return null;
+};
+const computeSdtBoundaries = (fragments, blockLookup) => {
+  const boundaries = /* @__PURE__ */ new Map();
+  const containerKeys = fragments.map((fragment) => getFragmentSdtContainerKey(fragment, blockLookup));
+  for (let i = 0; i < fragments.length; i += 1) {
+    const currentKey = containerKeys[i];
+    if (!currentKey) continue;
+    const prev = i > 0 ? containerKeys[i - 1] : null;
+    const next = i < fragments.length - 1 ? containerKeys[i + 1] : null;
+    const isStart = currentKey !== prev;
+    const isEnd = currentKey !== next;
+    boundaries.set(i, { isStart, isEnd });
+  }
+  return boundaries;
+};
+const shouldRebuildForSdtBoundary = (element, boundary) => {
+  if (!boundary) return false;
+  const startAttr = element.dataset.sdtContainerStart;
+  const endAttr = element.dataset.sdtContainerEnd;
+  const expectedStart = String(boundary.isStart ?? true);
+  const expectedEnd = String(boundary.isEnd ?? true);
+  if (startAttr === void 0 || endAttr === void 0) {
+    return true;
+  }
+  return startAttr !== expectedStart || endAttr !== expectedEnd;
+};
 const fragmentKey = (fragment) => {
   if (fragment.kind === "para") {
     return `para:${fragment.blockId}:${fragment.fromLine}:${fragment.toLine}`;
@@ -33991,8 +34223,15 @@ function layoutDocument(blocks, measures, options = {}) {
       const paraBlock = block;
       const isEmpty2 = !paraBlock.runs || paraBlock.runs.length === 0 || paraBlock.runs.length === 1 && (!paraBlock.runs[0].kind || paraBlock.runs[0].kind === "text") && (!paraBlock.runs[0].text || paraBlock.runs[0].text === "");
       if (isEmpty2) {
+        const isSectPrMarker = paraBlock.attrs?.sectPrMarker === true;
         const prevBlock = index2 > 0 ? blocks[index2 - 1] : null;
         const nextBlock = index2 < blocks.length - 1 ? blocks[index2 + 1] : null;
+        const nextSectionBreak = nextBlock?.kind === "sectionBreak" ? nextBlock : null;
+        const nextBreakType = nextSectionBreak?.type ?? (nextSectionBreak?.attrs?.source === "sectPr" ? "nextPage" : void 0);
+        const nextBreakForcesPage = nextSectionBreak && (nextBreakType === "nextPage" || nextBreakType === "evenPage" || nextBreakType === "oddPage" || nextSectionBreak.attrs?.requirePageBoundary === true);
+        if (isSectPrMarker && nextBreakForcesPage) {
+          continue;
+        }
         if (prevBlock?.kind === "pageBreak" && nextBlock?.kind === "sectionBreak") {
           continue;
         }
@@ -41726,16 +41965,6 @@ function tokenNodeToRun(node, positions, defaultFont, defaultSize, inheritedMark
   if (marksAsAttrs.length > 0) {
     run._explicitFont = true;
   }
-  console.debug("[token-debug] tokenNodeToRun", {
-    token,
-    fontFamily: run.fontFamily,
-    fontSize: run.fontSize,
-    defaultFont,
-    defaultSize,
-    nodeMarksCount: nodeMarks.length,
-    marksAsAttrsCount: marksAsAttrs.length,
-    inheritedMarksCount: inheritedMarks?.length ?? 0
-  });
   return run;
 }
 const EIGHTHS_PER_POINT = 8;
@@ -44131,6 +44360,16 @@ function applySdtMetadataToTableBlock(tableBlock, metadata) {
   table.attrs.sdt = metadata;
   table.rows?.forEach((row) => {
     row.cells?.forEach((cell) => {
+      const cellBlocks = cell.blocks;
+      if (cellBlocks && cellBlocks.length > 0) {
+        applySdtMetadataToParagraphBlocks(cellBlocks, metadata);
+        cellBlocks.forEach((block) => {
+          if (block.kind === "table") {
+            applySdtMetadataToTableBlock(block, metadata);
+          }
+        });
+        return;
+      }
       if (cell.paragraph) {
         applySdtMetadataToParagraphBlocks([cell.paragraph], metadata);
       }
@@ -45354,6 +45593,10 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
   }
   const linkedStyleResolver = createLinkedStyleResolver(converterContext?.linkedStyles);
   const blocks = [];
+  const paraAttrs = para.attrs ?? {};
+  const rawParagraphProps = typeof paraAttrs.paragraphProperties === "object" && paraAttrs.paragraphProperties !== null ? paraAttrs.paragraphProperties : void 0;
+  const hasSectPr2 = Boolean(rawParagraphProps?.sectPr);
+  const isSectPrMarker = hasSectPr2 || paraAttrs.pageBreakSource === "sectPr";
   if (hasPageBreakBefore(para)) {
     blocks.push({
       kind: "pageBreak",
@@ -45375,11 +45618,19 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       emptyRun.pmStart = paraPos.start + 1;
       emptyRun.pmEnd = paraPos.start + 1;
     }
+    let emptyParagraphAttrs = cloneParagraphAttrs(paragraphAttrs);
+    if (isSectPrMarker) {
+      if (emptyParagraphAttrs) {
+        emptyParagraphAttrs.sectPrMarker = true;
+      } else {
+        emptyParagraphAttrs = { sectPrMarker: true };
+      }
+    }
     blocks.push({
       kind: "paragraph",
       id: baseBlockId,
       runs: [emptyRun],
-      attrs: cloneParagraphAttrs(paragraphAttrs)
+      attrs: emptyParagraphAttrs
     });
     return blocks;
   }
@@ -45633,14 +45884,6 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
             enableComments
           );
         }
-        console.debug("[token-debug] paragraph-token-run", {
-          token: tokenRun.token,
-          fontFamily: tokenRun.fontFamily,
-          fontSize: tokenRun.fontSize,
-          inlineStyleId,
-          runStyleId: activeRunStyleId,
-          mergedMarksCount: mergedMarks.length
-        });
         applyInlineRunProperties(tokenRun, activeRunProperties);
         currentRuns.push(tokenRun);
       }
@@ -46296,7 +46539,19 @@ const parseTableCell = (args) => {
     ...cellBackgroundColor && { backgroundColor: cellBackgroundColor }
   } : context.converterContext;
   const paragraphToFlowBlocks2 = context.converters?.paragraphToFlowBlocks ?? context.paragraphToFlowBlocks;
+  const tableNodeToBlock2 = context.converters?.tableNodeToBlock;
   const listCounterContext = context.listCounterContext;
+  const appendParagraphBlocks = (paragraphBlocks, sdtMetadata) => {
+    applySdtMetadataToParagraphBlocks(
+      paragraphBlocks.filter((block) => block.kind === "paragraph"),
+      sdtMetadata
+    );
+    paragraphBlocks.forEach((block) => {
+      if (block.kind === "paragraph" || block.kind === "image" || block.kind === "drawing") {
+        blocks.push(block);
+      }
+    });
+  };
   for (const childNode of cellNode.content) {
     if (childNode.type === "paragraph") {
       if (!paragraphToFlowBlocks2) continue;
@@ -46314,11 +46569,75 @@ const parseTableCell = (args) => {
         context.themeColors,
         cellConverterContext
       );
-      paragraphBlocks.forEach((block) => {
-        if (block.kind === "paragraph" || block.kind === "image" || block.kind === "drawing") {
-          blocks.push(block);
+      appendParagraphBlocks(paragraphBlocks);
+      continue;
+    }
+    if (childNode.type === "structuredContentBlock" && Array.isArray(childNode.content)) {
+      const structuredContentMetadata = resolveNodeSdtMetadata(childNode, "structuredContentBlock");
+      for (const nestedNode of childNode.content) {
+        if (nestedNode.type === "paragraph") {
+          if (!paragraphToFlowBlocks2) continue;
+          const paragraphBlocks = paragraphToFlowBlocks2(
+            nestedNode,
+            context.nextBlockId,
+            context.positions,
+            context.defaultFont,
+            context.defaultSize,
+            context.styleContext,
+            listCounterContext,
+            context.trackedChanges,
+            context.bookmarks,
+            context.hyperlinkConfig,
+            context.themeColors,
+            cellConverterContext
+          );
+          appendParagraphBlocks(paragraphBlocks, structuredContentMetadata);
+          continue;
         }
-      });
+        if (nestedNode.type === "table" && tableNodeToBlock2) {
+          const tableBlock = tableNodeToBlock2(
+            nestedNode,
+            context.nextBlockId,
+            context.positions,
+            context.defaultFont,
+            context.defaultSize,
+            context.styleContext,
+            context.trackedChanges,
+            context.bookmarks,
+            context.hyperlinkConfig,
+            context.themeColors,
+            paragraphToFlowBlocks2,
+            context.converterContext,
+            { listCounterContext, converters: context.converters }
+          );
+          if (tableBlock && tableBlock.kind === "table") {
+            applySdtMetadataToTableBlock(tableBlock, structuredContentMetadata);
+            blocks.push(tableBlock);
+          }
+          continue;
+        }
+      }
+      continue;
+    }
+    if (childNode.type === "table" && tableNodeToBlock2) {
+      const tableBlock = tableNodeToBlock2(
+        childNode,
+        context.nextBlockId,
+        context.positions,
+        context.defaultFont,
+        context.defaultSize,
+        context.styleContext,
+        context.trackedChanges,
+        context.bookmarks,
+        context.hyperlinkConfig,
+        context.themeColors,
+        paragraphToFlowBlocks2,
+        context.converterContext,
+        { listCounterContext, converters: context.converters }
+      );
+      if (tableBlock && tableBlock.kind === "table") {
+        blocks.push(tableBlock);
+      }
       continue;
     }
     if (childNode.type === "image" && context.converters?.imageNodeToBlock) {
@@ -46382,6 +46701,7 @@ const parseTableCell = (args) => {
       if (drawingBlock && drawingBlock.kind === "drawing") {
         blocks.push(drawingBlock);
       }
+      continue;
     }
   }
   if (blocks.length === 0) {
@@ -51925,6 +52245,39 @@ class PresentationEditor extends EventEmitter {
       height: rect.height
     };
   }
+  /**
+   * Get the painted DOM element that contains a document position (body only).
+   *
+   * Uses the DomPositionIndex which maps data-pm-start/end attributes to rendered
+   * elements. Returns null when the position is not currently mounted (virtualization)
+   * or when in header/footer mode.
+   *
+   * @param pos - Document position in the active editor
+   * @param options.forceRebuild - Rebuild the index before lookup
+   * @param options.fallbackToCoords - Use elementFromPoint with layout rects if index lookup fails
+   * @returns The nearest painted DOM element for the position, or null if unavailable
+   */
+  getElementAtPos(pos, options = {}) {
+    if (!Number.isFinite(pos)) return null;
+    if (!this.#painterHost) return null;
+    if (this.#session.mode !== "body") return null;
+    if (options.forceRebuild || this.#domPositionIndex.size === 0) {
+      this.#rebuildDomPositionIndex();
+    }
+    const indexed = this.#domPositionIndex.findElementAtPosition(pos);
+    if (indexed) return indexed;
+    if (!options.fallbackToCoords) return null;
+    const rects = this.getRangeRects(pos, pos);
+    if (!rects.length) return null;
+    const doc2 = this.#visibleHost.ownerDocument ?? document;
+    for (const rect of rects) {
+      const el = doc2.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
+      if (el instanceof HTMLElement && this.#painterHost.contains(el)) {
+        return el.closest("[data-pm-start][data-pm-end]") ?? el;
+      }
+    }
+    return null;
+  }
   /**
    * Scroll the visible host so a given document position is brought into view.
    *