superdoc 1.0.0-beta.16 → 1.0.0-beta.17

package/dist/chunks/{super-editor.es-BLKWkx5G.cjs → super-editor.es-Mlj7AGyt.cjs}

@@ -19784,7 +19784,7 @@ function decodeRPrFromMarks(marks) {
     return runProperties;
   }
   marks.forEach((mark) => {
-    switch (mark.type) {
+    switch (mark.type.name ?? mark.type) {
       case "strike":
       case "italic":
       case "bold":
@@ -20850,6 +20850,11 @@ const decode$q = (params2, decodedAttrs = {}) => {
       runs.push(trackedClone);
       return;
     }
+    if (child.name === "w:commentRangeStart" || child.name === "w:commentRangeEnd") {
+      const commentRangeClone = cloneXmlNode(child);
+      runs.push(commentRangeClone);
+      return;
+    }
     const runWrapper = { name: XML_NODE_NAME$i, elements: [] };
     applyBaseRunProps(runWrapper);
     if (!Array.isArray(runWrapper.elements)) runWrapper.elements = [];
@@ -27975,9 +27980,11 @@ function updateNumberingProperties(newNumberingProperties, paragraphNode, pos, e
   const newAttrs = {
     ...paragraphNode.attrs,
     paragraphProperties: newProperties,
-    numberingProperties: newProperties.numberingProperties,
-    listRendering: null
+    numberingProperties: newProperties.numberingProperties
   };
+  if (!newNumberingProperties) {
+    newAttrs.listRendering = null;
+  }
   tr.setNodeMarkup(pos, null, newAttrs);
 }
 const generateNewListDefinition = ({ numId, listType, level, start: start2, text, fmt, editor }) => {
@@ -28509,13 +28516,36 @@ const handleDocxPaste = (html, editor, view) => {
     extractAndRemoveConditionalPrefix(item);
   });
   transformWordLists(tempDiv, editor);
-  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+  let doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+  doc2 = wrapTextsInRuns(doc2);
   tempDiv.remove();
   const { dispatch } = editor.view;
   if (!dispatch) return false;
   dispatch(view.state.tr.replaceSelectionWith(doc2, true));
   return true;
 };
+const wrapTextsInRuns = (doc2) => {
+  const runType = doc2.type?.schema?.nodes?.run;
+  if (!runType) return doc2;
+  const wrapNode = (node, parent) => {
+    if (node.isText) {
+      if (parent?.type?.name === "run") return node;
+      const runProperties = decodeRPrFromMarks(node.marks);
+      return runType.create({ runProperties }, [node]);
+    }
+    if (!node.childCount) return node;
+    let changed = false;
+    const wrappedChildren = [];
+    node.forEach((child) => {
+      const wrappedChild = wrapNode(child, node);
+      if (wrappedChild !== child) changed = true;
+      wrappedChildren.push(wrappedChild);
+    });
+    if (!changed) return node;
+    return node.copy(Fragment.fromArray(wrappedChildren));
+  };
+  return wrapNode(doc2, null);
+};
 const transformWordLists = (container, editor) => {
   const listItems = Array.from(container.querySelectorAll("[data-num-id]"));
   const lists = {};
@@ -28945,7 +28975,8 @@ const handleGoogleDocsHtml = (html, editor, view) => {
   tempDiv.innerHTML = cleanedHtml;
   const htmlWithMergedLists = mergeSeparateLists(tempDiv);
   const flattenHtml = flattenListsInHtml(htmlWithMergedLists, editor);
-  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(flattenHtml);
+  let doc2 = DOMParser$1.fromSchema(editor.schema).parse(flattenHtml);
+  doc2 = wrapTextsInRuns(doc2);
   tempDiv.remove();
   const { dispatch } = editor.view;
   if (!dispatch) return false;
@@ -29278,7 +29309,8 @@ function isGoogleDocsHtml(html) {
 function handleHtmlPaste(html, editor, source) {
   let cleanedHtml;
   cleanedHtml = htmlHandler(html, editor);
-  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
+  let doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
+  doc2 = wrapTextsInRuns(doc2);
   const { dispatch, state: state2 } = editor.view;
   if (!dispatch) return false;
   const { $from } = state2.selection;
@@ -29383,7 +29415,9 @@ function createDocFromHTML(content, editor, options = {}) {
   } else {
     parsedContent = content;
   }
-  return DOMParser$1.fromSchema(editor.schema).parse(parsedContent);
+  let doc2 = DOMParser$1.fromSchema(editor.schema).parse(parsedContent);
+  doc2 = wrapTextsInRuns(doc2);
+  return doc2;
 }
 function L() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
@@ -30507,9 +30541,11 @@ function processContent({ content, type: type2, editor }) {
       para.textContent = content;
       wrapper.appendChild(para);
       doc2 = DOMParser$1.fromSchema(editor.schema).parse(wrapper);
+      doc2 = wrapTextsInRuns(doc2);
       break;
     case "schema":
       doc2 = editor.schema.nodeFromJSON(content);
+      doc2 = wrapTextsInRuns(doc2);
       break;
     default:
       throw new Error(`Unknown content type: ${type2}`);
@@ -36266,7 +36302,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.16") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.17") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -47677,6 +47713,83 @@ const insertTabChar = () => ({ tr }) => {
   tr.insertText("	", tr.selection.from, tr.selection.to);
   return true;
 };
+const splitRunToParagraph = () => (props) => {
+  const { state: state2, view, tr } = props;
+  const { $from, empty: empty2 } = state2.selection;
+  if (!empty2) return false;
+  if ($from.parent.type.name !== "run") return false;
+  const handled = splitBlockPatch(state2, (transaction) => {
+    view.dispatch(transaction);
+  });
+  if (handled) {
+    tr.setMeta("preventDispatch", true);
+  }
+  return handled;
+};
+function splitBlockPatch(state2, dispatch) {
+  let { $from } = state2.selection;
+  if (state2.selection instanceof NodeSelection && state2.selection.node.isBlock) {
+    if (!$from.parentOffset || !canSplit(state2.doc, $from.pos)) return false;
+    if (dispatch) dispatch(state2.tr.split($from.pos).scrollIntoView());
+    return true;
+  }
+  if (!$from.depth) return false;
+  let types2 = [];
+  let splitDepth, deflt, atEnd = false, atStart = false;
+  for (let d2 = $from.depth; ; d2--) {
+    let node = $from.node(d2);
+    if (node.isBlock) {
+      atEnd = $from.end(d2) == $from.pos + ($from.depth - d2);
+      atStart = $from.start(d2) == $from.pos - ($from.depth - d2);
+      deflt = defaultBlockAt$1($from.node(d2 - 1).contentMatchAt($from.indexAfter(d2 - 1)));
+      types2.unshift(null);
+      splitDepth = d2;
+      break;
+    } else {
+      if (d2 == 1) return false;
+      types2.unshift(null);
+    }
+  }
+  let tr = state2.tr;
+  if (state2.selection instanceof TextSelection$1 || state2.selection instanceof AllSelection) tr.deleteSelection();
+  let splitPos = tr.mapping.map($from.pos);
+  let can = canSplit(tr.doc, splitPos, types2.length, types2);
+  if (!can) {
+    types2[0] = deflt ? { type: deflt } : null;
+    can = canSplit(tr.doc, splitPos, types2.length, types2);
+  }
+  if (!can) return false;
+  tr.split(splitPos, types2.length, types2);
+  if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
+    let first2 = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first2);
+    if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt))
+      tr.setNodeMarkup(tr.mapping.map($from.before(splitDepth)), deflt);
+  }
+  if (dispatch) dispatch(tr.scrollIntoView());
+  return true;
+}
+const splitRunAtCursor = () => (props) => {
+  let { state: state2, dispatch, tr } = props;
+  const sel = state2.selection;
+  if (!sel.empty) return false;
+  const $pos = sel.$from;
+  const runType = state2.schema.nodes.run;
+  if ($pos.parent.type !== runType) return false;
+  const run2 = $pos.parent;
+  const offset2 = $pos.parentOffset;
+  const runStart = $pos.before();
+  const runEnd = runStart + run2.nodeSize;
+  const leftFrag = run2.content.cut(0, offset2);
+  const rightFrag = run2.content.cut(offset2);
+  const leftRun = runType.create(run2.attrs, leftFrag, run2.marks);
+  const rightRun = runType.create(run2.attrs, rightFrag, run2.marks);
+  const gapPos = runStart + leftRun.nodeSize;
+  tr.replaceWith(runStart, runEnd, [leftRun, rightRun]).setSelection(TextSelection$1.create(tr.doc, gapPos));
+  if (dispatch) {
+    dispatch(tr);
+  }
+  return true;
+};
 const insertTabCharacter = ({ tr, state: state2, dispatch }) => {
   const { from: from2 } = tr.selection;
   const tabText = state2.schema.text("	");
@@ -47686,10 +47799,23 @@ const insertTabCharacter = ({ tr, state: state2, dispatch }) => {
   return true;
 };
 const insertTabNode = () => ({ tr, state: state2, dispatch }) => {
-  const newPos = tr.selection.from;
+  let newPos = tr.selection.from;
   const tabNode = state2.schema?.nodes?.tab?.create();
   if (!tabNode) return insertTabCharacter({ tr, state: state2, dispatch });
+  const { from: from2 } = tr.selection;
+  const $pos = tr.doc.resolve(from2);
+  if ($pos.parent.type === state2.schema.nodes.run) {
+    if (from2 === $pos.end()) {
+      newPos = $pos.end() + 1;
+    } else if (from2 === $pos.start()) {
+      newPos = $pos.start() - 1;
+    } else {
+      splitRunAtCursor()({ tr, state: state2 });
+      newPos = tr.selection.from;
+    }
+  }
   tr.insert(newPos, tabNode);
+  tr = tr.setSelection(TextSelection$1.create(tr.doc, newPos + tabNode.nodeSize));
   if (dispatch) dispatch(tr);
   return true;
 };
@@ -49145,6 +49271,139 @@ const unsetLineHeight = () => ({ commands: commands2 }) => {
     "paragraphProperties.spacing.lineRule"
   );
 };
+const backspaceEmptyRunParagraph = () => ({ state: state2, dispatch }) => {
+  const { $from } = state2.selection;
+  if (!state2.selection.empty) return false;
+  const paraType = state2.schema.nodes.paragraph;
+  const runType = state2.schema.nodes.run;
+  const para = $from.parent;
+  if (para.type !== paraType || para.childCount !== 1 || para.firstChild.type !== runType || para.firstChild.content.size)
+    return false;
+  if (state2.doc.childCount === 1 && $from.depth === 1) return false;
+  if (dispatch) {
+    const paraPos = $from.before();
+    let tr = state2.tr.deleteRange(paraPos, paraPos + para.nodeSize).scrollIntoView();
+    const targetPos = Math.max(1, Math.min(paraPos - 1, tr.doc.content.size));
+    tr = tr.setSelection(TextSelection$1.create(tr.doc, targetPos));
+    dispatch(tr);
+  }
+  return true;
+};
+const backspaceSkipEmptyRun = () => ({ state: state2, dispatch }) => {
+  const sel = state2.selection;
+  if (!sel.empty) return false;
+  const runType = state2.schema.nodes.run;
+  const $pos = sel.$from;
+  const emptyRun = (n) => n && n.type === runType && n.content.size === 0;
+  if ($pos.parent.type !== runType || $pos.pos !== $pos.end() || !emptyRun(state2.doc.nodeAt($pos.pos + 1))) {
+    return false;
+  }
+  const leftTextSel = Selection.findFrom($pos, -1, true);
+  if (!leftTextSel) return false;
+  const pos = leftTextSel.$from.pos;
+  if (dispatch) {
+    dispatch(state2.tr.delete(pos - 1, pos).scrollIntoView());
+  }
+  return true;
+};
+const backspaceNextToRun = () => ({ state: state2, tr, dispatch }) => {
+  const sel = state2.selection;
+  if (!sel.empty) return false;
+  const runType = state2.schema.nodes.run;
+  const $pos = sel.$from;
+  if ($pos.nodeBefore?.type !== runType && $pos.pos !== $pos.start()) return false;
+  if ($pos.nodeBefore) {
+    if ($pos.nodeBefore.content.size === 0) return false;
+    tr.delete($pos.pos - 2, $pos.pos - 1).setSelection(Selection.near(tr.doc.resolve($pos.pos - 2)));
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+  } else {
+    const prevNode = state2.doc.resolve($pos.start() - 1).nodeBefore;
+    if (prevNode?.type !== runType || prevNode.content.size === 0) return false;
+    tr.delete($pos.pos - 3, $pos.pos - 2).setSelection(Selection.near(tr.doc.resolve($pos.pos - 3)));
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+  }
+  return true;
+};
+const deleteSkipEmptyRun = () => ({ state: state2, dispatch }) => {
+  const sel = state2.selection;
+  if (!sel.empty) return false;
+  const runType = state2.schema.nodes.run;
+  const $pos = sel.$from;
+  const emptyRun = (n) => n && n.type === runType && n.content.size === 0;
+  if ($pos.parent.type === runType && emptyRun(state2.doc.nodeAt($pos.end() + 1))) {
+    if ($pos.pos === $pos.end()) {
+      return deleteFromEndOfRun(state2, dispatch, $pos);
+    } else if ($pos.pos === $pos.end() - 1) {
+      return deleteFromLastCharacter(state2, dispatch, $pos);
+    }
+    return false;
+  }
+  return false;
+};
+function deleteFromEndOfRun(state2, dispatch, $pos) {
+  const rightRun = state2.doc.nodeAt($pos.pos + 1);
+  const $afterRightRunPos = state2.doc.resolve($pos.pos + 2 + rightRun.nodeSize);
+  const rightTextSel = Selection.findFrom($afterRightRunPos, 1, true);
+  if (!rightTextSel) return false;
+  const pos = rightTextSel.$from.pos;
+  if (dispatch) {
+    dispatch(state2.tr.delete(pos, pos + 1).scrollIntoView());
+  }
+  return true;
+}
+function deleteFromLastCharacter(state2, dispatch, $pos) {
+  if (dispatch) {
+    dispatch(state2.tr.delete($pos.pos, $pos.pos + 1).scrollIntoView());
+  }
+  return true;
+}
+const deleteNextToRun = () => ({ state: state2, tr, dispatch }) => {
+  const sel = state2.selection;
+  if (!sel.empty) return false;
+  const runType = state2.schema.nodes.run;
+  const $pos = sel.$from;
+  if ($pos.nodeAfter?.type !== runType && $pos.pos !== $pos.end()) return false;
+  if ($pos.nodeAfter) {
+    if ($pos.nodeAfter.content.size === 0) return false;
+    tr.delete($pos.pos + 1, $pos.pos + 2).setSelection(Selection.near(tr.doc.resolve($pos.pos + 1)));
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+  } else {
+    const nextNode = state2.doc.resolve($pos.end() + 1).nodeAfter;
+    if (nextNode?.type !== runType || nextNode.content.size === 0) return false;
+    tr.delete($pos.pos + 2, $pos.pos + 3).setSelection(Selection.near(tr.doc.resolve($pos.pos + 2)));
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+  }
+  return true;
+};
+function skipTab(dir) {
+  return ({ state: state2, dispatch }) => {
+    const tab = state2.schema.nodes.tab;
+    const run2 = state2.schema.nodes.run;
+    const sel = state2.selection;
+    if (!tab || !sel.empty) return false;
+    const $pos = sel.$from;
+    if ($pos.parent.type !== run2) return false;
+    if (dir > 0 && $pos.pos < $pos.end()) return false;
+    if (dir < 0 && $pos.pos > $pos.start()) return false;
+    const step = dir > 0 ? 1 : -1;
+    let $nextPos = state2.doc.resolve($pos.pos + step);
+    const nextNode = dir > 0 ? $nextPos.nodeAfter : $nextPos.nodeBefore;
+    if (!nextNode || nextNode.type !== tab) return false;
+    const nextPos = dir > 0 ? Math.min($nextPos.pos + nextNode.nodeSize + 1, state2.doc.nodeSize) : Math.max(0, $nextPos.pos - nextNode.nodeSize - 1);
+    if (dispatch) {
+      dispatch(state2.tr.setSelection(TextSelection$1.create(state2.doc, nextPos)));
+    }
+    return true;
+  };
+}
 const toggleList = (listType) => ({ editor, state: state2, tr, dispatch }) => {
   let predicate;
   if (listType === "orderedList") {
@@ -49220,6 +49479,13 @@ const toggleList = (listType) => ({ editor, state: state2, tr, dispatch }) => {
     }
     updateNumberingProperties(sharedNumberingProperties, node, pos, editor, tr);
   }
+  const newTo = tr.mapping.map(to);
+  if (newTo >= 0 && newTo <= tr.doc.content.size) {
+    try {
+      tr.setSelection(state2.selection.constructor.near(tr.doc.resolve(newTo)));
+    } catch {
+    }
+  }
   if (dispatch) dispatch(tr);
   return true;
 };
@@ -49338,6 +49604,9 @@ const getSelectionMarks = () => ({ state: state2, tr }) => {
 };
 const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  backspaceEmptyRunParagraph,
+  backspaceNextToRun,
+  backspaceSkipEmptyRun,
   changeListLevel,
   clearNodes,
   command,
@@ -49345,7 +49614,9 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   decreaseListIndent,
   decreaseTextIndent,
   defaultStyleDetector,
+  deleteNextToRun,
   deleteSelection,
+  deleteSkipEmptyRun,
   exitCode,
   first,
   getEffectiveStyleId,
@@ -49383,6 +49654,7 @@ const commands$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   setSectionHeaderFooterAtSelection,
   setTextIndentation,
   setTextSelection,
+  skipTab,
   splitBlock: splitBlock$1,
   toggleList,
   toggleMark,
@@ -49404,7 +49676,7 @@ const Commands = Extension.create({
 });
 const handleEnter = (editor) => {
   return editor.commands.first(({ commands: commands2 }) => [
-    () => commands2.splitRun(),
+    () => commands2.splitRunToParagraph(),
     () => commands2.newlineInCode(),
     () => commands2.createParagraphNear(),
     () => commands2.liftEmptyBlock(),
@@ -49418,6 +49690,9 @@ const handleBackspace = (editor) => {
       tr.setMeta("inputType", "deleteContentBackward");
       return false;
     },
+    () => commands2.backspaceEmptyRunParagraph(),
+    () => commands2.backspaceSkipEmptyRun(),
+    () => commands2.backspaceNextToRun(),
     () => commands2.deleteSelection(),
     () => commands2.removeNumberingProperties(),
     () => commands2.joinBackward(),
@@ -49426,6 +49701,8 @@ const handleBackspace = (editor) => {
 };
 const handleDelete = (editor) => {
   return editor.commands.first(({ commands: commands2 }) => [
+    () => commands2.deleteSkipEmptyRun(),
+    () => commands2.deleteNextToRun(),
     () => commands2.deleteSelection(),
     () => commands2.joinForward(),
     () => commands2.selectNodeForward()
@@ -49444,7 +49721,9 @@ const Keymap = Extension.create({
       Delete: () => handleDelete(this.editor),
       "Mod-Delete": () => handleDelete(this.editor),
       "Mod-a": () => this.editor.commands.selectAll(),
-      Tab: () => this.editor.commands.insertTabNode()
+      Tab: () => this.editor.commands.insertTabNode(),
+      ArrowLeft: () => this.editor.commands.skipTab(-1),
+      ArrowRight: () => this.editor.commands.skipTab(1)
     };
     const pcBaseKeymap = {
       ...baseKeymap
@@ -52994,7 +53273,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.16";
+const summaryVersion = "1.0.0-beta.17";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -53504,12 +53783,9 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     if (!this.schema) {
       throw new Error("Schema is not initialized.");
     }
-    const topNodeName = this.schema.topNodeType?.name || "doc";
-    const normalizedDoc = Array.isArray(doc2) ? { type: topNodeName, content: doc2 } : doc2 && typeof doc2 === "object" && doc2.type ? doc2.type === topNodeName || doc2.type === "doc" ? doc2 : { type: topNodeName, content: [doc2] } : (() => {
-      throw new Error("Invalid document shape: expected a node object or an array of node objects.");
-    })();
     try {
-      return this.schema.nodeFromJSON(normalizedDoc);
+      if (Array.isArray(doc2)) return doc2.map((d2) => this.schema.nodeFromJSON(d2));
+      return this.schema.nodeFromJSON(doc2);
     } catch (error) {
       const detail = error instanceof Error ? error.message : String(error);
       const validationError = new Error(`Invalid document for current schema: ${detail}`);
@@ -53773,7 +54049,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DexFffM7-XZD_g6eY.cjs")),
+      Promise.resolve().then(() => require("./index-VCeRjVPO-DjkejB6t.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -53978,7 +54254,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.16");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.17");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -62469,6 +62745,9 @@ function layoutParagraphBlock(ctx2, anchors) {
     };
     if (measure.marker) {
       fragment.markerWidth = measure.marker.markerWidth;
+      if (measure.marker.markerTextWidth != null) {
+        fragment.markerTextWidth = measure.marker.markerTextWidth;
+      }
     }
     state2.page.fragments.push(fragment);
     state2.trailingSpacing = 0;
@@ -62570,6 +62849,12 @@ function layoutParagraphBlock(ctx2, anchors) {
     };
     if (measure.marker && fromLine === 0) {
       fragment.markerWidth = measure.marker.markerWidth;
+      if (measure.marker.markerTextWidth != null) {
+        fragment.markerTextWidth = measure.marker.markerTextWidth;
+      }
+      if (measure.kind === "paragraph" && measure.marker?.gutterWidth != null) {
+        fragment.markerGutter = measure.marker.gutterWidth;
+      }
     }
     if (fromLine > 0) fragment.continuesFromPrev = true;
     if (slice2.toLine < lines.length) fragment.continuesOnNext = true;
@@ -64281,7 +64566,22 @@ const hashRuns = (block) => {
     }
     return `${text}:${marks}${trackedKey}`;
   }).join("|");
-  return `${trackedMode}:${trackedEnabled ? "on" : "off"}|${runsHash}`;
+  let numberingKey = "";
+  if (block.attrs) {
+    const attrs = block.attrs;
+    if (attrs.numberingProperties) {
+      const np = attrs.numberingProperties;
+      let markerTextKey;
+      if (!attrs.wordLayout?.marker) {
+        markerTextKey = "<NULL>";
+      } else {
+        const markerText = attrs.wordLayout.marker.markerText;
+        markerTextKey = markerText === "" ? "<EMPTY>" : markerText ?? "<NULL>";
+      }
+      numberingKey = `|num:${np.numId ?? ""}:${np.ilvl ?? 0}:${markerTextKey}`;
+    }
+  }
+  return `${trackedMode}:${trackedEnabled ? "on" : "off"}|${runsHash}${numberingKey}`;
 };
 const createStats = () => ({
   hits: 0,
@@ -69293,6 +69593,7 @@ function assertFragmentPmPositions(fragment, context) {
   }
 }
 const LIST_MARKER_GAP$1 = 8;
+const DEFAULT_TAB_INTERVAL_PX$1 = 48;
 const COMMENT_EXTERNAL_COLOR = "#B1124B";
 const COMMENT_INTERNAL_COLOR = "#078383";
 const COMMENT_INACTIVE_ALPHA = "22";
@@ -70089,33 +70390,41 @@ const _DomPainter = class _DomPainter2 {
       const firstLineOffset = (paraIndent?.firstLine ?? 0) - (paraIndent?.hanging ?? 0);
       lines.forEach((line, index2) => {
         const lineEl = this.renderLine(block, line, context);
-        if (paraIndentLeft) {
+        const isListFirstLine = index2 === 0 && !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
+        if (paraIndentLeft && !isListFirstLine) {
           lineEl.style.paddingLeft = `${paraIndentLeft}px`;
         }
         if (paraIndentRight) {
           lineEl.style.paddingRight = `${paraIndentRight}px`;
         }
-        if (!fragment.continuesFromPrev && index2 === 0 && firstLineOffset) {
+        if (!fragment.continuesFromPrev && index2 === 0 && firstLineOffset && !isListFirstLine) {
           lineEl.style.textIndent = `${firstLineOffset}px`;
-        } else if (firstLineOffset) {
+        } else if (firstLineOffset && !isListFirstLine) {
           lineEl.style.textIndent = "0px";
         }
-        if (index2 === 0 && !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker) {
+        if (isListFirstLine && wordLayout?.marker && fragment.markerWidth) {
+          const markerStartPos = paraIndentLeft - (paraIndent?.hanging ?? 0);
+          lineEl.style.paddingLeft = `${markerStartPos}px`;
           const markerContainer = this.doc.createElement("span");
           markerContainer.style.display = "inline-block";
           const markerEl = this.doc.createElement("span");
           markerEl.classList.add("superdoc-paragraph-marker");
           markerEl.textContent = wordLayout.marker.markerText ?? "";
-          markerEl.style.width = `${fragment.markerWidth}px`;
-          markerEl.style.textAlign = wordLayout.marker.justification ?? "right";
-          markerEl.style.paddingRight = `${LIST_MARKER_GAP$1}px`;
           markerEl.style.pointerEvents = "none";
-          const indentLeft = paraIndentLeft;
-          const hanging = paraIndent?.hanging ?? 0;
-          const textStartX = indentLeft - hanging;
-          const markerLeftX = textStartX - fragment.markerWidth;
-          markerEl.style.position = "relative";
-          markerEl.style.left = `${markerLeftX}px`;
+          const markerJustification = wordLayout.marker.justification ?? "left";
+          if (markerJustification !== "left") {
+            markerEl.style.width = `${fragment.markerWidth}px`;
+            markerEl.style.textAlign = wordLayout.marker.justification ?? "right";
+            markerEl.style.paddingRight = `${LIST_MARKER_GAP$1}px`;
+          }
+          if (markerJustification === "left") {
+            markerContainer.style.position = "relative";
+          } else {
+            const markerLeftX = markerStartPos - fragment.markerWidth;
+            markerContainer.style.position = "absolute";
+            markerContainer.style.left = `${markerLeftX}px`;
+            markerContainer.style.top = "0";
+          }
           markerEl.style.fontFamily = wordLayout.marker.run.fontFamily;
           markerEl.style.fontSize = `${wordLayout.marker.run.fontSize}px`;
           markerEl.style.fontWeight = wordLayout.marker.run.bold ? "bold" : "";
@@ -70132,12 +70441,25 @@ const _DomPainter = class _DomPainter2 {
             const tabEl = this.doc.createElement("span");
             tabEl.className = "superdoc-tab";
             tabEl.innerHTML = "&nbsp;";
-            const gutterWidth = typeof wordLayout.marker.gutterWidthPx === "number" && isFinite(wordLayout.marker.gutterWidthPx) && wordLayout.marker.gutterWidthPx > 0 ? wordLayout.marker.gutterWidthPx : LIST_MARKER_GAP$1;
+            let tabWidth;
+            const markerBoxWidth = fragment.markerWidth;
+            const markerTextWidth = fragment.markerTextWidth != null && isFinite(fragment.markerTextWidth) && fragment.markerTextWidth >= 0 ? fragment.markerTextWidth : markerBoxWidth;
+            if ((wordLayout.marker.justification ?? "left") === "left") {
+              const currentPos = markerStartPos + markerTextWidth;
+              const implicitTabStop = paraIndentLeft;
+              tabWidth = implicitTabStop - currentPos;
+              if (tabWidth < 1) {
+                tabWidth = DEFAULT_TAB_INTERVAL_PX$1 - currentPos % DEFAULT_TAB_INTERVAL_PX$1;
+                if (tabWidth === 0) tabWidth = DEFAULT_TAB_INTERVAL_PX$1;
+              }
+            } else {
+              tabWidth = fragment.markerGutter != null && isFinite(fragment.markerGutter) ? fragment.markerGutter : typeof wordLayout.marker.gutterWidthPx === "number" && isFinite(wordLayout.marker.gutterWidthPx) && wordLayout.marker.gutterWidthPx > 0 ? wordLayout.marker.gutterWidthPx : LIST_MARKER_GAP$1;
+            }
             tabEl.style.display = "inline-block";
-            tabEl.style.width = `${gutterWidth}px`;
-            markerContainer.appendChild(tabEl);
+            tabEl.style.width = `${tabWidth}px`;
+            lineEl.prepend(tabEl);
           } else if (suffix2 === "space") {
-            markerContainer.appendChild(this.doc.createTextNode(" "));
+            lineEl.prepend(this.doc.createTextNode(" "));
           }
           lineEl.prepend(markerContainer);
         }
@@ -71611,7 +71933,9 @@ const fragmentSignature = (fragment, lookup2) => {
       fragment.pmStart ?? "",
       fragment.pmEnd ?? "",
       fragment.continuesFromPrev ? 1 : 0,
-      fragment.continuesOnNext ? 1 : 0
+      fragment.continuesOnNext ? 1 : 0,
+      fragment.markerWidth ?? ""
+      // Include markerWidth to trigger re-render when list status changes
     ].join("|");
   }
   if (fragment.kind === "list-item") {
@@ -72782,10 +73106,14 @@ async function measureParagraphBlock(block, maxWidth) {
     const { font: markerFont } = buildFontString(markerRun);
     const markerText = wordLayout.marker.markerText ?? "";
     const glyphWidth = markerText ? measureText(markerText, markerFont, ctx2) : 0;
+    const gutter = typeof wordLayout.marker.gutterWidthPx === "number" && isFinite(wordLayout.marker.gutterWidthPx) && wordLayout.marker.gutterWidthPx >= 0 ? wordLayout.marker.gutterWidthPx : LIST_MARKER_GAP;
+    const markerBoxWidth = Math.max(wordLayout.marker.markerBoxWidthPx ?? 0, glyphWidth + LIST_MARKER_GAP);
     markerInfo = {
-      markerWidth: Math.max(wordLayout.marker.markerBoxWidthPx ?? 0, glyphWidth + LIST_MARKER_GAP),
+      markerWidth: markerBoxWidth,
       markerTextWidth: glyphWidth,
-      indentLeft: wordLayout.indentLeftPx ?? 0
+      indentLeft: wordLayout.indentLeftPx ?? 0,
+      // For tab sizing in the renderer: expose gutter for word-layout lists
+      gutterWidth: gutter
     };
   }
   return {
@@ -79054,6 +79382,17 @@ const structuredContentHelpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ O
   parseTagObject
 }, Symbol.toStringTag, { value: "Module" }));
 const STRUCTURED_CONTENT_NAMES = ["structuredContent", "structuredContentBlock"];
+const findFirstTextNode = (node) => {
+  let firstTextNode = null;
+  node.descendants((child) => {
+    if (child.isText) {
+      firstTextNode = child;
+      return false;
+    }
+    return true;
+  });
+  return firstTextNode;
+};
 const StructuredContentCommands = Extension.create({
   name: "structuredContentCommands",
   addCommands() {
@@ -79194,7 +79533,7 @@ const StructuredContentCommands = Extension.create({
        * @param {string} id - Unique identifier of the field
        * @param {StructuredContentUpdate} options
        * @example
-       * editor.commands.updateStructuredContentById('123', { text: 'Jane Doe' });
+       * editor.commands.updateStructuredContentById('123', { text: 'Jane Doe', keepTextNodeStyles: true });
        * editor.commands.updateStructuredContentById('123', {
        *  json: { type: 'text', text: 'Jane Doe' },
        * });
@@ -79215,7 +79554,9 @@ const StructuredContentCommands = Extension.create({
           const posTo = pos + node.nodeSize;
           let content = null;
           if (options.text) {
-            content = schema.text(options.text);
+            const firstTextNode = options.keepTextNodeStyles === true ? findFirstTextNode(node) : null;
+            const textMarks = firstTextNode ? firstTextNode.marks : [];
+            content = schema.text(options.text, textMarks);
           }
           if (options.html) {
             const html = htmlHandler(options.html, editor);
@@ -79229,6 +79570,13 @@ const StructuredContentCommands = Extension.create({
             content = node.content;
           }
           const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+          try {
+            const nodeForValidation = editor.validateJSON(updatedNode.toJSON());
+            nodeForValidation.check();
+          } catch (error) {
+            console.error("Invalid content.", "Passed value:", content, "Error:", error);
+            return false;
+          }
           tr.replaceWith(posFrom, posTo, updatedNode);
         }
         return true;
@@ -79313,7 +79661,7 @@ const StructuredContentCommands = Extension.create({
        * @param {StructuredContentUpdate} options
        * @example
        * // Update all fields in the customer-info group
-       * editor.commands.updateStructuredContentByGroup('customer-info', { text: 'Jane Doe' });
+       * editor.commands.updateStructuredContentByGroup('customer-info', { text: 'Jane Doe', keepTextNodeStyles: true });
        *
        * // Update block content in a group
        * editor.commands.updateStructuredContentByGroup('terms-section', {
@@ -79327,13 +79675,14 @@ const StructuredContentCommands = Extension.create({
         }
         const { schema } = editor;
         if (dispatch) {
-          structuredContentTags.forEach((structuredContent) => {
+          const updates = [];
+          for (const structuredContent of structuredContentTags) {
             const { pos, node } = structuredContent;
-            const posFrom = tr.mapping.map(pos);
-            const posTo = tr.mapping.map(pos + node.nodeSize);
             let content = null;
             if (options.text) {
-              content = schema.text(options.text);
+              const firstTextNode = options.keepTextNodeStyles === true ? findFirstTextNode(node) : null;
+              const textMarks = firstTextNode ? firstTextNode.marks : [];
+              content = schema.text(options.text, textMarks);
             }
             if (options.html) {
               const html = htmlHandler(options.html, editor);
@@ -79347,11 +79696,23 @@ const StructuredContentCommands = Extension.create({
               content = node.content;
             }
             const updatedNode = node.type.create({ ...node.attrs, ...options.attrs }, content, node.marks);
+            try {
+              const nodeForValidation = editor.validateJSON(updatedNode.toJSON());
+              nodeForValidation.check();
+            } catch (error) {
+              console.error("Invalid content.", "Passed value:", content, "Error:", error);
+              return false;
+            }
+            updates.push({ pos, node, updatedNode });
+          }
+          for (const { pos, node, updatedNode } of updates) {
+            const posFrom = tr.mapping.map(pos);
+            const posTo = tr.mapping.map(pos + node.nodeSize);
             const currentNode = tr.doc.nodeAt(posFrom);
             if (currentNode && node.eq(currentNode)) {
               tr.replaceWith(posFrom, posTo, updatedNode);
             }
-          });
+          }
         }
         return true;
       },
@@ -79927,61 +80288,153 @@ const Text = Node$1.create({
     return {};
   }
 });
-const splitRun = () => (props) => {
-  const { state: state2, view, tr } = props;
-  const { $from, empty: empty2 } = state2.selection;
-  if (!empty2) return false;
-  if ($from.parent.type.name !== "run") return false;
-  const handled = splitBlockPatch(state2, (transaction) => {
-    view.dispatch(transaction);
-  });
-  if (handled) {
-    tr.setMeta("preventDispatch", true);
-  }
-  return handled;
-};
-function splitBlockPatch(state2, dispatch) {
-  let { $from } = state2.selection;
-  if (state2.selection instanceof NodeSelection && state2.selection.node.isBlock) {
-    if (!$from.parentOffset || !canSplit(state2.doc, $from.pos)) return false;
-    if (dispatch) dispatch(state2.tr.split($from.pos).scrollIntoView());
-    return true;
+const cleanupEmptyRunsPlugin = new Plugin({
+  appendTransaction(trs, oldState, newState) {
+    if (!trs.some((tr2) => tr2.docChanged)) return null;
+    const { run: run2, paragraph } = newState.schema.nodes;
+    if (!run2) return null;
+    const ranges = [];
+    trs.forEach((tr2) => {
+      tr2.mapping.maps.forEach((map22) => {
+        map22.forEach((oldStart, oldEnd, newStart, newEnd) => {
+          if (newStart !== oldStart || oldEnd !== newEnd) ranges.push({ from: newStart, to: newEnd });
+        });
+      });
+    });
+    if (!ranges.length) return null;
+    ranges.sort((a, b2) => a.from - b2.from);
+    const merged = [];
+    for (const r2 of ranges) {
+      const from2 = Math.max(0, r2.from - 1);
+      const to = Math.min(newState.doc.content.size, r2.to + 1);
+      const last = merged[merged.length - 1];
+      if (last && from2 <= last.to) last.to = Math.max(last.to, to);
+      else merged.push({ from: from2, to });
+    }
+    const toDelete = [];
+    merged.forEach(({ from: from2, to }) => {
+      newState.doc.nodesBetween(from2, to, (node, pos, parent) => {
+        if (node.type === run2 && node.content.size === 0 && parent?.type === paragraph) {
+          toDelete.push({ from: pos, to: pos + node.nodeSize });
+        }
+      });
+    });
+    if (!toDelete.length) return null;
+    const tr = newState.tr;
+    toDelete.sort((a, b2) => b2.from - a.from).forEach(({ from: from2, to }) => tr.deleteRange(from2, to));
+    return tr.docChanged ? tr : null;
   }
-  if (!$from.depth) return false;
-  let types2 = [];
-  let splitDepth, deflt, atEnd = false, atStart = false;
-  for (let d2 = $from.depth; ; d2--) {
-    let node = $from.node(d2);
-    if (node.isBlock) {
-      atEnd = $from.end(d2) == $from.pos + ($from.depth - d2);
-      atStart = $from.start(d2) == $from.pos - ($from.depth - d2);
-      deflt = defaultBlockAt$1($from.node(d2 - 1).contentMatchAt($from.indexAfter(d2 - 1)));
-      types2.unshift(null);
-      splitDepth = d2;
-      break;
+});
+const mergeRanges$1 = (ranges, docSize) => {
+  if (!ranges.length) return [];
+  const sorted = ranges.map(({ from: from2, to }) => ({
+    from: Math.max(0, from2),
+    to: Math.min(docSize, to)
+  })).filter(({ from: from2, to }) => from2 < to).sort((a, b2) => a.from - b2.from);
+  const merged = [];
+  for (const range2 of sorted) {
+    const last = merged[merged.length - 1];
+    if (last && range2.from <= last.to) {
+      last.to = Math.max(last.to, range2.to);
     } else {
-      if (d2 == 1) return false;
-      types2.unshift(null);
+      merged.push({ ...range2 });
     }
   }
-  let tr = state2.tr;
-  if (state2.selection instanceof TextSelection$1 || state2.selection instanceof AllSelection) tr.deleteSelection();
-  let splitPos = tr.mapping.map($from.pos);
-  let can = canSplit(tr.doc, splitPos, types2.length, types2);
-  if (!can) {
-    types2[0] = deflt ? { type: deflt } : null;
-    can = canSplit(tr.doc, splitPos, types2.length, types2);
-  }
-  if (!can) return false;
-  tr.split(splitPos, types2.length, types2);
-  if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
-    let first2 = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first2);
-    if (deflt && $from.node(splitDepth - 1).canReplaceWith($first.index(), $first.index() + 1, deflt))
-      tr.setNodeMarkup(tr.mapping.map($from.before(splitDepth)), deflt);
-  }
-  if (dispatch) dispatch(tr.scrollIntoView());
-  return true;
-}
+  return merged;
+};
+const collectChangedRanges = (trs, docSize) => {
+  const ranges = [];
+  trs.forEach((tr) => {
+    if (!tr.docChanged) return;
+    tr.mapping.maps.forEach((map22) => {
+      map22.forEach((oldStart, oldEnd, newStart, newEnd) => {
+        if (newStart !== oldStart || oldEnd !== newEnd) {
+          ranges.push({ from: newStart, to: newEnd });
+        }
+      });
+    });
+  });
+  return mergeRanges$1(ranges, docSize);
+};
+const mapRangesThroughTransactions = (ranges, transactions, docSize) => {
+  let mapped = ranges;
+  transactions.forEach((tr) => {
+    mapped = mapped.map(({ from: from2, to }) => {
+      const mappedFrom = tr.mapping.map(from2, -1);
+      const mappedTo = tr.mapping.map(to, 1);
+      if (mappedFrom >= mappedTo) return null;
+      return { from: mappedFrom, to: mappedTo };
+    }).filter(Boolean);
+  });
+  return mergeRanges$1(mapped, docSize);
+};
+const buildWrapTransaction = (state2, ranges, runType) => {
+  if (!ranges.length) return null;
+  const replacements = [];
+  ranges.forEach(({ from: from2, to }) => {
+    state2.doc.nodesBetween(from2, to, (node, pos, parent, index2) => {
+      if (!node.isText || !parent || parent.type === runType) return;
+      const match = parent.contentMatchAt ? parent.contentMatchAt(index2) : null;
+      if (match && !match.matchType(runType)) return;
+      if (!match && !parent.type.contentMatch.matchType(runType)) return;
+      const runProperties = decodeRPrFromMarks(node.marks);
+      const runNode = runType.create({ runProperties }, node);
+      replacements.push({ from: pos, to: pos + node.nodeSize, runNode });
+    });
+  });
+  if (!replacements.length) return null;
+  const tr = state2.tr;
+  replacements.sort((a, b2) => b2.from - a.from).forEach(({ from: from2, to, runNode }) => tr.replaceWith(from2, to, runNode));
+  return tr.docChanged ? tr : null;
+};
+const wrapTextInRunsPlugin = () => {
+  let view = null;
+  let pendingRanges = [];
+  const flush = () => {
+    if (!view) return;
+    const runType = view.state.schema.nodes.run;
+    if (!runType) {
+      pendingRanges = [];
+      return;
+    }
+    const tr = buildWrapTransaction(view.state, pendingRanges, runType);
+    pendingRanges = [];
+    if (tr) {
+      view.dispatch(tr);
+    }
+  };
+  const onCompositionEnd = () => {
+    if (typeof globalThis === "undefined") return;
+    globalThis.queueMicrotask(flush);
+  };
+  return new Plugin({
+    view(editorView) {
+      view = editorView;
+      editorView.dom.addEventListener("compositionend", onCompositionEnd);
+      return {
+        destroy() {
+          editorView.dom.removeEventListener("compositionend", onCompositionEnd);
+          view = null;
+          pendingRanges = [];
+        }
+      };
+    },
+    appendTransaction(transactions, _oldState, newState) {
+      const docSize = newState.doc.content.size;
+      const runType = newState.schema.nodes.run;
+      if (!runType) return null;
+      pendingRanges = mapRangesThroughTransactions(pendingRanges, transactions, docSize);
+      const changedRanges = collectChangedRanges(transactions, docSize);
+      pendingRanges = mergeRanges$1([...pendingRanges, ...changedRanges], docSize);
+      if (view?.composing) {
+        return null;
+      }
+      const tr = buildWrapTransaction(newState, pendingRanges, runType);
+      pendingRanges = [];
+      return tr;
+    }
+  });
+};
 const Run = OxmlNode.create({
   name: "run",
   oXmlName: "w:r",
@@ -80024,7 +80477,8 @@ const Run = OxmlNode.create({
   // @ts-expect-error - Command signatures will be fixed in TS migration
   addCommands() {
     return {
-      splitRun
+      splitRunToParagraph,
+      splitRunAtCursor
     };
   },
   parseDOM() {
@@ -80033,6 +80487,9 @@ const Run = OxmlNode.create({
   renderDOM({ htmlAttributes }) {
     const base2 = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
     return ["span", base2, 0];
+  },
+  addPmPlugins() {
+    return [wrapTextInRunsPlugin(), cleanupEmptyRunsPlugin];
   }
 });
 const restartNumbering = ({ editor, tr, state: state2, dispatch }) => {
@@ -80775,20 +81232,15 @@ function createNumberingPlugin(editor) {
         } else {
           markerText = docxNumberingHelpers.normalizeLvlTextChar(lvlText);
         }
-        if (JSON.stringify(node.attrs.listRendering) !== JSON.stringify({
+        const newListRendering = {
           markerText,
           suffix: suffix2,
           justification,
           path,
           numberingType: listNumberingType
-        })) {
-          tr.setNodeAttribute(pos, "listRendering", {
-            markerText,
-            suffix: suffix2,
-            justification,
-            path,
-            numberingType: listNumberingType
-          });
+        };
+        if (JSON.stringify(node.attrs.listRendering) !== JSON.stringify(newListRendering)) {
+          tr.setNodeAttribute(pos, "listRendering", newListRendering);
         }
         return false;
       });
@@ -81089,7 +81541,7 @@ const Paragraph = OxmlNode.create({
             return null;
           }
           const { tr } = state2;
-          tr.delete(range2.from, range2.to);
+          tr.delete(range2.from, range2.to).setSelection(TextSelection$1.create(tr.doc, range2.from));
           ListHelpers.createNewList({
             listType: type2,
             tr,
@@ -84519,7 +84971,10 @@ const Table = Node$1.create({
       insertTable: ({ rows = 3, cols = 3, withHeaderRow = false } = {}) => ({ tr, dispatch, editor }) => {
         const node = createTable(editor.schema, rows, cols, withHeaderRow);
         if (dispatch) {
-          const offset2 = tr.selection.from + 1;
+          let offset2 = tr.selection.$from.end() + 1;
+          if (tr.selection.$from.parent?.type?.name === "run") {
+            offset2 = tr.selection.$from.after(tr.selection.$from.depth - 1);
+          }
           tr.replaceSelectionWith(node).scrollIntoView().setSelection(TextSelection$1.near(tr.doc.resolve(offset2)));
         }
         return true;
@@ -111857,6 +112312,12 @@ const _sfc_main$4 = {
 };
 const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cbddcc0f"]]);
 const _hoisted_1$3 = ["data-boundary-index", "data-boundary-type", "onMousedown"];
+const RESIZE_HANDLE_WIDTH_PX = 9;
+const RESIZE_HANDLE_OFFSET_PX = 4;
+const DRAG_OVERLAY_EXTENSION_PX = 1e3;
+const MIN_DRAG_OVERLAY_WIDTH_PX = 2e3;
+const THROTTLE_INTERVAL_MS = 16;
+const MIN_RESIZE_DELTA_PX = 1;
 const _sfc_main$3 = {
   __name: "TableResizeOverlay",
   props: {
@@ -111880,26 +112341,73 @@ const _sfc_main$3 = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const overlayRect = vue.ref(null);
     const tableMetadata = vue.ref(null);
     const dragState = vue.ref(null);
     const forcedCleanup = vue.ref(false);
+    let rafId = null;
+    let isUnmounted = false;
+    function startOverlayTracking() {
+      if (rafId !== null) return;
+      const step = () => {
+        updateOverlayRect();
+        rafId = requestAnimationFrame(step);
+      };
+      rafId = requestAnimationFrame(step);
+    }
+    function stopOverlayTracking() {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+    }
     const overlayStyle = vue.computed(() => {
-      if (!props.tableElement) return {};
-      const rect = props.tableElement.getBoundingClientRect();
+      if (!overlayRect.value || !props.tableElement) return {};
+      const rect = overlayRect.value;
       let overlayWidth = rect.width;
       if (dragState.value) {
-        overlayWidth = Math.max(rect.width + 1e3, 2e3);
+        overlayWidth = Math.max(rect.width + DRAG_OVERLAY_EXTENSION_PX, MIN_DRAG_OVERLAY_WIDTH_PX);
       }
       return {
         position: "absolute",
-        left: `${props.tableElement.offsetLeft}px`,
-        top: `${props.tableElement.offsetTop}px`,
+        left: `${rect.left}px`,
+        top: `${rect.top}px`,
         width: `${overlayWidth}px`,
         height: `${rect.height}px`,
         pointerEvents: dragState.value ? "auto" : "none",
         zIndex: 10
       };
     });
+    function updateOverlayRect() {
+      if (!props.tableElement) {
+        overlayRect.value = null;
+        return;
+      }
+      const parent = props.tableElement.offsetParent;
+      const tableRect = props.tableElement.getBoundingClientRect();
+      if (tableRect.width === 0 || tableRect.height === 0) {
+        overlayRect.value = null;
+        return;
+      }
+      if (parent) {
+        const parentRect = parent.getBoundingClientRect();
+        const left2 = tableRect.left - parentRect.left + (parent.scrollLeft || 0);
+        const top2 = tableRect.top - parentRect.top + (parent.scrollTop || 0);
+        overlayRect.value = {
+          left: left2,
+          top: top2,
+          width: tableRect.width,
+          height: tableRect.height
+        };
+      } else {
+        overlayRect.value = {
+          left: props.tableElement.offsetLeft,
+          top: props.tableElement.offsetTop,
+          width: tableRect.width,
+          height: tableRect.height
+        };
+      }
+    }
     const resizableBoundaries = vue.computed(() => {
       if (!tableMetadata.value?.columns) {
         return [];
@@ -111938,9 +112446,9 @@ const _sfc_main$3 = {
       if (!colSegments || colSegments.length === 0) {
         return [];
       }
-      return colSegments.map((seg) => ({
-        y: seg.y,
-        h: seg.h
+      return colSegments.filter((seg) => seg && typeof seg === "object").map((seg) => ({
+        y: typeof seg.y === "number" ? seg.y : 0,
+        h: seg.h !== null && typeof seg.h === "number" ? seg.h : null
       }));
     }
     function getSegmentHandleStyle(boundary, segment) {
@@ -111948,16 +112456,16 @@ const _sfc_main$3 = {
         position: "absolute",
         left: `${boundary.x}px`,
         top: segment.y != null ? `${segment.y}px` : "0",
-        width: "9px",
+        width: `${RESIZE_HANDLE_WIDTH_PX}px`,
         height: segment.h != null ? `${segment.h}px` : "100%",
-        transform: "translateX(-4px)",
+        transform: `translateX(-${RESIZE_HANDLE_OFFSET_PX}px)`,
         cursor: "col-resize",
         pointerEvents: "auto"
       };
     }
     const guidelineStyle = vue.computed(() => {
       if (!dragState.value || !tableMetadata.value) return { display: "none" };
-      const initialBoundary = resizableBoundaries.value[dragState.value.boundaryIndex];
+      const initialBoundary = resizableBoundaries.value[dragState.value.resizableBoundaryIndex];
       if (!initialBoundary) return { display: "none" };
       const newX = initialBoundary.x + dragState.value.constrainedDelta;
       return {
@@ -112014,11 +112522,11 @@ const _sfc_main$3 = {
         });
       }
     }
-    function onHandleMouseDown(event, boundaryIndex) {
+    function onHandleMouseDown(event, resizableBoundaryIndex) {
       event.preventDefault();
       event.stopPropagation();
       if (!tableMetadata.value?.columns) return;
-      const boundary = resizableBoundaries.value[boundaryIndex];
+      const boundary = resizableBoundaries.value[resizableBoundaryIndex];
       if (!boundary) return;
       const columns = tableMetadata.value.columns;
       const isRightEdge = boundary.type === "right-edge";
@@ -112026,7 +112534,7 @@ const _sfc_main$3 = {
       const rightColumn = isRightEdge ? null : columns[boundary.index + 1];
       dragState.value = {
         columnIndex: boundary.index,
-        boundaryIndex,
+        resizableBoundaryIndex,
         isRightEdge,
         initialX: event.clientX,
         initialWidths: columns.map((col) => col.w),
@@ -112040,15 +112548,28 @@ const _sfc_main$3 = {
         } : null,
         constrainedDelta: 0
       };
+      if (!props.editor?.view?.dom) {
+        emit("resize-error", { error: "Editor view not available" });
+        dragState.value = null;
+        return;
+      }
       const pmView = props.editor.view.dom;
       pmView.style.pointerEvents = "none";
-      document.addEventListener("mousemove", onDocumentMouseMove2);
-      document.addEventListener("mouseup", onDocumentMouseUp);
-      emit("resize-start", {
-        columnIndex: boundary.index,
-        isRightEdge,
-        initialWidths: dragState.value.initialWidths
-      });
+      try {
+        document.addEventListener("mousemove", onDocumentMouseMove2);
+        document.addEventListener("mouseup", onDocumentMouseUp);
+        emit("resize-start", {
+          columnIndex: boundary.index,
+          isRightEdge,
+          initialWidths: dragState.value.initialWidths
+        });
+      } catch (error) {
+        document.removeEventListener("mousemove", onDocumentMouseMove2);
+        document.removeEventListener("mouseup", onDocumentMouseUp);
+        pmView.style.pointerEvents = "auto";
+        dragState.value = null;
+        emit("resize-error", { error: error instanceof Error ? error.message : String(error) });
+      }
     }
     function throttle2(func, limit) {
       let inThrottle;
@@ -112073,7 +112594,7 @@ const _sfc_main$3 = {
       return { throttled, cancel };
     }
     const mouseMoveThrottle = throttle2((event) => {
-      if (!dragState.value) return;
+      if (isUnmounted || !dragState.value) return;
       const delta = event.clientX - dragState.value.initialX;
       const minDelta = -(dragState.value.leftColumn.width - dragState.value.leftColumn.minWidth);
       let maxDelta;
@@ -112099,7 +112620,7 @@ const _sfc_main$3 = {
         columnIndex: dragState.value.columnIndex,
         delta: constrainedDelta
       });
-    }, 16);
+    }, THROTTLE_INTERVAL_MS);
     const onDocumentMouseMove2 = mouseMoveThrottle.throttled;
     function onDocumentMouseUp(event) {
       if (!dragState.value) return;
@@ -112114,13 +112635,11 @@ const _sfc_main$3 = {
       }
       document.removeEventListener("mousemove", onDocumentMouseMove2);
       document.removeEventListener("mouseup", onDocumentMouseUp);
-      if (props.editor?.view) {
+      if (props.editor?.view?.dom) {
         const pmView = props.editor.view.dom;
-        if (pmView && pmView.style) {
-          pmView.style.pointerEvents = "auto";
-        }
+        pmView.style.pointerEvents = "auto";
       }
-      if (!forcedCleanup.value && Math.abs(finalDelta) > 1) {
+      if (!forcedCleanup.value && Math.abs(finalDelta) > MIN_RESIZE_DELTA_PX) {
         dispatchResizeTransaction(columnIndex, newWidths);
         emit("resize-end", {
           columnIndex,
@@ -112183,7 +112702,14 @@ const _sfc_main$3 = {
       if (!pmElement) {
         return null;
       }
-      const pmStart = parseInt(pmElement.getAttribute("data-pm-start"), 10);
+      const pmStartAttr = pmElement.getAttribute("data-pm-start");
+      if (!pmStartAttr) {
+        return null;
+      }
+      const pmStart = parseInt(pmStartAttr, 10);
+      if (!Number.isFinite(pmStart)) {
+        return null;
+      }
       let tablePos = null;
       state2.doc.descendants((node, pos) => {
         if (node.type.name === "table") {
@@ -112235,6 +112761,12 @@ const _sfc_main$3 = {
       () => props.tableElement,
       () => {
         parseTableMetadata();
+        updateOverlayRect();
+        if (props.visible && props.tableElement) {
+          startOverlayTracking();
+        } else if (!props.tableElement) {
+          stopOverlayTracking();
+        }
       },
       { immediate: true }
     );
@@ -112243,7 +112775,10 @@ const _sfc_main$3 = {
       (visible) => {
         if (visible) {
           parseTableMetadata();
+          updateOverlayRect();
+          startOverlayTracking();
         } else {
+          stopOverlayTracking();
           if (dragState.value) {
             forcedCleanup.value = true;
             onDocumentMouseUp(new MouseEvent("mouseup"));
@@ -112252,8 +112787,15 @@ const _sfc_main$3 = {
         }
       }
     );
+    vue.onMounted(() => {
+      window.addEventListener("scroll", updateOverlayRect, true);
+      window.addEventListener("resize", updateOverlayRect);
+      updateOverlayRect();
+    });
     vue.onBeforeUnmount(() => {
+      isUnmounted = true;
       mouseMoveThrottle.cancel();
+      stopOverlayTracking();
       if (dragState.value) {
         document.removeEventListener("mousemove", onDocumentMouseMove2);
         document.removeEventListener("mouseup", onDocumentMouseUp);
@@ -112261,6 +112803,8 @@ const _sfc_main$3 = {
           props.editor.view.dom.style.pointerEvents = "auto";
         }
       }
+      window.removeEventListener("scroll", updateOverlayRect, true);
+      window.removeEventListener("resize", updateOverlayRect);
     });
     return (_ctx, _cache) => {
       return __props.visible && tableMetadata.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -112270,21 +112814,21 @@ const _sfc_main$3 = {
         onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(() => {
         }, ["stop"]))
       }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(resizableBoundaries.value, (boundary, boundaryIndex) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(resizableBoundaries.value, (boundary, resizableBoundaryIndex) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-            key: `boundary-${boundaryIndex}`
+            key: `boundary-${resizableBoundaryIndex}`
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getBoundarySegments(boundary), (segment, segmentIndex) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: `handle-${boundary.type}-${boundary.index}-${segmentIndex}`,
                 class: vue.normalizeClass(["resize-handle", {
-                  "resize-handle--active": dragState.value && dragState.value.boundaryIndex === boundaryIndex,
+                  "resize-handle--active": dragState.value && dragState.value.resizableBoundaryIndex === resizableBoundaryIndex,
                   "resize-handle--edge": boundary.type === "right-edge"
                 }]),
-                "data-boundary-index": boundaryIndex,
+                "data-boundary-index": resizableBoundaryIndex,
                 "data-boundary-type": boundary.type,
                 style: vue.normalizeStyle(getSegmentHandleStyle(boundary, segment)),
-                onMousedown: ($event) => onHandleMouseDown($event, boundaryIndex)
+                onMousedown: ($event) => onHandleMouseDown($event, resizableBoundaryIndex)
               }, null, 46, _hoisted_1$3);
             }), 128))
           ], 64);
@@ -112298,7 +112842,7 @@ const _sfc_main$3 = {
     };
   }
 };
-const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3f4a506b"]]);
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2fdf7836"]]);
 const _hoisted_1$2 = ["data-handle-position", "onMousedown"];
 const OVERLAY_EXPANSION_PX = 2e3;
 const RESIZE_HANDLE_SIZE_PX = 12;