@harbour-enterprises/superdoc 1.0.0-beta.82 → 1.0.0-beta.83

package/dist/superdoc.umd.js

@@ -42392,7 +42392,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.82") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.83") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -67438,7 +67438,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.82";
+  const summaryVersion = "1.0.0-beta.83";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -68227,7 +68227,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexGF5Urhpn),
+        Promise.resolve().then(() => indexYXzWgyNJ),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68432,7 +68432,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.82");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.83");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -71476,32 +71476,76 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return hasChanges ? hydratedRuns : runs2;
     };
     return blocks2.map((block) => {
-      if (block.kind === "image") {
-        if (!block.src || block.src.startsWith("data:")) {
-          return block;
-        }
-        const attrs = block.attrs ?? {};
-        const relId = typeof attrs.rId === "string" ? attrs.rId : void 0;
-        const attrSrc = typeof attrs.src === "string" ? attrs.src : void 0;
-        const extension = typeof attrs.extension === "string" ? attrs.extension.toLowerCase() : void 0;
-        const resolvedSrc = resolveImageSrc(block.src, relId, attrSrc, extension);
-        if (resolvedSrc) {
-          return { ...block, src: resolvedSrc };
-        }
-        return block;
-      }
-      if (block.kind === "paragraph") {
-        const paragraphBlock = block;
-        if (!paragraphBlock.runs || paragraphBlock.runs.length === 0) {
-          return block;
-        }
-        const hydratedRuns = hydrateRuns(paragraphBlock.runs);
-        if (hydratedRuns !== paragraphBlock.runs) {
-          return { ...paragraphBlock, runs: hydratedRuns };
+      const hydrateBlock = (blk) => {
+        if (blk.kind === "image") {
+          if (!blk.src || blk.src.startsWith("data:")) {
+            return blk;
+          }
+          const attrs = blk.attrs ?? {};
+          const relId = typeof attrs.rId === "string" ? attrs.rId : void 0;
+          const attrSrc = typeof attrs.src === "string" ? attrs.src : void 0;
+          const extension = typeof attrs.extension === "string" ? attrs.extension.toLowerCase() : void 0;
+          const resolvedSrc = resolveImageSrc(blk.src, relId, attrSrc, extension);
+          if (resolvedSrc) {
+            return { ...blk, src: resolvedSrc };
+          }
+          return blk;
+        }
+        if (blk.kind === "paragraph") {
+          const paragraphBlock = blk;
+          if (!paragraphBlock.runs || paragraphBlock.runs.length === 0) {
+            return blk;
+          }
+          const hydratedRuns = hydrateRuns(paragraphBlock.runs);
+          if (hydratedRuns !== paragraphBlock.runs) {
+            return { ...paragraphBlock, runs: hydratedRuns };
+          }
+          return blk;
+        }
+        if (blk.kind === "table") {
+          let rowsChanged = false;
+          const newRows = blk.rows.map((row2) => {
+            let cellsChanged = false;
+            const newCells = row2.cells.map((cell2) => {
+              let cellChanged = false;
+              const hydratedBlocks = (cell2.blocks ?? (cell2.paragraph ? [cell2.paragraph] : [])).map((cb) => hydrateBlock(cb));
+              if (cell2.blocks && hydratedBlocks !== cell2.blocks) {
+                cellChanged = true;
+              }
+              let hydratedParagraph = cell2.paragraph;
+              if (!cell2.blocks && cell2.paragraph && cell2.paragraph.kind === "paragraph") {
+                const hydratedPara = hydrateBlock(cell2.paragraph);
+                if (hydratedPara !== cell2.paragraph) {
+                  hydratedParagraph = hydratedPara;
+                  cellChanged = true;
+                }
+              }
+              if (cellChanged) {
+                return {
+                  ...cell2,
+                  blocks: hydratedBlocks.length > 0 ? hydratedBlocks : cell2.blocks,
+                  paragraph: hydratedParagraph
+                };
+              }
+              return cell2;
+            });
+            if (newCells.some((c2, idx) => c2 !== row2.cells[idx])) {
+              cellsChanged = true;
+            }
+            if (cellsChanged) {
+              rowsChanged = true;
+              return { ...row2, cells: newCells };
+            }
+            return row2;
+          });
+          if (rowsChanged) {
+            return { ...blk, rows: newRows };
+          }
+          return blk;
         }
-        return block;
-      }
-      return block;
+        return blk;
+      };
+      return hydrateBlock(block);
     });
   }
   function isGradientFill(value) {
@@ -73216,7 +73260,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return void 0;
   }
   const DEFAULT_LIST_HANGING_PX$1 = 18;
-  const LIST_MARKER_GAP$2 = 8;
+  const LIST_MARKER_GAP$3 = 8;
   const DEFAULT_BULLET_GLYPH = "•";
   const DEFAULT_DECIMAL_PATTERN = "%1.";
   const ASCII_UPPERCASE_A = 65;
@@ -73627,7 +73671,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let markerBoxWidthPx;
     let markerX;
     if (hasFirstLineIndent) {
-      markerBoxWidthPx = glyphWidthPx != null && glyphWidthPx > 0 ? glyphWidthPx + LIST_MARKER_GAP$2 : DEFAULT_LIST_HANGING_PX$1;
+      markerBoxWidthPx = glyphWidthPx != null && glyphWidthPx > 0 ? glyphWidthPx + LIST_MARKER_GAP$3 : DEFAULT_LIST_HANGING_PX$1;
       markerX = indentLeftPx + (firstLinePx ?? 0);
       layout.textStartPx = markerX + markerBoxWidthPx;
       layout.hangingPx = 0;
@@ -73727,12 +73771,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let markerBox = Math.max(hangingPxRaw || 0, 0);
     if (markerBox <= 0) {
       if (glyphWidthPx != null && glyphWidthPx > 0) {
-        markerBox = glyphWidthPx + LIST_MARKER_GAP$2;
+        markerBox = glyphWidthPx + LIST_MARKER_GAP$3;
       } else {
         markerBox = DEFAULT_LIST_HANGING_PX$1;
       }
-    } else if (glyphWidthPx != null && glyphWidthPx + LIST_MARKER_GAP$2 > markerBox) {
-      markerBox = glyphWidthPx + LIST_MARKER_GAP$2;
+    } else if (glyphWidthPx != null && glyphWidthPx + LIST_MARKER_GAP$3 > markerBox) {
+      markerBox = glyphWidthPx + LIST_MARKER_GAP$3;
     }
     return markerBox;
   };
@@ -75018,14 +75062,29 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         paragraphAttrs.frame = frame;
       }
     }
+    const listRendering = normalizeListRenderingAttrs(attrs.listRendering);
     const numberingSource = attrs.numberingProperties ?? paragraphProps.numberingProperties ?? hydrated?.numberingProperties;
-    const rawNumberingProps = toAdapterNumberingProps(numberingSource);
+    let rawNumberingProps = toAdapterNumberingProps(numberingSource);
+    if (!rawNumberingProps && listRendering) {
+      const path2 = listRendering.path;
+      const counterFromPath = path2 && path2.length ? path2[path2.length - 1] : void 0;
+      const ilvl = path2 && path2.length > 1 ? path2.length - 1 : 0;
+      rawNumberingProps = {
+        numId: -1,
+        ilvl,
+        path: path2,
+        counterValue: Number.isFinite(counterFromPath) ? Number(counterFromPath) : void 0,
+        markerText: listRendering.markerText,
+        format: listRendering.numberingType,
+        lvlJc: listRendering.justification,
+        suffix: listRendering.suffix
+      };
+    }
     const hasValidNumbering = rawNumberingProps && isValidNumberingId(rawNumberingProps.numId);
     if (hasValidNumbering) {
       const numberingProps = rawNumberingProps;
       const numId = numberingProps.numId;
       const ilvl = Number.isFinite(numberingProps.ilvl) ? Math.max(0, Math.floor(Number(numberingProps.ilvl))) : 0;
-      const listRendering = normalizeListRenderingAttrs(attrs.listRendering);
       const numericNumId = typeof numId === "number" ? numId : void 0;
       const resolvedLevel = resolveNumberingFromContext(numId, ilvl, converterContext?.numbering);
       if (resolvedLevel) {
@@ -77076,29 +77135,129 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       ...context.converterContext,
       tableStyleParagraphProps
     } : context.converterContext;
+    const paragraphToFlowBlocks2 = context.converters?.paragraphToFlowBlocks ?? context.paragraphToFlowBlocks;
+    const listCounterContext = context.listCounterContext;
     for (const childNode of cellNode.content) {
       if (childNode.type === "paragraph") {
-        const paragraphBlocks = context.paragraphToFlowBlocks(
+        if (!paragraphToFlowBlocks2) continue;
+        const paragraphBlocks = paragraphToFlowBlocks2(
           childNode,
           context.nextBlockId,
           context.positions,
           context.defaultFont,
           context.defaultSize,
           context.styleContext,
-          void 0,
-          // listCounterContext
+          listCounterContext,
           context.trackedChanges,
           context.bookmarks,
           context.hyperlinkConfig,
           context.themeColors,
           cellConverterContext
-          // converterContext at position 12
         );
-        const paragraph2 = paragraphBlocks.find((b2) => b2.kind === "paragraph");
-        if (paragraph2) {
-          blocks2.push(paragraph2);
+        paragraphBlocks.forEach((block) => {
+          if (block.kind === "paragraph" || block.kind === "image" || block.kind === "drawing") {
+            blocks2.push(block);
+          }
+        });
+        continue;
+      }
+      if (childNode.type === "image" && context.converters?.imageNodeToBlock) {
+        const mergedMarks = [...childNode.marks ?? []];
+        const trackedMeta = context.trackedChanges ? collectTrackedChangeFromMarks(mergedMarks) : void 0;
+        if (shouldHideTrackedNode(trackedMeta, context.trackedChanges)) {
+          continue;
+        }
+        const imageBlock = context.converters.imageNodeToBlock(
+          childNode,
+          context.nextBlockId,
+          context.positions,
+          trackedMeta,
+          context.trackedChanges
+        );
+        if (imageBlock && imageBlock.kind === "image") {
+          annotateBlockWithTrackedChange(imageBlock, trackedMeta, context.trackedChanges);
+          blocks2.push(imageBlock);
+        }
+        continue;
+      }
+      if (childNode.type === "vectorShape" && context.converters?.vectorShapeNodeToDrawingBlock) {
+        const drawingBlock = context.converters.vectorShapeNodeToDrawingBlock(
+          childNode,
+          context.nextBlockId,
+          context.positions
+        );
+        if (drawingBlock) {
+          blocks2.push(drawingBlock);
         }
+        continue;
       }
+      if (childNode.type === "shapeGroup" && context.converters?.shapeGroupNodeToDrawingBlock) {
+        const drawingBlock = context.converters.shapeGroupNodeToDrawingBlock(
+          childNode,
+          context.nextBlockId,
+          context.positions
+        );
+        if (drawingBlock) {
+          blocks2.push(drawingBlock);
+        }
+        continue;
+      }
+      if (childNode.type === "shapeContainer" && context.converters?.shapeContainerNodeToDrawingBlock) {
+        const drawingBlock = context.converters.shapeContainerNodeToDrawingBlock(
+          childNode,
+          context.nextBlockId,
+          context.positions
+        );
+        if (drawingBlock) {
+          blocks2.push(drawingBlock);
+        }
+        continue;
+      }
+      if (childNode.type === "shapeTextbox" && context.converters?.shapeTextboxNodeToDrawingBlock) {
+        const drawingBlock = context.converters.shapeTextboxNodeToDrawingBlock(
+          childNode,
+          context.nextBlockId,
+          context.positions
+        );
+        if (drawingBlock) {
+          blocks2.push(drawingBlock);
+        }
+      }
+    }
+    try {
+      const blockSummaries = blocks2.map((b2) => {
+        if (b2.kind === "paragraph") {
+          const runs2 = b2.runs ?? [];
+          const attrs = b2.attrs ?? {};
+          return {
+            kind: "paragraph",
+            runKinds: runs2.map((r2) => r2.kind ?? "text"),
+            runCount: runs2.length,
+            runPreview: runs2.map((r2) => {
+              const kind = r2.kind ?? "text";
+              if (kind === "image") {
+                const img2 = r2;
+                return { kind, src: img2.src, width: img2.width, height: img2.height };
+              }
+              return { kind };
+            }),
+            hasNumbering: Boolean(attrs.numberingProperties),
+            markerText: attrs.wordLayout?.marker?.markerText
+          };
+        }
+        return { kind: b2.kind };
+      });
+      console.log(
+        "[tableNodeToBlock.parseTableCell] cell contents",
+        JSON.stringify({
+          cellIndex,
+          rowIndex,
+          cellIdPreview: `cell-${rowIndex}-${cellIndex}`,
+          childTypes: cellNode.content.map((c2) => c2?.type),
+          blocks: blockSummaries
+        })
+      );
+    } catch {
     }
     if (blocks2.length === 0) {
       return null;
@@ -77238,9 +77397,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return { anchor, wrap: wrap2 };
   }
-  function tableNodeToBlock$1(node2, nextBlockId, positions, defaultFont, defaultSize, _styleContext, trackedChanges, bookmarks, hyperlinkConfig, themeColors, paragraphToFlowBlocks2, converterContext) {
+  function tableNodeToBlock$1(node2, nextBlockId, positions, defaultFont, defaultSize, _styleContext, trackedChanges, bookmarks, hyperlinkConfig, themeColors, paragraphToFlowBlocks2, converterContext, options) {
     if (!Array.isArray(node2.content) || node2.content.length === 0) return null;
-    if (!paragraphToFlowBlocks2) return null;
+    const paragraphConverter = paragraphToFlowBlocks2 ?? options?.converters?.paragraphToFlowBlocks;
+    if (!paragraphConverter) return null;
     const parserDeps = {
       nextBlockId,
       positions,
@@ -77251,8 +77411,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       bookmarks,
       hyperlinkConfig,
       themeColors,
-      paragraphToFlowBlocks: paragraphToFlowBlocks2,
-      converterContext
+      listCounterContext: options?.listCounterContext,
+      paragraphToFlowBlocks: paragraphConverter,
+      converterContext,
+      converters: options?.converters
     };
     const hydratedTableStyle = hydrateTableStyleAttrs(node2, converterContext);
     const defaultCellPadding = hydratedTableStyle?.cellPadding;
@@ -77372,6 +77534,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       defaultFont,
       defaultSize,
       styleContext,
+      listCounterContext,
       trackedChangesConfig,
       bookmarks,
       hyperlinkConfig,
@@ -77391,7 +77554,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       void 0,
       // themeColors
       converters?.paragraphToFlowBlocks,
-      converterContext
+      converterContext,
+      { listCounterContext, converters }
     );
     if (tableBlock) {
       blocks2.push(tableBlock);
@@ -77545,7 +77709,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       bookmarks2,
       hyperlinkConfig2,
       themeColorsParam ?? themeColors,
-      converterCtx ?? converterContext
+      paragraphConverter
     );
     const handlerContext = {
       blocks: blocks2,
@@ -77568,7 +77732,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       converters: {
         paragraphToFlowBlocks: paragraphConverter,
         tableNodeToBlock: tableConverter,
-        imageNodeToBlock
+        imageNodeToBlock,
+        vectorShapeNodeToDrawingBlock,
+        shapeGroupNodeToDrawingBlock,
+        shapeContainerNodeToDrawingBlock,
+        shapeTextboxNodeToDrawingBlock
       }
     };
     doc2.content.forEach((node2) => {
@@ -77653,7 +77821,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           hyperlinkConfig2,
           themeColors2,
           paragraphToFlowBlocks,
-          converterCtx ?? converterContext
+          converterCtx ?? converterContext,
+          {
+            listCounterContext,
+            converters: {
+              paragraphToFlowBlocks: paragraphToFlowBlocks$1,
+              imageNodeToBlock,
+              vectorShapeNodeToDrawingBlock,
+              shapeGroupNodeToDrawingBlock,
+              shapeContainerNodeToDrawingBlock,
+              shapeTextboxNodeToDrawingBlock
+            }
+          }
         )
       },
       converterContext
@@ -77672,7 +77851,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       hyperlinkConfig,
       themeColors,
       paragraphToFlowBlocks,
-      converterContext
+      converterContext,
+      {
+        converters: {
+          paragraphToFlowBlocks: paragraphToFlowBlocks$1,
+          imageNodeToBlock,
+          vectorShapeNodeToDrawingBlock,
+          shapeGroupNodeToDrawingBlock,
+          shapeContainerNodeToDrawingBlock,
+          shapeTextboxNodeToDrawingBlock
+        }
+      }
     );
   }
   let measurementCanvas = null;
@@ -80855,6 +81044,43 @@ ${l}
       right: borderValueToSpec(isLastCol ? tableBorders?.right : null)
     };
   };
+  const LIST_MARKER_GAP$2 = 8;
+  function renderListMarker(params2) {
+    const { doc: doc2, lineEl, markerLayout, markerMeasure, indentLeftPx } = params2;
+    const markerJustification = markerLayout?.justification ?? "left";
+    const markerBoxWidth = (typeof markerLayout?.markerBoxWidthPx === "number" ? markerLayout.markerBoxWidthPx : void 0) ?? markerMeasure?.markerWidth ?? 0;
+    const gutter = (typeof markerLayout?.gutterWidthPx === "number" ? markerLayout.gutterWidthPx : void 0) ?? markerMeasure?.gutterWidth ?? LIST_MARKER_GAP$2;
+    const markerStartPos = markerJustification === "left" ? indentLeftPx : (typeof markerLayout?.markerX === "number" ? markerLayout.markerX : void 0) ?? indentLeftPx;
+    const markerLeftPos = markerStartPos - markerBoxWidth;
+    const lineContainer = doc2.createElement("div");
+    lineContainer.style.position = "relative";
+    lineContainer.style.width = "100%";
+    const markerEl = doc2.createElement("span");
+    markerEl.classList.add("superdoc-paragraph-marker");
+    markerEl.textContent = markerLayout?.markerText ?? "";
+    markerEl.style.display = "inline-block";
+    markerEl.style.fontFamily = markerLayout?.run?.fontFamily ?? "";
+    if (markerLayout?.run?.fontSize != null) {
+      markerEl.style.fontSize = `${markerLayout.run.fontSize}px`;
+    }
+    markerEl.style.fontWeight = markerLayout?.run?.bold ? "bold" : "";
+    markerEl.style.fontStyle = markerLayout?.run?.italic ? "italic" : "";
+    if (markerLayout?.run?.color) {
+      markerEl.style.color = markerLayout.run.color;
+    }
+    if (markerLayout?.run?.letterSpacing != null) {
+      markerEl.style.letterSpacing = `${markerLayout.run.letterSpacing}px`;
+    }
+    markerEl.style.position = "absolute";
+    markerEl.style.left = `${markerLeftPos}px`;
+    markerEl.style.width = `${markerBoxWidth}px`;
+    markerEl.style.textAlign = markerJustification;
+    markerEl.style.paddingRight = `${gutter}px`;
+    lineEl.style.paddingLeft = `${markerStartPos}px`;
+    lineContainer.appendChild(markerEl);
+    lineContainer.appendChild(lineEl);
+    return lineContainer;
+  }
   const renderTableCell = (deps) => {
     const {
       doc: doc2,
@@ -80896,6 +81122,20 @@ ${l}
     }
     const cellBlocks = cell2?.blocks ?? (cell2?.paragraph ? [cell2.paragraph] : []);
     const blockMeasures = cellMeasure?.blocks ?? (cellMeasure?.paragraph ? [cellMeasure.paragraph] : []);
+    try {
+      console.log(
+        "[DomPainter.renderTableCell] cell render input",
+        JSON.stringify({
+          cellId: cell2?.id,
+          blockKinds: cellBlocks.map((b2) => b2.kind),
+          measureKinds: blockMeasures.map((m2) => m2.kind),
+          width: cellMeasure?.width,
+          height: cellMeasure?.height,
+          rowHeight
+        })
+      );
+    } catch {
+    }
     if (cellBlocks.length > 0 && blockMeasures.length > 0) {
       const content2 = doc2.createElement("div");
       content2.style.position = "relative";
@@ -80927,9 +81167,106 @@ ${l}
       for (let i2 = 0; i2 < Math.min(blockMeasures.length, cellBlocks.length); i2++) {
         const blockMeasure = blockMeasures[i2];
         const block = cellBlocks[i2];
+        if (blockMeasure.kind === "image" && block?.kind === "image") {
+          console.log(
+            "[DomPainter.renderTableCell] rendering image block in cell",
+            JSON.stringify({
+              cellId: cell2?.id,
+              blockId: block.id,
+              width: blockMeasure.width,
+              height: blockMeasure.height
+            })
+          );
+          const imageWrapper = doc2.createElement("div");
+          imageWrapper.style.position = "relative";
+          imageWrapper.style.width = `${blockMeasure.width}px`;
+          imageWrapper.style.height = `${blockMeasure.height}px`;
+          imageWrapper.style.maxWidth = "100%";
+          imageWrapper.style.boxSizing = "border-box";
+          applySdtDataset(imageWrapper, block.attrs?.sdt);
+          const imgEl = doc2.createElement("img");
+          imgEl.classList.add("superdoc-table-image");
+          if (block.src) {
+            imgEl.src = block.src;
+          }
+          imgEl.alt = block.alt ?? "";
+          imgEl.style.width = "100%";
+          imgEl.style.height = "100%";
+          imgEl.style.objectFit = block.objectFit ?? "contain";
+          imgEl.style.display = "block";
+          imageWrapper.appendChild(imgEl);
+          content2.appendChild(imageWrapper);
+          continue;
+        }
+        if (blockMeasure.kind === "drawing" && block?.kind === "drawing") {
+          console.log(
+            "[DomPainter.renderTableCell] rendering drawing block in cell",
+            JSON.stringify({
+              cellId: cell2?.id,
+              blockId: block.id,
+              drawingKind: block.drawingKind,
+              width: blockMeasure.width,
+              height: blockMeasure.height
+            })
+          );
+          const drawingWrapper = doc2.createElement("div");
+          drawingWrapper.style.position = "relative";
+          drawingWrapper.style.width = `${blockMeasure.width}px`;
+          drawingWrapper.style.height = `${blockMeasure.height}px`;
+          drawingWrapper.style.maxWidth = "100%";
+          drawingWrapper.style.boxSizing = "border-box";
+          applySdtDataset(drawingWrapper, block.attrs);
+          const drawingInner = doc2.createElement("div");
+          drawingInner.classList.add("superdoc-table-drawing");
+          drawingInner.style.width = "100%";
+          drawingInner.style.height = "100%";
+          drawingInner.style.display = "flex";
+          drawingInner.style.alignItems = "center";
+          drawingInner.style.justifyContent = "center";
+          drawingInner.style.overflow = "hidden";
+          if (block.drawingKind === "image" && "src" in block && block.src) {
+            const img2 = doc2.createElement("img");
+            img2.classList.add("superdoc-drawing-image");
+            img2.src = block.src;
+            img2.alt = block.alt ?? "";
+            img2.style.width = "100%";
+            img2.style.height = "100%";
+            img2.style.objectFit = block.objectFit ?? "contain";
+            drawingInner.appendChild(img2);
+          } else {
+            const placeholder = doc2.createElement("div");
+            placeholder.style.width = "100%";
+            placeholder.style.height = "100%";
+            placeholder.style.background = "repeating-linear-gradient(45deg, rgba(15,23,42,0.1), rgba(15,23,42,0.1) 6px, rgba(15,23,42,0.2) 6px, rgba(15,23,42,0.2) 12px)";
+            placeholder.style.border = "1px dashed rgba(15, 23, 42, 0.3)";
+            drawingInner.appendChild(placeholder);
+          }
+          drawingWrapper.appendChild(drawingInner);
+          content2.appendChild(drawingWrapper);
+          continue;
+        }
         if (blockMeasure.kind === "paragraph" && block?.kind === "paragraph") {
-          const lines = blockMeasure.lines;
+          try {
+            const runKinds = (block.runs ?? []).map((r2) => r2.kind ?? "text");
+            const imageRuns = (block.runs ?? []).filter((r2) => r2.kind === "image").map((r2) => ({ src: r2.src }));
+            console.log(
+              "[DomPainter.renderTableCell] rendering paragraph block in cell",
+              JSON.stringify({
+                cellId: cell2?.id,
+                blockId: block.id,
+                runKinds,
+                imageRuns
+              })
+            );
+          } catch {
+          }
+          const paragraphMeasure = blockMeasure;
+          const lines = paragraphMeasure.lines;
           const blockLineCount = lines?.length || 0;
+          const wordLayout = block.attrs?.wordLayout ?? null;
+          const markerLayout = wordLayout?.marker;
+          const markerMeasure = paragraphMeasure.marker;
+          const indentLeftPx = markerMeasure?.indentLeft ?? wordLayout?.indentLeftPx ?? (block.attrs?.indent && typeof block.attrs.indent.left === "number" ? block.attrs.indent.left : 0);
           const blockStartGlobal = cumulativeLineCount;
           const blockEndGlobal = cumulativeLineCount + blockLineCount;
           if (blockEndGlobal <= globalFromLine) {
@@ -80951,7 +81288,38 @@ ${l}
           for (let lineIdx = localStartLine; lineIdx < localEndLine && lineIdx < lines.length; lineIdx++) {
             const line = lines[lineIdx];
             const lineEl = renderLine(block, line, { ...context, section: "body" });
-            paraWrapper.appendChild(lineEl);
+            lineEl.style.paddingLeft = "";
+            lineEl.style.paddingRight = "";
+            lineEl.style.textIndent = "";
+            const shouldRenderMarker = markerLayout && markerMeasure && lineIdx === 0 && localStartLine === 0 && markerMeasure.markerWidth > 0;
+            if (shouldRenderMarker) {
+              const lineContainer = renderListMarker({
+                doc: doc2,
+                lineEl,
+                markerLayout,
+                markerMeasure,
+                indentLeftPx
+              });
+              paraWrapper.appendChild(lineContainer);
+            } else {
+              if (markerLayout && indentLeftPx) {
+                lineEl.style.paddingLeft = `${indentLeftPx}px`;
+              } else {
+                const indent2 = block.attrs?.indent;
+                if (indent2) {
+                  if (typeof indent2.left === "number" && indent2.left > 0) {
+                    lineEl.style.paddingLeft = `${indent2.left}px`;
+                  }
+                  if (typeof indent2.right === "number" && indent2.right > 0) {
+                    lineEl.style.paddingRight = `${indent2.right}px`;
+                  }
+                  if (lineIdx === 0 && typeof indent2.firstLine === "number" && indent2.firstLine !== 0) {
+                    lineEl.style.textIndent = `${indent2.firstLine}px`;
+                  }
+                }
+              }
+              paraWrapper.appendChild(lineEl);
+            }
             renderedHeight += line.lineHeight;
           }
           const renderedEntireBlock = localStartLine === 0 && localEndLine >= blockLineCount;
@@ -150906,7 +151274,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.82";
+      this.version = "1.0.0-beta.83";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -153378,7 +153746,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexGF5Urhpn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexYXzWgyNJ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));