superdoc 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/chunks/{PdfViewer--YMlVUNN.es.js → PdfViewer-BL2O6Y4C.es.js}

@@ -1,5 +1,5 @@
 import { y as defineComponent, z as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-CztqUvm1.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BrS4iO03.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-Bs29IidK.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-H8A08hnq.cjs → PdfViewer-CWb8_m3N.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-ARQSyfaw.cjs");
-const superdoc = require("./index-B7kE5mis.cjs");
+const superdoc = require("./index-ANaY3G41.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-B7kE5mis.cjs → index-ANaY3G41.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-Bf7zv4k5.cjs");
+const superEditor_es = require("./super-editor.es-CBMp55sv.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-CFCpOk3d.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17227,7 +17227,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-H8A08hnq.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CWb8_m3N.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18080,7 +18080,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.10";
+    this.version = "1.0.0-beta.12";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-BrS4iO03.es.js → index-Bs29IidK.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-C3Mtq3FL.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-C-5T9RJI.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-ByBH0NYV.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17210,7 +17210,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer--YMlVUNN.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BL2O6Y4C.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18063,7 +18063,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.10";
+    this.version = "1.0.0-beta.12";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-CC6Vsniy-D24AMjnI.cjs → index-Cha-6AFg-28WIXlKN.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-Bf7zv4k5.cjs");
+const superEditor_es = require("./super-editor.es-CBMp55sv.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{index-CC6Vsniy-En79I7vb.es.js → index-Cha-6AFg-3WCQFN4m.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-C3Mtq3FL.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-C-5T9RJI.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{super-editor.es-C3Mtq3FL.es.js → super-editor.es-C-5T9RJI.es.js}

@@ -35588,7 +35588,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.10") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.12") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -52295,7 +52295,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.10";
+const summaryVersion = "1.0.0-beta.12";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -53074,7 +53074,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-CC6Vsniy-En79I7vb.es.js"),
+      import("./index-Cha-6AFg-3WCQFN4m.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -53279,7 +53279,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.10");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.12");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -57380,28 +57380,42 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
   const indentSource = attrs.indent ?? paragraphProps.indent ?? hydrated?.indent;
   const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? attrs.textIndent);
   const unwrapTabStops = (tabStops) => {
-    if (!Array.isArray(tabStops)) return void 0;
+    if (!Array.isArray(tabStops)) {
+      return void 0;
+    }
     const unwrapped = [];
     for (const entry of tabStops) {
-      if (entry && typeof entry === "object" && "tab" in entry) {
-        const tab = entry.tab;
-        if (tab && typeof tab === "object") {
-          const tabObj = tab;
-          const val = typeof tabObj.tabType === "string" ? tabObj.tabType : typeof tabObj.val === "string" ? tabObj.val : void 0;
-          const pos = pickNumber(tabObj.originalPos ?? tabObj.pos);
-          if (val && pos != null) {
-            const normalized = { val, pos };
-            const leader = tabObj.leader;
-            if (typeof leader === "string") normalized.leader = leader;
-            const originalPos = pickNumber(tabObj.originalPos);
-            if (originalPos != null) normalized.originalPos = originalPos;
-            unwrapped.push(normalized);
-            continue;
-          }
+      if (!entry || typeof entry !== "object") {
+        continue;
+      }
+      if ("tab" in entry) {
+        const entryRecord2 = entry;
+        const tab = entryRecord2.tab;
+        if (!tab || typeof tab !== "object") {
+          continue;
         }
+        const tabObj = tab;
+        const val = typeof tabObj.tabType === "string" ? tabObj.tabType : typeof tabObj.val === "string" ? tabObj.val : void 0;
+        const pos = pickNumber(tabObj.originalPos ?? tabObj.pos);
+        if (!val || pos == null) {
+          continue;
+        }
+        const normalized = { val, pos };
+        const leader = tabObj.leader;
+        if (typeof leader === "string" && leader.length > 0) {
+          normalized.leader = leader;
+        }
+        const originalPos = pickNumber(tabObj.originalPos);
+        if (originalPos != null && Number.isFinite(originalPos)) {
+          normalized.originalPos = originalPos;
+        }
+        unwrapped.push(normalized);
+        continue;
       }
-      if (entry && typeof entry === "object") {
-        unwrapped.push(entry);
+      const entryRecord = entry;
+      const hasValidStructure = ("val" in entryRecord || "tabType" in entryRecord) && ("pos" in entryRecord || "originalPos" in entryRecord);
+      if (hasValidStructure) {
+        unwrapped.push(entryRecord);
       }
     }
     return unwrapped.length > 0 ? unwrapped : void 0;
@@ -65236,7 +65250,7 @@ const resolveTableCellBorders = (tableBorders, rowIndex, colIndex, totalRows, to
   };
 };
 const renderTableCell = (deps) => {
-  const { doc: doc2, x: x2, y: y2, rowHeight, cellMeasure, cell, borders, useDefaultBorder, renderLine, context, applySdtDataset } = deps;
+  const { doc: doc2, x: x2, y: y2, rowHeight, cellMeasure, cell, borders, renderLine, context, applySdtDataset } = deps;
   const cellEl = doc2.createElement("div");
   cellEl.style.position = "absolute";
   cellEl.style.left = `${x2}px`;
@@ -65246,8 +65260,6 @@ const renderTableCell = (deps) => {
   cellEl.style.boxSizing = "border-box";
   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;
@@ -65289,25 +65301,55 @@ const renderTableRow = (deps) => {
     row,
     totalRows,
     tableBorders,
+    columnWidths,
+    allRowHeights,
     context,
     renderLine,
     applySdtDataset
   } = deps;
-  let x2 = 0;
+  const calculateXPosition = (gridColumnStart) => {
+    let x2 = 0;
+    for (let i = 0; i < gridColumnStart && i < columnWidths.length; i++) {
+      x2 += columnWidths[i];
+    }
+    return x2;
+  };
+  const calculateRowspanHeight = (startRowIndex, rowSpan) => {
+    let totalHeight = 0;
+    for (let i = 0; i < rowSpan && startRowIndex + i < allRowHeights.length; i++) {
+      totalHeight += allRowHeights[startRowIndex + i];
+    }
+    return totalHeight;
+  };
   for (let cellIndex = 0; cellIndex < rowMeasure.cells.length; cellIndex += 1) {
     const cellMeasure = rowMeasure.cells[cellIndex];
     const cell = row?.cells?.[cellIndex];
-    const hasExplicitBorders = Boolean(cell?.attrs?.borders);
-    const resolvedBorders = hasExplicitBorders ? cell?.attrs?.borders : tableBorders ? resolveTableCellBorders(tableBorders, rowIndex, cellIndex, totalRows, rowMeasure.cells.length) : void 0;
+    const x2 = cellMeasure.gridColumnStart != null ? calculateXPosition(cellMeasure.gridColumnStart) : cellIndex === 0 ? 0 : calculateXPosition(cellIndex);
+    const cellBordersAttr = cell?.attrs?.borders;
+    const hasBordersAttribute = cellBordersAttr !== void 0;
+    const hasExplicitBorders = hasBordersAttribute && cellBordersAttr && (cellBordersAttr.top !== void 0 || cellBordersAttr.right !== void 0 || cellBordersAttr.bottom !== void 0 || cellBordersAttr.left !== void 0);
+    const gridColIndex = cellMeasure.gridColumnStart ?? cellIndex;
+    const totalCols = columnWidths.length;
+    let resolvedBorders;
+    if (hasExplicitBorders) {
+      resolvedBorders = cellBordersAttr;
+    } else if (hasBordersAttribute) {
+      resolvedBorders = void 0;
+    } else if (tableBorders) {
+      resolvedBorders = resolveTableCellBorders(tableBorders, rowIndex, gridColIndex, totalRows, totalCols);
+    } else {
+      resolvedBorders = void 0;
+    }
+    const rowSpan = cellMeasure.rowSpan ?? 1;
+    const cellHeight = rowSpan > 1 ? calculateRowspanHeight(rowIndex, rowSpan) : rowMeasure.height;
     const { cellElement, contentElement } = renderTableCell({
       doc: doc2,
       x: x2,
       y: y2,
-      rowHeight: rowMeasure.height,
+      rowHeight: cellHeight,
       cellMeasure,
       cell,
       borders: resolvedBorders,
-      useDefaultBorder: !hasExplicitBorders && !tableBorders,
       renderLine,
       context,
       applySdtDataset
@@ -65316,7 +65358,6 @@ const renderTableRow = (deps) => {
     if (contentElement) {
       container.appendChild(contentElement);
     }
-    x2 += cellMeasure.width;
   }
 };
 const renderTableFragment = (deps) => {
@@ -65358,6 +65399,45 @@ const renderTableFragment = (deps) => {
   applySdtDataset(container, block.attrs?.sdt);
   container.classList.add("superdoc-table-fragment");
   if (fragment.metadata?.columnBoundaries) {
+    const columnCount = measure.columnWidths.length;
+    const rowCount = block.rows.length;
+    const boundarySegments = [];
+    for (let i = 0; i < columnCount; i++) {
+      boundarySegments.push([]);
+    }
+    let rowY = 0;
+    for (let rowIndex = 0; rowIndex < rowCount; rowIndex++) {
+      const rowMeasure = measure.rows[rowIndex];
+      if (!rowMeasure) continue;
+      const boundariesInRow = /* @__PURE__ */ new Set();
+      for (const cellMeasure of rowMeasure.cells) {
+        const startCol = cellMeasure.gridColumnStart ?? 0;
+        const colSpan = cellMeasure.colSpan ?? 1;
+        const endCol = startCol + colSpan;
+        if (startCol > 0) {
+          boundariesInRow.add(startCol);
+        }
+        if (endCol < columnCount) {
+          boundariesInRow.add(endCol);
+        }
+      }
+      for (const boundaryCol of boundariesInRow) {
+        const segments = boundarySegments[boundaryCol];
+        const lastSegment = segments[segments.length - 1];
+        if (lastSegment && lastSegment.toRow === rowIndex) {
+          lastSegment.toRow = rowIndex + 1;
+          lastSegment.height += rowMeasure.height;
+        } else {
+          segments.push({
+            fromRow: rowIndex,
+            toRow: rowIndex + 1,
+            y: rowY,
+            height: rowMeasure.height
+          });
+        }
+      }
+      rowY += rowMeasure.height;
+    }
     const metadata = {
       columns: fragment.metadata.columnBoundaries.map((boundary) => ({
         i: boundary.index,
@@ -65365,7 +65445,18 @@ const renderTableFragment = (deps) => {
         w: boundary.width,
         min: boundary.minWidth,
         r: boundary.resizable ? 1 : 0
-      }))
+      })),
+      // Add segments for each column boundary (segments where resize handle should appear)
+      segments: boundarySegments.map(
+        (segs, colIndex) => segs.map((seg) => ({
+          c: colIndex,
+          // column index
+          y: seg.y,
+          // y position
+          h: seg.height
+          // height of segment
+        }))
+      )
     };
     container.setAttribute("data-table-boundaries", JSON.stringify(metadata));
   }
@@ -65376,6 +65467,7 @@ const renderTableFragment = (deps) => {
   if (borderCollapse === "separate" && block.attrs?.cellSpacing) {
     container.style.borderSpacing = `${block.attrs.cellSpacing}px`;
   }
+  const allRowHeights = measure.rows.map((r2) => r2.height);
   let y2 = 0;
   for (let r2 = fragment.fromRow; r2 < fragment.toRow; r2 += 1) {
     const rowMeasure = measure.rows[r2];
@@ -65389,6 +65481,8 @@ const renderTableFragment = (deps) => {
       row: block.rows[r2],
       totalRows: block.rows.length,
       tableBorders,
+      columnWidths: measure.columnWidths,
+      allRowHeights,
       context,
       renderLine,
       applySdtDataset
@@ -68030,21 +68124,9 @@ async function measureParagraphBlock(block, maxWidth) {
 }
 async function measureTableBlock(block, constraints) {
   const maxWidth = typeof constraints === "number" ? constraints : constraints.maxWidth;
-  const columnCount = Math.max(1, Math.max(...block.rows.map((r2) => r2.cells.length)));
   let columnWidths;
   if (block.columnWidths && block.columnWidths.length > 0) {
     columnWidths = [...block.columnWidths];
-    if (columnWidths.length < columnCount) {
-      const usedWidth = columnWidths.reduce((a, b2) => a + b2, 0);
-      const remainingWidth = Math.max(0, maxWidth - usedWidth);
-      const missingCount = columnCount - columnWidths.length;
-      const defaultWidth = missingCount > 0 ? Math.max(1, Math.floor(remainingWidth / missingCount)) : 0;
-      for (let i = columnWidths.length; i < columnCount; i++) {
-        columnWidths.push(defaultWidth);
-      }
-    } else if (columnWidths.length > columnCount) {
-      columnWidths = columnWidths.slice(0, columnCount);
-    }
     const totalWidth2 = columnWidths.reduce((a, b2) => a + b2, 0);
     const hasExplicitWidth = block.attrs?.tableWidth != null;
     if (!hasExplicitWidth && totalWidth2 > maxWidth) {
@@ -68052,22 +68134,56 @@ async function measureTableBlock(block, constraints) {
       columnWidths = columnWidths.map((w2) => Math.max(1, Math.floor(w2 * scale)));
     }
   } else {
-    const columnWidth = Math.max(1, Math.floor(maxWidth / columnCount));
-    columnWidths = Array.from({ length: columnCount }, () => columnWidth);
+    const maxCellCount = Math.max(1, Math.max(...block.rows.map((r2) => r2.cells.length)));
+    const columnWidth = Math.max(1, Math.floor(maxWidth / maxCellCount));
+    columnWidths = Array.from({ length: maxCellCount }, () => columnWidth);
   }
+  const gridColumnCount = columnWidths.length;
+  const calculateCellWidth = (startCol, colspan) => {
+    let width = 0;
+    for (let i = 0; i < colspan && startCol + i < columnWidths.length; i++) {
+      width += columnWidths[startCol + i];
+    }
+    return Math.max(1, width);
+  };
+  const rowspanTracker = new Array(gridColumnCount).fill(0);
   const rows = [];
-  for (const row of block.rows) {
+  for (let rowIndex = 0; rowIndex < block.rows.length; rowIndex++) {
+    const row = block.rows[rowIndex];
     const cellMeasures = [];
-    for (let col = 0; col < columnCount; col++) {
-      const cell = row.cells[col];
-      const cellWidth = columnWidths[col] || columnWidths[0] || Math.floor(maxWidth / columnCount);
-      if (!cell) {
-        cellMeasures.push({ paragraph: { kind: "paragraph", lines: [], totalHeight: 0 }, width: cellWidth, height: 0 });
-        continue;
+    let gridColIndex = 0;
+    for (const cell of row.cells) {
+      const colspan = cell.colSpan ?? 1;
+      const rowspan = cell.rowSpan ?? 1;
+      while (gridColIndex < gridColumnCount && rowspanTracker[gridColIndex] > 0) {
+        rowspanTracker[gridColIndex]--;
+        gridColIndex++;
+      }
+      if (gridColIndex >= gridColumnCount) {
+        break;
+      }
+      const cellWidth = calculateCellWidth(gridColIndex, colspan);
+      if (rowspan > 1) {
+        for (let c2 = 0; c2 < colspan && gridColIndex + c2 < gridColumnCount; c2++) {
+          rowspanTracker[gridColIndex + c2] = rowspan - 1;
+        }
       }
       const paraMeasure = await measureParagraphBlock(cell.paragraph, cellWidth);
       const height = paraMeasure.totalHeight;
-      cellMeasures.push({ paragraph: paraMeasure, width: cellWidth, height });
+      cellMeasures.push({
+        paragraph: paraMeasure,
+        width: cellWidth,
+        height,
+        gridColumnStart: gridColIndex,
+        colSpan: colspan,
+        rowSpan: rowspan
+      });
+      gridColIndex += colspan;
+    }
+    for (let col = gridColIndex; col < gridColumnCount; col++) {
+      if (rowspanTracker[col] > 0) {
+        rowspanTracker[col]--;
+      }
     }
     const rowHeight = Math.max(0, ...cellMeasures.map((c2) => c2.height));
     rows.push({ cells: cellMeasures, height: rowHeight });
@@ -101258,7 +101374,7 @@ async function createZip(blobs, fileNames) {
   blobs.forEach((blob, index2) => {
     zip.file(fileNames[index2], blob);
   });
-  const zipBlob = await zip.generateAsync({ type: "blob" });
+  const zipBlob = await zip.generateAsync({ type: "blob", compression: "DEFLATE" });
   return zipBlob;
 }
 var __defProp = Object.defineProperty;
@@ -106114,13 +106230,31 @@ const _sfc_main$2 = {
       });
       return boundaries;
     });
-    function getHandleStyle(boundary) {
+    function getBoundarySegments(boundary) {
+      if (boundary.type === "right-edge") {
+        return [{ y: 0, h: null }];
+      }
+      const segmentsData = tableMetadata.value?.segments;
+      if (!segmentsData || !Array.isArray(segmentsData)) {
+        return [{ y: 0, h: null }];
+      }
+      const boundaryColIndex = boundary.index + 1;
+      const colSegments = segmentsData[boundaryColIndex];
+      if (!colSegments || colSegments.length === 0) {
+        return [];
+      }
+      return colSegments.map((seg) => ({
+        y: seg.y,
+        h: seg.h
+      }));
+    }
+    function getSegmentHandleStyle(boundary, segment) {
       return {
         position: "absolute",
         left: `${boundary.x}px`,
-        top: "0",
+        top: segment.y != null ? `${segment.y}px` : "0",
         width: "9px",
-        height: "100%",
+        height: segment.h != null ? `${segment.h}px` : "100%",
         transform: "translateX(-4px)",
         cursor: "col-resize",
         pointerEvents: "auto"
@@ -106175,7 +106309,8 @@ const _sfc_main$2 = {
           });
           return;
         }
-        tableMetadata.value = { columns: validatedColumns };
+        const segments = Array.isArray(parsed.segments) ? parsed.segments : void 0;
+        tableMetadata.value = { columns: validatedColumns, segments };
       } catch (error) {
         tableMetadata.value = null;
         emit("resize-error", {
@@ -106337,7 +106472,7 @@ const _sfc_main$2 = {
         updateCellColwidths(tr, tableNode, tablePos, affectedColumns, newWidths);
         dispatch(tr);
         const blockId = props.tableElement?.getAttribute("data-sd-block-id");
-        if (blockId) {
+        if (blockId && blockId.trim()) {
           measureCache.invalidate([blockId]);
         }
         emit("resize-success", { columnIndex, newWidths });
@@ -106440,18 +106575,24 @@ const _sfc_main$2 = {
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        (openBlock(true), createElementBlock(Fragment$1, null, renderList(resizableBoundaries.value, (boundary, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: `handle-${boundary.type}-${boundary.index}`,
-            class: normalizeClass(["resize-handle", {
-              "resize-handle--active": dragState.value && dragState.value.boundaryIndex === index2,
-              "resize-handle--edge": boundary.type === "right-edge"
-            }]),
-            "data-boundary-index": index2,
-            "data-boundary-type": boundary.type,
-            style: normalizeStyle(getHandleStyle(boundary)),
-            onMousedown: ($event) => onHandleMouseDown($event, index2)
-          }, null, 46, _hoisted_1$2);
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(resizableBoundaries.value, (boundary, boundaryIndex) => {
+          return openBlock(), createElementBlock(Fragment$1, {
+            key: `boundary-${boundaryIndex}`
+          }, [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(getBoundarySegments(boundary), (segment, segmentIndex) => {
+              return openBlock(), createElementBlock("div", {
+                key: `handle-${boundary.type}-${boundary.index}-${segmentIndex}`,
+                class: normalizeClass(["resize-handle", {
+                  "resize-handle--active": dragState.value && dragState.value.boundaryIndex === boundaryIndex,
+                  "resize-handle--edge": boundary.type === "right-edge"
+                }]),
+                "data-boundary-index": boundaryIndex,
+                "data-boundary-type": boundary.type,
+                style: normalizeStyle(getSegmentHandleStyle(boundary, segment)),
+                onMousedown: ($event) => onHandleMouseDown($event, boundaryIndex)
+              }, null, 46, _hoisted_1$2);
+            }), 128))
+          ], 64);
         }), 128)),
         dragState.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -106462,7 +106603,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-acc51d8d"]]);
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d4258885"]]);
 function adjustPaginationBreaks(editorElem, editor) {
   if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
   const zoom = editor.value.options.scale;