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

package/dist/superdoc.umd.js

@@ -36961,7 +36961,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.4.1-next.2") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.5.0-next.1") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -62836,7 +62836,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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) {
@@ -64147,6 +64147,31 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       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: node2 } = this.view.domAtPos(clampedPos);
+        if (node2 && node2.nodeType === 1) {
+          return node2;
+        }
+        if (node2 && node2.nodeType === 3) {
+          return node2.parentElement;
+        }
+        return node2?.parentElement ?? null;
+      } catch {
+        return null;
+      }
+    }
     /**
      * Get position from client-space coordinates.
      * In layout/presentation mode, uses PresentationEditor hit testing for accurate coordinate mapping.
@@ -65469,7 +65494,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -70493,27 +70518,33 @@ ${l}
   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 */
@@ -70560,21 +70591,28 @@ ${l}
 }
 
 /* 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 */
@@ -71044,6 +71082,78 @@ ${l}
       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 config2 = getSdtContainerConfig(sdt);
+    if (!config2 && containerSdt) {
+      config2 = getSdtContainerConfig(containerSdt);
+    }
+    if (!config2) return;
+    const isStart = boundaryOptions?.isStart ?? config2.isStart;
+    const isEnd = boundaryOptions?.isEnd ?? config2.isEnd;
+    container.classList.add(config2.className);
+    container.dataset.sdtContainerStart = String(isStart);
+    container.dataset.sdtContainerEnd = String(isEnd);
+    container.style.overflow = "visible";
+    if (isStart) {
+      const labelEl = doc2.createElement("div");
+      labelEl.className = config2.labelClassName;
+      const labelText = doc2.createElement("span");
+      labelText.textContent = config2.labelText;
+      labelEl.appendChild(labelText);
+      container.appendChild(labelEl);
+    }
+  }
   const LIST_MARKER_GAP$3 = 8;
   function renderListMarker(params2) {
     const { doc: doc2, lineEl, markerLayout, markerMeasure, indentLeftPx } = params2;
@@ -71081,6 +71191,54 @@ ${l}
     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: table2, measure, context, renderLine, renderDrawingContent, applySdtDataset } = params2;
+    const fragment = {
+      kind: "table",
+      blockId: table2.id,
+      fromRow: 0,
+      toRow: table2.rows.length,
+      x: 0,
+      y: 0,
+      width: measure.totalWidth,
+      height: measure.totalHeight
+    };
+    const blockLookup = /* @__PURE__ */ new Map([
+      [
+        table2.id,
+        {
+          block: table2,
+          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) {
@@ -71121,10 +71279,12 @@ ${l}
       cellMeasure,
       cell: cell2,
       borders,
+      useDefaultBorder,
       renderLine,
       renderDrawingContent,
       context,
       applySdtDataset,
+      tableSdt,
       fromLine,
       toLine
     } = deps;
@@ -71148,12 +71308,46 @@ ${l}
     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 (cell2?.attrs?.background) {
       cellEl.style.backgroundColor = cell2.attrs.background;
     }
     const cellBlocks = cell2?.blocks ?? (cell2?.paragraph ? [cell2.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 next2 = index2 < sdtContainerKeys.length - 1 ? sdtContainerKeys[index2 + 1] : null;
+      return { isStart: key2 !== prev, isEnd: key2 !== next2 };
+    });
+    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 content2 = doc2.createElement("div");
       content2.style.position = "relative";
@@ -71185,6 +71379,26 @@ ${l}
       for (let i2 = 0; i2 < Math.min(blockMeasures.length, cellBlocks.length); i2++) {
         const blockMeasure = blockMeasures[i2];
         const block = cellBlocks[i2];
+        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);
+          content2.appendChild(tableWrapper);
+          continue;
+        }
         if (blockMeasure.kind === "image" && block?.kind === "image") {
           const imageWrapper = doc2.createElement("div");
           imageWrapper.style.position = "relative";
@@ -71280,6 +71494,11 @@ ${l}
           paraWrapper.style.left = "0";
           paraWrapper.style.width = "100%";
           applySdtDataset(paraWrapper, block.attrs?.sdt);
+          const sdtBoundary = sdtBoundaries[i2];
+          const blockKey = sdtContainerKeys[i2] ?? 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);
@@ -71354,8 +71573,6 @@ ${l}
             }
           }
           cumulativeLineCount += blockLineCount;
-        } else {
-          cumulativeLineCount += 0;
         }
       }
     }
@@ -71377,6 +71594,7 @@ ${l}
       renderLine,
       renderDrawingContent,
       applySdtDataset,
+      tableSdt,
       continuesFromPrev,
       continuesOnNext,
       partialRow
@@ -71471,60 +71689,18 @@ ${l}
         cellMeasure,
         cell: cell2,
         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 config2 = getSdtContainerConfig(sdt);
-    if (!config2 && containerSdt) {
-      config2 = getSdtContainerConfig(containerSdt);
-    }
-    if (!config2) return;
-    container.classList.add(config2.className);
-    container.dataset.sdtContainerStart = String(config2.isStart);
-    container.dataset.sdtContainerEnd = String(config2.isEnd);
-    container.style.overflow = "visible";
-    const labelEl = doc2.createElement("div");
-    labelEl.className = config2.labelClassName;
-    const labelText = doc2.createElement("span");
-    labelText.textContent = config2.labelText;
-    labelEl.appendChild(labelText);
-    container.appendChild(labelEl);
-  }
   const renderTableFragment = (deps) => {
     const {
       doc: doc2,
@@ -71668,6 +71844,7 @@ ${l}
           renderLine,
           renderDrawingContent,
           applySdtDataset,
+          tableSdt: block.attrs?.sdt ?? null,
           // Headers are always rendered as-is (no border suppression)
           continuesFromPrev: false,
           continuesOnNext: false
@@ -71698,6 +71875,7 @@ ${l}
         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)
@@ -72950,8 +73128,10 @@ ${l}
         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;
@@ -73182,6 +73362,7 @@ ${l}
       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,
@@ -73191,11 +73372,13 @@ ${l}
       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);
@@ -73209,7 +73392,7 @@ ${l}
           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,
@@ -73281,8 +73464,10 @@ ${l}
         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),
@@ -73302,12 +73487,12 @@ ${l}
       }
       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);
@@ -73326,9 +73511,10 @@ ${l}
      *
      * @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") {
@@ -73375,7 +73561,7 @@ ${l}
         }
         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) {
@@ -73689,7 +73875,7 @@ ${l}
       }
       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") {
@@ -73715,7 +73901,13 @@ ${l}
         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";
         }
@@ -75645,6 +75837,46 @@ ${l}
       }
     }
   }
+  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((listItem2) => listItem2.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 i2 = 0; i2 < fragments.length; i2 += 1) {
+      const currentKey = containerKeys[i2];
+      if (!currentKey) continue;
+      const prev = i2 > 0 ? containerKeys[i2 - 1] : null;
+      const next2 = i2 < fragments.length - 1 ? containerKeys[i2 + 1] : null;
+      const isStart = currentKey !== prev;
+      const isEnd = currentKey !== next2;
+      boundaries.set(i2, { isStart, isEnd });
+    }
+    return boundaries;
+  };
+  const shouldRebuildForSdtBoundary = (element2, boundary) => {
+    if (!boundary) return false;
+    const startAttr = element2.dataset.sdtContainerStart;
+    const endAttr = element2.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}`;
@@ -81313,8 +81545,15 @@ ${l}
         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 ? blocks2[index2 - 1] : null;
           const nextBlock = index2 < blocks2.length - 1 ? blocks2[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;
           }
@@ -88995,16 +89234,6 @@ ${l}
     if (marksAsAttrs.length > 0) {
       run2._explicitFont = true;
     }
-    console.debug("[token-debug] tokenNodeToRun", {
-      token,
-      fontFamily: run2.fontFamily,
-      fontSize: run2.fontSize,
-      defaultFont,
-      defaultSize,
-      nodeMarksCount: nodeMarks.length,
-      marksAsAttrsCount: marksAsAttrs.length,
-      inheritedMarksCount: inheritedMarks?.length ?? 0
-    });
     return run2;
   }
   const EIGHTHS_PER_POINT = 8;
@@ -91400,6 +91629,16 @@ ${l}
     table2.attrs.sdt = metadata;
     table2.rows?.forEach((row2) => {
       row2.cells?.forEach((cell2) => {
+        const cellBlocks = cell2.blocks;
+        if (cellBlocks && cellBlocks.length > 0) {
+          applySdtMetadataToParagraphBlocks(cellBlocks, metadata);
+          cellBlocks.forEach((block) => {
+            if (block.kind === "table") {
+              applySdtMetadataToTableBlock(block, metadata);
+            }
+          });
+          return;
+        }
         if (cell2.paragraph) {
           applySdtMetadataToParagraphBlocks([cell2.paragraph], metadata);
         }
@@ -92623,6 +92862,10 @@ ${l}
     }
     const linkedStyleResolver = createLinkedStyleResolver(converterContext?.linkedStyles);
     const blocks2 = [];
+    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)) {
       blocks2.push({
         kind: "pageBreak",
@@ -92644,11 +92887,19 @@ ${l}
         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 };
+        }
+      }
       blocks2.push({
         kind: "paragraph",
         id: baseBlockId,
         runs: [emptyRun],
-        attrs: cloneParagraphAttrs(paragraphAttrs)
+        attrs: emptyParagraphAttrs
       });
       return blocks2;
     }
@@ -92902,14 +93153,6 @@ ${l}
               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);
         }
@@ -93565,7 +93808,19 @@ ${l}
       ...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") {
+          blocks2.push(block);
+        }
+      });
+    };
     for (const childNode of cellNode.content) {
       if (childNode.type === "paragraph") {
         if (!paragraphToFlowBlocks2) continue;
@@ -93583,11 +93838,75 @@ ${l}
           context.themeColors,
           cellConverterContext
         );
-        paragraphBlocks.forEach((block) => {
-          if (block.kind === "paragraph" || block.kind === "image" || block.kind === "drawing") {
-            blocks2.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);
+              blocks2.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") {
+          blocks2.push(tableBlock);
+        }
         continue;
       }
       if (childNode.type === "image" && context.converters?.imageNodeToBlock) {
@@ -93651,6 +93970,7 @@ ${l}
         if (drawingBlock && drawingBlock.kind === "drawing") {
           blocks2.push(drawingBlock);
         }
+        continue;
       }
     }
     if (blocks2.length === 0) {
@@ -99191,6 +99511,39 @@ ${l}
         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.
      *
@@ -145585,7 +145938,7 @@ ${reason}`);
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.4.1-next.2";
+      this.version = "1.5.0-next.1";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;