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

package/dist/chunks/{index-pQPsdBlj.es.js → index-BgKo9yMZ.es.js}

@@ -1,6 +1,6 @@
 import { B as Buffer$2 } from "./jszip-B1fkPkPJ.es.js";
 import { t as twipsToInches, i as inchesToTwips, p as ptToTwips, l as linesToTwips, a as twipsToLines, b as pixelsToTwips, h as halfPointToPoints, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-C8e9wR5l.es.js";
-import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-Cc0b8QgF.es.js";
+import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as combineIndentProperties, a4 as _getReferencedTableStyles, a5 as decodeRPrFromMarks, a6 as calculateResolvedParagraphProperties, a7 as encodeCSSFromPPr, a8 as encodeCSSFromRPr, a9 as generateOrderedListIndex, aa as docxNumberingHelpers, ab as InputRule, ac as insertNewRelationship, ad as kebabCase$1, ae as getUnderlineCssString } from "./SuperConverter-Qu0fAMVM.es.js";
 import { p as process$1, r as ref, C as global$1, c as computed, E as createElementBlock, F as Fragment$1, S as renderList, O as withModifiers, G as openBlock, P as normalizeClass, M as createCommentVNode, H as toDisplayString, K as createBaseVNode, U as createApp, f as onMounted, X as onUnmounted, R as withDirectives, v as unref, Y as vModelText, y as nextTick, L as normalizeStyle, u as watch, Z as withKeys, _ as createTextVNode, I as createVNode, h, $ as readonly, s as getCurrentInstance, o as onBeforeUnmount, j as reactive, b as onBeforeMount, i as inject, a0 as onActivated, a1 as onDeactivated, a2 as Comment, d as defineComponent, a as provide, g as Teleport, t as toRef, a3 as renderSlot, a4 as isVNode, D as shallowRef, w as watchEffect, T as Transition, a5 as mergeProps, a6 as vShow, a7 as cloneVNode, a8 as Text$2, m as markRaw, N as createBlock, J as withCtx, a9 as useCssVars, V as resolveDynamicComponent, aa as normalizeProps, ab as guardReactiveProps } from "./vue-BnBKJwCW.es.js";
 import "./jszip.min-DCl8qkFO.es.js";
 import { E as EventEmitter$1 } from "./eventemitter3-CwrdEv8r.es.js";
@@ -15499,7 +15499,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.4.1-next.3";
+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) {
@@ -16809,6 +16809,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.
@@ -18131,7 +18156,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.4.1-next.3");
+    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");
@@ -23155,27 +23180,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 */
@@ -23222,21 +23253,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 */
@@ -23705,6 +23743,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;
@@ -23742,6 +23852,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) {
@@ -23782,10 +23940,12 @@ const renderTableCell = (deps) => {
     cellMeasure,
     cell,
     borders,
+    useDefaultBorder,
     renderLine,
     renderDrawingContent,
     context,
     applySdtDataset,
+    tableSdt,
     fromLine,
     toLine
   } = deps;
@@ -23809,12 +23969,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";
@@ -23846,6 +24040,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";
@@ -23941,6 +24155,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);
@@ -24015,8 +24234,6 @@ const renderTableCell = (deps) => {
           }
         }
         cumulativeLineCount += blockLineCount;
-      } else {
-        cumulativeLineCount += 0;
       }
     }
   }
@@ -24038,6 +24255,7 @@ const renderTableRow = (deps) => {
     renderLine,
     renderDrawingContent,
     applySdtDataset,
+    tableSdt,
     continuesFromPrev,
     continuesOnNext,
     partialRow
@@ -24132,60 +24350,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,
@@ -24329,6 +24505,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
@@ -24359,6 +24536,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)
@@ -25610,8 +25788,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;
@@ -25842,6 +26022,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,
@@ -25851,11 +26032,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);
@@ -25869,7 +26052,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,
@@ -25941,8 +26124,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),
@@ -25962,12 +26147,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);
@@ -25986,9 +26171,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") {
@@ -26035,7 +26221,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) {
@@ -26349,7 +26535,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") {
@@ -26375,7 +26561,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";
       }
@@ -28305,6 +28497,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}`;
@@ -41716,16 +41948,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;
@@ -44121,6 +44343,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);
       }
@@ -45635,14 +45867,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);
       }
@@ -46298,7 +46522,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;
@@ -46316,11 +46552,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) {
@@ -46384,6 +46684,7 @@ const parseTableCell = (args) => {
       if (drawingBlock && drawingBlock.kind === "drawing") {
         blocks.push(drawingBlock);
       }
+      continue;
     }
   }
   if (blocks.length === 0) {
@@ -51927,6 +52228,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.
    *