@harbour-enterprises/superdoc 1.3.0-next.3 → 1.3.0-next.5

package/dist/chunks/{PdfViewer-D6XxSIuw.cjs → PdfViewer-CvoctNPw.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-De9wkgLl.cjs");
-const superdoc = require("./index-HQW67fDU.cjs");
-const index = require("./index-D0lYfjMI.cjs");
+const superdoc = require("./index-79lZpkMi.cjs");
+const index = require("./index-BHIGTNEQ.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-ltwzoe73.es.js → PdfViewer-Dbc_J_1L.es.js}

@@ -1,6 +1,6 @@
 import { d as defineComponent, h, T as Transition, p as process$1, w as watchEffect, c as computed, r as ref, f as onMounted, X as onUnmounted, E as createElementBlock, G as openBlock, K as createBaseVNode, M as createCommentVNode, I as createVNode, v as unref } from "./vue-BnBKJwCW.es.js";
-import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-e6096-IC.es.js";
-import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-M8MvGhiF.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-B697vddF.es.js";
+import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-BSxlafD_.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{SuperConverter-CVOKZex3.es.js → SuperConverter-DMbipzpl.es.js}

@@ -25317,8 +25317,9 @@ function translateFieldAnnotation(params) {
     hash: attrs.hash
   };
   const annotationAttrsJson = JSON.stringify(annotationAttrs);
+  const sanitizedDisplayLabel = attrs.displayLabel === "undefined" || attrs.displayLabel === void 0 ? "" : attrs.displayLabel;
   const sdtPrElements = [
-    { name: "w:alias", attributes: { "w:val": attrs.displayLabel } },
+    { name: "w:alias", attributes: { "w:val": sanitizedDisplayLabel } },
     { name: "w:tag", attributes: { "w:val": annotationAttrsJson } },
     { name: "w:id", attributes: { "w:val": id } }
   ];
@@ -30937,7 +30938,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.3") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.5") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{SuperConverter-XGlv5pME.cjs → SuperConverter-tcg6NQjY.cjs}

@@ -25318,8 +25318,9 @@ function translateFieldAnnotation(params) {
     hash: attrs.hash
   };
   const annotationAttrsJson = JSON.stringify(annotationAttrs);
+  const sanitizedDisplayLabel = attrs.displayLabel === "undefined" || attrs.displayLabel === void 0 ? "" : attrs.displayLabel;
   const sdtPrElements = [
-    { name: "w:alias", attributes: { "w:val": attrs.displayLabel } },
+    { name: "w:alias", attributes: { "w:val": sanitizedDisplayLabel } },
     { name: "w:tag", attributes: { "w:val": annotationAttrsJson } },
     { name: "w:id", attributes: { "w:val": id } }
   ];
@@ -30938,7 +30939,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.3") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.0-next.5") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{index-HQW67fDU.cjs → index-79lZpkMi.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-D0lYfjMI.cjs");
-require("./SuperConverter-XGlv5pME.cjs");
+const index = require("./index-BHIGTNEQ.cjs");
+require("./SuperConverter-tcg6NQjY.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -7461,7 +7461,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-D6XxSIuw.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CvoctNPw.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8367,7 +8367,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.3";
+    this.version = "1.3.0-next.5";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-e6096-IC.es.js → index-B697vddF.es.js}

@@ -1,5 +1,5 @@
-import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-M8MvGhiF.es.js";
-import "./SuperConverter-CVOKZex3.es.js";
+import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-BSxlafD_.es.js";
+import "./SuperConverter-DMbipzpl.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CwrdEv8r.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -7444,7 +7444,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-ltwzoe73.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-Dbc_J_1L.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8350,7 +8350,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.3";
+    this.version = "1.3.0-next.5";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-D0lYfjMI.cjs → index-BHIGTNEQ.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-XGlv5pME.cjs");
+const superEditor_converter = require("./SuperConverter-tcg6NQjY.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -13409,8 +13409,12 @@ const createOrUpdateTrackedChangeComment = ({ event, marks, deletionNodes, nodes
     const hasMatchingId = changeMarks.find((mark) => mark.attrs.id === id);
     if (hasMatchingId) nodesWithMark.push(node2);
   });
+  const nodesToProcess = nodesWithMark.length ? nodesWithMark : node ? [node] : [];
+  if (!nodesToProcess.length) {
+    return;
+  }
   const { deletionText, trackedChangeText } = getTrackedChangeText({
-    nodes: nodesWithMark.length ? nodesWithMark : [node],
+    nodes: nodesToProcess,
     mark: trackedMark,
     trackedChangeType,
     isDeletionInsertion
@@ -14126,6 +14130,45 @@ const updateYdocDocxData = async (editor, ydoc) => {
     console.warn("[collaboration] Failed to update Ydoc docx data", error);
   }
 };
+let isApplyingRemoteChanges = false;
+const isApplyingRemoteHeaderFooterChanges = () => isApplyingRemoteChanges;
+const pushHeaderFooterToYjs = (editor, type, sectionId, content) => {
+  if (isApplyingRemoteChanges) return;
+  const ydoc = editor?.options?.ydoc;
+  if (!ydoc) return;
+  const headerFooterMap = ydoc.getMap("headerFooterJson");
+  const key2 = `${type}:${sectionId}`;
+  const existing = headerFooterMap.get(key2)?.content;
+  if (existing && JSON.stringify(existing) === JSON.stringify(content)) {
+    return;
+  }
+  ydoc.transact(() => headerFooterMap.set(key2, { type, sectionId, content }), {
+    event: "header-footer-update",
+    user: editor.options.user
+  });
+};
+const applyRemoteHeaderFooterChanges = (editor, key2, data) => {
+  if (!editor || editor.isDestroyed || !editor.converter) return;
+  const { type, sectionId, content } = data;
+  if (!type || !sectionId || !content) return;
+  isApplyingRemoteChanges = true;
+  try {
+    const storage = editor.converter[`${type}s`];
+    if (storage) storage[sectionId] = content;
+    editor.converter.headerFooterModified = true;
+    const editors = editor.converter[`${type}Editors`];
+    editors?.forEach((item) => {
+      if (item.id === sectionId && item.editor) {
+        item.editor.replaceContent(content);
+      }
+    });
+    editor.emit("remoteHeaderFooterChanged", { type, sectionId, content });
+  } finally {
+    setTimeout(() => {
+      isApplyingRemoteChanges = false;
+    }, 0);
+  }
+};
 new superEditor_converter.PluginKey("collaboration");
 const Collaboration = Extension.create({
   name: "collaboration",
@@ -14154,6 +14197,18 @@ const Collaboration = Extension.create({
         }
       });
     });
+    const headerFooterMap = this.options.ydoc.getMap("headerFooterJson");
+    headerFooterMap.observe((event) => {
+      if (event.transaction.local) return;
+      event.changes.keys.forEach((change, key2) => {
+        if (change.action === "add" || change.action === "update") {
+          const data = headerFooterMap.get(key2);
+          if (data) {
+            applyRemoteHeaderFooterChanges(this.editor, key2, data);
+          }
+        }
+      });
+    });
     return [syncPlugin];
   },
   addCommands() {
@@ -15296,7 +15351,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.3";
+const summaryVersion = "1.3.0-next.5";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17929,7 +17984,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.3");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.5");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -27506,7 +27561,12 @@ class DomPainter {
       const hanging = paraIndent?.hanging ?? 0;
       const isFirstLineOfPara = lineIndex === 0 || lineIndex === void 0;
       const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
-      const indentOffset = indentLeft + firstLineOffsetForCumX;
+      const wordLayoutValue = block.attrs?.wordLayout;
+      const wordLayout = isMinimalWordLayout(wordLayoutValue) ? wordLayoutValue : void 0;
+      const isListParagraph = Boolean(wordLayout?.marker);
+      const rawTextStartPx = typeof wordLayout?.marker?.textStartX === "number" && Number.isFinite(wordLayout.marker.textStartX) ? wordLayout.marker.textStartX : typeof wordLayout?.textStartPx === "number" && Number.isFinite(wordLayout.textStartPx) ? wordLayout.textStartPx : void 0;
+      const listIndentOffset = isFirstLineOfPara ? rawTextStartPx ?? indentLeft : indentLeft;
+      const indentOffset = isListParagraph ? listIndentOffset : indentLeft + firstLineOffsetForCumX;
       let cumulativeX = 0;
       const segmentsByRun = /* @__PURE__ */ new Map();
       line.segments.forEach((segment) => {
@@ -40067,6 +40127,15 @@ const pxToPt = (px) => {
   if (px == null || !Number.isFinite(px)) return void 0;
   return px / PX_PER_PT;
 };
+const convertIndentTwipsToPx$1 = (indent) => {
+  if (!indent) return void 0;
+  const result = {};
+  if (isFiniteNumber(indent.left)) result.left = twipsToPx$1(indent.left);
+  if (isFiniteNumber(indent.right)) result.right = twipsToPx$1(indent.right);
+  if (isFiniteNumber(indent.firstLine)) result.firstLine = twipsToPx$1(indent.firstLine);
+  if (isFiniteNumber(indent.hanging)) result.hanging = twipsToPx$1(indent.hanging);
+  return Object.keys(result).length ? result : void 0;
+};
 const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
 const isPlainObject$2 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 const normalizePrefix = (value) => {
@@ -41177,6 +41246,19 @@ function tokenNodeToRun(node, positions, defaultFont, defaultSize, inheritedMark
   const effectiveMarks = nodeMarks.length > 0 ? nodeMarks : marksAsAttrs;
   const marks = [...effectiveMarks, ...inheritedMarks ?? []];
   applyMarksToRun(run, marks, hyperlinkConfig, themeColors);
+  if (marksAsAttrs.length > 0) {
+    run._explicitFont = true;
+  }
+  console.debug("[token-debug] tokenNodeToRun", {
+    token,
+    fontFamily: run.fontFamily,
+    fontSize: run.fontSize,
+    defaultFont,
+    defaultSize,
+    nodeMarksCount: nodeMarks.length,
+    marksAsAttrsCount: marksAsAttrs.length,
+    inheritedMarksCount: inheritedMarks?.length ?? 0
+  });
   return run;
 }
 const EIGHTHS_PER_POINT = 8;
@@ -43091,8 +43173,11 @@ const computeParagraphAttrs = (para, styleContext, listCounterContext, converter
   const hydrated = hydrationOverride ?? hydrateParagraphStyleAttrs(para, converterContext);
   const mergedSpacing = mergeSpacingSources(hydrated?.spacing, paragraphProps.spacing, attrs.spacing);
   const normalizedSpacing = normalizeParagraphSpacing(mergedSpacing);
-  const indentSource = attrs.indent ?? paragraphProps.indent ?? hydrated?.indent;
-  const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? attrs.textIndent);
+  const normalizeIndentObject = (value) => {
+    if (!value || typeof value !== "object") return;
+    return normalizePxIndent(value) ?? convertIndentTwipsToPx(value);
+  };
+  const normalizedIndent = normalizeIndentObject(attrs.indent) ?? convertIndentTwipsToPx(paragraphProps.indent) ?? convertIndentTwipsToPx(hydrated?.indent) ?? normalizeParagraphIndent(attrs.textIndent);
   const unwrapTabStops = (tabStops) => {
     if (!Array.isArray(tabStops)) {
       return void 0;
@@ -44662,9 +44747,12 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       };
     } else {
       const spacingSource = para.attrs?.spacing !== void 0 ? para.attrs.spacing : paragraphProps.spacing !== void 0 ? paragraphProps.spacing : paragraphHydration?.spacing;
-      const indentSource = para.attrs?.indent ?? paragraphProps.indent ?? paragraphHydration?.indent;
+      const normalizeIndentObject = (value) => {
+        if (!value || typeof value !== "object") return;
+        return normalizePxIndent(value) ?? convertIndentTwipsToPx$1(value);
+      };
       const normalizedSpacing = normalizeParagraphSpacing(spacingSource);
-      const normalizedIndent = normalizePxIndent(indentSource) ?? normalizeParagraphIndent(indentSource ?? para.attrs?.textIndent);
+      const normalizedIndent = normalizeIndentObject(para.attrs?.indent) ?? convertIndentTwipsToPx$1(paragraphProps.indent) ?? convertIndentTwipsToPx$1(paragraphHydration?.indent) ?? normalizeParagraphIndent(para.attrs?.textIndent);
       const styleNodeAttrs = paragraphHydration?.tabStops && !para.attrs?.tabStops && !para.attrs?.tabs ? { ...para.attrs ?? {}, tabStops: paragraphHydration.tabStops } : para.attrs ?? {};
       const styleNode = buildStyleNodeFromAttrs(styleNodeAttrs, normalizedSpacing, normalizedIndent);
       if (styleNodeAttrs.styleId == null && paragraphProps.styleId) {
@@ -44919,6 +45007,10 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
     if (TOKEN_INLINE_TYPES.has(node.type)) {
       const tokenKind = TOKEN_INLINE_TYPES.get(node.type);
       if (tokenKind) {
+        const marksAsAttrs = Array.isArray(node.attrs?.marksAsAttrs) ? node.attrs.marksAsAttrs : [];
+        const nodeMarks = node.marks ?? [];
+        const effectiveMarks = nodeMarks.length > 0 ? nodeMarks : marksAsAttrs;
+        const mergedMarks = [...effectiveMarks, ...inheritedMarks ?? []];
         const tokenRun = tokenNodeToRun(
           node,
           positions,
@@ -44935,6 +45027,23 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         const inlineStyleId = getInlineStyleId(inheritedMarks);
         applyRunStyles2(tokenRun, inlineStyleId, activeRunStyleId);
         applyBaseRunDefaults(tokenRun, baseRunDefaults, defaultFont, defaultSize);
+        if (mergedMarks.length > 0) {
+          applyMarksToRun(
+            tokenRun,
+            mergedMarks,
+            hyperlinkConfig,
+            themeColors,
+            converterContext?.backgroundColor
+          );
+        }
+        console.debug("[token-debug] paragraph-token-run", {
+          token: tokenRun.token,
+          fontFamily: tokenRun.fontFamily,
+          fontSize: tokenRun.fontSize,
+          inlineStyleId,
+          runStyleId: activeRunStyleId,
+          mergedMarksCount: mergedMarks.length
+        });
         currentRuns.push(tokenRun);
       }
       return;
@@ -46385,6 +46494,9 @@ const createHeaderFooterEditor = ({
 };
 const onHeaderFooterDataUpdate = async ({ editor, transaction }, mainEditor, sectionId, type) => {
   if (!type || !sectionId) return;
+  if (isApplyingRemoteHeaderFooterChanges()) {
+    return;
+  }
   const updatedData = editor.getUpdatedJson();
   const editorsList = mainEditor.converter[`${type}Editors`];
   if (Array.isArray(editorsList)) {
@@ -46408,6 +46520,7 @@ const onHeaderFooterDataUpdate = async ({ editor, transaction }, mainEditor, sec
   if (editor.docChanged && mainEditor.converter) {
     mainEditor.converter.headerFooterModified = true;
   }
+  pushHeaderFooterToYjs(mainEditor, type, sectionId, updatedData);
   await updateYdocDocxData(mainEditor);
 };
 const setEditorToolbar = ({ editor }, mainEditor) => {
@@ -47915,6 +48028,77 @@ function isLineBreakRun(run) {
 function isFieldAnnotationRun(run) {
   return run.kind === "fieldAnnotation";
 }
+function measureTabAlignmentGroup(startRunIndex, runs, ctx2, decimalSeparator = ".") {
+  const result = {
+    totalWidth: 0,
+    runs: [],
+    endRunIndex: runs.length
+  };
+  let foundDecimal = false;
+  for (let i = startRunIndex; i < runs.length; i++) {
+    const run = runs[i];
+    if (isTabRun(run)) {
+      result.endRunIndex = i;
+      break;
+    }
+    if (isLineBreakRun(run) || run.kind === "break" && run.breakType === "line") {
+      result.endRunIndex = i;
+      break;
+    }
+    if (run.kind === "text" || run.kind === void 0) {
+      const textRun = run;
+      const text = textRun.text || "";
+      if (text.length > 0) {
+        const { font } = buildFontString(textRun);
+        const width = measureRunWidth(text, font, ctx2, textRun, 0);
+        let beforeDecimalWidth;
+        if (!foundDecimal) {
+          const decimalIdx = text.indexOf(decimalSeparator);
+          if (decimalIdx >= 0) {
+            foundDecimal = true;
+            const beforeText = text.slice(0, decimalIdx);
+            beforeDecimalWidth = beforeText.length > 0 ? measureRunWidth(beforeText, font, ctx2, textRun, 0) : 0;
+            result.beforeDecimalWidth = result.totalWidth + beforeDecimalWidth;
+          }
+        }
+        result.runs.push({
+          runIndex: i,
+          width,
+          text,
+          beforeDecimalWidth
+        });
+        result.totalWidth += width;
+      } else {
+        result.runs.push({ runIndex: i, width: 0, text: "" });
+      }
+      continue;
+    }
+    if (isImageRun(run)) {
+      const leftSpace = run.distLeft ?? 0;
+      const rightSpace = run.distRight ?? 0;
+      const imageWidth = run.width + leftSpace + rightSpace;
+      result.runs.push({ runIndex: i, width: imageWidth });
+      result.totalWidth += imageWidth;
+      continue;
+    }
+    if (isFieldAnnotationRun(run)) {
+      const fontSize2 = run.fontSize ?? DEFAULT_FIELD_ANNOTATION_FONT_SIZE;
+      const { font } = buildFontString({
+        fontFamily: run.fontFamily ?? "Arial",
+        fontSize: fontSize2,
+        bold: run.bold,
+        italic: run.italic
+      });
+      const textWidth = run.displayLabel ? measureRunWidth(run.displayLabel, font, ctx2, run, 0) : 0;
+      const pillWidth = textWidth + FIELD_ANNOTATION_PILL_PADDING;
+      result.runs.push({ runIndex: i, width: pillWidth });
+      result.totalWidth += pillWidth;
+      continue;
+    }
+    result.runs.push({ runIndex: i, width: 0 });
+  }
+  return result;
+}
 async function measureBlock(block, constraints) {
   const normalized = normalizeConstraints(constraints);
   if (block.kind === "drawing") {
@@ -48038,6 +48222,7 @@ async function measureParagraphBlock(block, maxWidth) {
   let pendingTabAlignment = null;
   let lastAppliedTabAlign = null;
   const warnedTabVals = /* @__PURE__ */ new Set();
+  let activeTabGroup = null;
   const validateTabStopVal = (stop) => {
     if (!ALLOWED_TAB_VALS.has(stop.val) && !warnedTabVals.has(stop.val)) {
       warnedTabVals.add(stop.val);
@@ -48217,6 +48402,7 @@ async function measureParagraphBlock(block, maxWidth) {
       continue;
     }
     if (isTabRun(run)) {
+      activeTabGroup = null;
       if (!currentLine) {
         currentLine = {
           fromRun: runIndex,
@@ -48241,12 +48427,6 @@ async function measureParagraphBlock(block, maxWidth) {
       currentLine.maxFontSize = Math.max(currentLine.maxFontSize, 12);
       currentLine.toRun = runIndex;
       currentLine.toChar = 1;
-      if (stop) {
-        validateTabStopVal(stop);
-        pendingTabAlignment = { target: clampedTarget, val: stop.val };
-      } else {
-        pendingTabAlignment = null;
-      }
       if (stop && stop.leader && stop.leader !== "none") {
         const leaderStyle = stop.leader;
         const from3 = Math.min(originX, clampedTarget);
@@ -48254,6 +48434,36 @@ async function measureParagraphBlock(block, maxWidth) {
         if (!currentLine.leaders) currentLine.leaders = [];
         currentLine.leaders.push({ from: from3, to, style: leaderStyle });
       }
+      if (stop) {
+        validateTabStopVal(stop);
+        if (stop.val === "end" || stop.val === "center" || stop.val === "decimal") {
+          const groupMeasure = measureTabAlignmentGroup(runIndex + 1, runsToProcess, ctx2, decimalSeparator);
+          if (groupMeasure.totalWidth > 0) {
+            let groupStartX;
+            if (stop.val === "end") {
+              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth);
+            } else if (stop.val === "center") {
+              groupStartX = Math.max(0, clampedTarget - groupMeasure.totalWidth / 2);
+            } else {
+              const beforeDecimal = groupMeasure.beforeDecimalWidth ?? groupMeasure.totalWidth;
+              groupStartX = Math.max(0, clampedTarget - beforeDecimal);
+            }
+            activeTabGroup = {
+              measure: groupMeasure,
+              startX: groupStartX,
+              currentX: groupStartX,
+              target: clampedTarget,
+              val: stop.val
+            };
+            currentLine.width = roundValue(groupStartX);
+          }
+          pendingTabAlignment = null;
+        } else {
+          pendingTabAlignment = { target: clampedTarget, val: stop.val };
+        }
+      } else {
+        pendingTabAlignment = null;
+      }
       continue;
     }
     if (isImageRun(run)) {
@@ -48264,7 +48474,10 @@ async function measureParagraphBlock(block, maxWidth) {
       const bottomSpace = run.distBottom ?? 0;
       const imageHeight = run.height + topSpace + bottomSpace;
       let imageStartX;
-      if (pendingTabAlignment && currentLine) {
+      if (activeTabGroup && currentLine) {
+        imageStartX = activeTabGroup.currentX;
+        activeTabGroup.currentX = roundValue(activeTabGroup.currentX + imageWidth);
+      } else if (pendingTabAlignment && currentLine) {
         imageStartX = alignPendingTabForWidth(imageWidth);
       }
       if (!currentLine) {
@@ -48289,10 +48502,14 @@ async function measureParagraphBlock(block, maxWidth) {
             }
           ]
         };
+        if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
+          activeTabGroup = null;
+        }
         continue;
       }
       const appliedTabAlign = lastAppliedTabAlign;
-      if (currentLine.width + imageWidth > currentLine.maxWidth && currentLine.width > 0) {
+      const skipFitCheck = activeTabGroup !== null;
+      if (!skipFitCheck && currentLine.width + imageWidth > currentLine.maxWidth && currentLine.width > 0) {
         trimTrailingWrapSpaces(currentLine);
         const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
         const lineBase = currentLine;
@@ -48305,6 +48522,7 @@ async function measureParagraphBlock(block, maxWidth) {
         tabStopCursor = 0;
         pendingTabAlignment = null;
         lastAppliedTabAlign = null;
+        activeTabGroup = null;
         currentLine = {
           fromRun: runIndex,
           fromChar: 0,
@@ -48337,6 +48555,9 @@ async function measureParagraphBlock(block, maxWidth) {
           ...imageStartX !== void 0 ? { x: imageStartX } : {}
         });
       }
+      if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
+        activeTabGroup = null;
+      }
       const tabAlign = appliedTabAlign;
       if (tabAlign && currentLine && tabAlign.val === "end") {
         currentLine.width = roundValue(tabAlign.target);
@@ -48512,7 +48733,11 @@ async function measureParagraphBlock(block, maxWidth) {
         }
       }
       let segmentStartX;
-      if (currentLine && pendingTabAlignment) {
+      let inActiveTabGroup = false;
+      if (activeTabGroup && currentLine) {
+        segmentStartX = activeTabGroup.currentX;
+        inActiveTabGroup = true;
+      } else if (currentLine && pendingTabAlignment) {
         segmentStartX = alignSegmentAtTab(segment, font, run, charPosInRun);
         if (segmentStartX == null) {
           segmentStartX = currentLine.width;
@@ -48549,6 +48774,7 @@ async function measureParagraphBlock(block, maxWidth) {
               tabStopCursor = 0;
               pendingTabAlignment = null;
               lastAppliedTabAlign = null;
+              activeTabGroup = null;
               currentLine = {
                 fromRun: runIndex,
                 fromChar: spaceStartChar,
@@ -48567,7 +48793,19 @@ async function measureParagraphBlock(block, maxWidth) {
               currentLine.width = roundValue(currentLine.width + boundarySpacing2 + singleSpaceWidth);
               currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run);
               currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run.fontSize);
-              appendSegment(currentLine.segments, runIndex, spaceStartChar, spaceEndChar, singleSpaceWidth);
+              let spaceExplicitX;
+              if (inActiveTabGroup && activeTabGroup) {
+                spaceExplicitX = activeTabGroup.currentX;
+                activeTabGroup.currentX = roundValue(activeTabGroup.currentX + singleSpaceWidth);
+              }
+              appendSegment(
+                currentLine.segments,
+                runIndex,
+                spaceStartChar,
+                spaceEndChar,
+                singleSpaceWidth,
+                spaceExplicitX
+              );
               currentLine.spaceCount += 1;
             }
           }
@@ -48715,7 +48953,7 @@ async function measureParagraphBlock(block, maxWidth) {
         const totalWidthWithWord = currentLine.width + boundarySpacing + wordCommitWidth + // Safe cast: only TextRuns produce word segments from split(), other run types are handled earlier
         (shouldIncludeDelimiterSpace ? run.letterSpacing ?? 0 : 0);
         const availableWidth = currentLine.maxWidth - WIDTH_FUDGE_PX2;
-        let shouldBreak = currentLine.width + boundarySpacing + wordOnlyWidth > availableWidth && currentLine.width > 0 && !isTocEntry;
+        let shouldBreak = !inActiveTabGroup && currentLine.width + boundarySpacing + wordOnlyWidth > availableWidth && currentLine.width > 0 && !isTocEntry;
         let compressedWidth = null;
         if (shouldBreak && justifyAlignment) {
           const isLastNonEmptyWordInSegment = wordIndex === lastNonEmptyWordIndex;
@@ -48780,15 +49018,14 @@ async function measureParagraphBlock(block, maxWidth) {
             currentLine.width = roundValue(currentLine.width + boundarySpacing + wordOnlyWidth);
             currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run);
             currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run.fontSize);
-            const useExplicitXHere = wordIndex === 0 && segmentStartX !== void 0;
-            appendSegment(
-              currentLine.segments,
-              runIndex,
-              wordStartChar,
-              wordEndNoSpace,
-              wordOnlyWidth,
-              useExplicitXHere ? segmentStartX : void 0
-            );
+            let explicitXHere;
+            if (inActiveTabGroup && activeTabGroup) {
+              explicitXHere = activeTabGroup.currentX;
+              activeTabGroup.currentX = roundValue(activeTabGroup.currentX + wordOnlyWidth);
+            } else if (wordIndex === 0 && segmentStartX !== void 0) {
+              explicitXHere = segmentStartX;
+            }
+            appendSegment(currentLine.segments, runIndex, wordStartChar, wordEndNoSpace, wordOnlyWidth, explicitXHere);
             trimTrailingWrapSpaces(currentLine);
             const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
             const lineBase = currentLine;
@@ -48803,8 +49040,13 @@ async function measureParagraphBlock(block, maxWidth) {
           }
           const newToChar = shouldIncludeDelimiterSpace ? wordEndWithSpace : wordEndNoSpace;
           currentLine.toChar = newToChar;
-          const useExplicitX = wordIndex === 0 && segmentStartX !== void 0;
-          const explicitX = useExplicitX ? segmentStartX : void 0;
+          let explicitX;
+          if (inActiveTabGroup && activeTabGroup) {
+            explicitX = activeTabGroup.currentX;
+            activeTabGroup.currentX = roundValue(activeTabGroup.currentX + wordCommitWidth);
+          } else if (wordIndex === 0 && segmentStartX !== void 0) {
+            explicitX = segmentStartX;
+          }
           const targetWidth = compressedWidth != null ? compressedWidth : currentLine.width + boundarySpacing + wordCommitWidth + (shouldIncludeDelimiterSpace ? run.letterSpacing ?? 0 : 0);
           if (compressedWidth != null) {
             currentLine.naturalWidth = roundValue(totalWidthWithWord);
@@ -48826,6 +49068,12 @@ async function measureParagraphBlock(block, maxWidth) {
         }
       }
       lastAppliedTabAlign = null;
+      if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
+        if (currentLine && activeTabGroup.val === "end") {
+          currentLine.width = roundValue(activeTabGroup.target);
+        }
+        activeTabGroup = null;
+      }
       if (!isLastSegment) {
         pendingTabAlignment = null;
         if (!currentLine) {
@@ -51259,6 +51507,17 @@ class PresentationEditor extends EventEmitter {
       event: "collaborationReady",
       handler: handleCollaborationReady
     });
+    const handleRemoteHeaderFooterChanged = (payload) => {
+      this.#headerFooterAdapter?.invalidate(payload.sectionId);
+      this.#headerFooterManager?.refresh();
+      this.#pendingDocChange = true;
+      this.#scheduleRerender();
+    };
+    this.#editor.on("remoteHeaderFooterChanged", handleRemoteHeaderFooterChanged);
+    this.#editorListeners.push({
+      event: "remoteHeaderFooterChanged",
+      handler: handleRemoteHeaderFooterChanged
+    });
   }
   /**
    * Setup awareness event subscriptions for remote cursor tracking.