@harbour-enterprises/superdoc 1.3.1-next.2 → 1.4.0-next.1

package/dist/chunks/{index-DWfzQ0RN.cjs → index-BdaseaBw.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-BjQU1XSp.cjs");
-require("./SuperConverter-Cu6cvHlN.cjs");
+const index = require("./index-C3KRKogJ.cjs");
+require("./SuperConverter-CgY28MJz.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -5161,6 +5161,11 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     allowResolve: true,
     showResolved: false
   });
+  const viewingVisibility = vue.reactive({
+    documentMode: "editing",
+    commentsVisible: false,
+    trackChangesVisible: false
+  });
   const isDebugging = false;
   const debounceTimers = {};
   const COMMENT_EVENTS = index.comments_module_events;
@@ -5187,6 +5192,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const isFloatingCommentsReady = vue.ref(false);
   const generalCommentIds = vue.ref([]);
   const pendingComment = vue.ref(null);
+  const isViewingMode = vue.computed(() => viewingVisibility.documentMode === "viewing");
   const init = (config = {}) => {
     const updatedConfig = { ...commentsConfig, ...config };
     Object.assign(commentsConfig, updatedConfig);
@@ -5199,6 +5205,17 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     if (id === void 0 || id === null) return null;
     return commentsList.value.find((c) => c.commentId == id || c.importedId == id);
   };
+  const getThreadParent = (comment) => {
+    if (!comment?.parentCommentId) return comment;
+    return getComment(comment.parentCommentId);
+  };
+  const isThreadVisible = (comment) => {
+    if (!isViewingMode.value) return true;
+    const parent = getThreadParent(comment);
+    if (!parent && comment?.parentCommentId) return false;
+    const isTrackedChange = Boolean(parent?.trackedChange);
+    return isTrackedChange ? viewingVisibility.trackChangesVisible : viewingVisibility.commentsVisible;
+  };
   const setActiveComment = (superdoc, id) => {
     if (id === void 0 || id === null) {
       activeComment.value = null;
@@ -5300,6 +5317,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     const resolvedComments = [];
     const childCommentMap = /* @__PURE__ */ new Map();
     commentsList.value.forEach((comment) => {
+      if (!isThreadVisible(comment)) return;
       if (comment.resolvedTime) {
         resolvedComments.push(comment);
       } else if (!comment.parentCommentId && !comment.resolvedTime) {
@@ -5508,6 +5526,17 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     });
     return comments;
   });
+  const setViewingVisibility = ({ documentMode, commentsVisible, trackChangesVisible } = {}) => {
+    if (typeof documentMode === "string") {
+      viewingVisibility.documentMode = documentMode;
+    }
+    if (typeof commentsVisible === "boolean") {
+      viewingVisibility.commentsVisible = commentsVisible;
+    }
+    if (typeof trackChangesVisible === "boolean") {
+      viewingVisibility.trackChangesVisible = trackChangesVisible;
+    }
+  };
   const normalizeCommentForEditor = (node) => {
     if (!node || typeof node !== "object") return node;
     const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark) => ({
@@ -5587,6 +5616,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     getFloatingComments,
     // Actions
     init,
+    setViewingVisibility,
     getComment,
     setActiveComment,
     getCommentLocation,
@@ -6217,12 +6247,13 @@ const _sfc_main$c = {
       return currentCommentText.value && currentCommentText.value !== "<p></p>";
     });
     const setFocus = () => {
-      if (props.comment.resolvedTime) return;
       const editor = proxy.$superdoc.activeEditor;
-      activeComment.value = props.comment.commentId;
-      props.comment.setActive(proxy.$superdoc);
+      if (!props.comment.resolvedTime) {
+        activeComment.value = props.comment.commentId;
+        props.comment.setActive(proxy.$superdoc);
+      }
       if (editor) {
-        const cursorId = props.comment.importedId || props.comment.commentId;
+        const cursorId = props.comment.resolvedTime ? props.comment.commentId : props.comment.importedId || props.comment.commentId;
         editor.commands?.setCursorById(cursorId);
       }
     };
@@ -6458,7 +6489,7 @@ const _sfc_main$c = {
     };
   }
 };
-const CommentDialog = /* @__PURE__ */ index._export_sfc(_sfc_main$c, [["__scopeId", "data-v-dc2a79b5"]]);
+const CommentDialog = /* @__PURE__ */ index._export_sfc(_sfc_main$c, [["__scopeId", "data-v-d50fd675"]]);
 const _hoisted_1$a = { class: "comments-list" };
 const _hoisted_2$5 = { key: 0 };
 const _hoisted_3$3 = { class: "comment-item" };
@@ -6575,7 +6606,7 @@ const _sfc_main$a = {
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const { COMMENT_EVENTS } = commentsStore;
-    const { documentsWithConverations, activeComment, floatingCommentsOffset, commentsList } = storeToRefs(commentsStore);
+    const { documentsWithConverations, activeComment, floatingCommentsOffset, getGroupedComments } = storeToRefs(commentsStore);
     const { documents, activeZoom } = storeToRefs(superdocStore);
     const { proxy } = vue.getCurrentInstance();
     const emit = __emit;
@@ -6637,7 +6668,7 @@ const _sfc_main$a = {
       emit("highlight-click", comment);
     };
     const getCurrentComments = vue.computed(() => {
-      return commentsList.value.filter((c) => !c.parentCommentId).filter((c) => c.selection && c.selection.selectionBounds?.top).filter((c) => !c.resolvedTime).filter((c) => c.selection?.source !== "super-editor");
+      return getGroupedComments.value?.parentComments.filter((c) => c.selection && c.selection.selectionBounds?.top).filter((c) => !c.resolvedTime).filter((c) => c.selection?.source !== "super-editor");
     });
     vue.watch(activeComment, (newVal) => {
       if (!newVal) return;
@@ -6665,7 +6696,7 @@ const _sfc_main$a = {
     };
   }
 };
-const CommentsLayer = /* @__PURE__ */ index._export_sfc(_sfc_main$a, [["__scopeId", "data-v-d019784c"]]);
+const CommentsLayer = /* @__PURE__ */ index._export_sfc(_sfc_main$a, [["__scopeId", "data-v-7d21d613"]]);
 const _hoisted_1$8 = { class: "sidebar-container calculation-container" };
 const _hoisted_2$3 = ["id"];
 const _sfc_main$9 = {
@@ -7465,7 +7496,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BFIKd3-b.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-H9_8IbtN.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7507,6 +7538,16 @@ const _sfc_main = {
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const { uiFontFamily } = useUiFontFamily();
     const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
+    const isViewingCommentsVisible = vue.computed(
+      () => isViewingMode() && proxy?.$superdoc?.config?.comments?.visible === true
+    );
+    const isViewingTrackChangesVisible = vue.computed(
+      () => isViewingMode() && proxy?.$superdoc?.config?.trackChanges?.visible === true
+    );
+    const shouldRenderCommentsInViewing = vue.computed(() => {
+      if (!isViewingMode()) return true;
+      return isViewingCommentsVisible.value || isViewingTrackChangesVisible.value;
+    });
     const commentsModuleConfig = vue.computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
@@ -7601,7 +7642,7 @@ const _sfc_main = {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
         if (!positions || Object.keys(positions).length === 0) return;
-        if (isViewingMode()) {
+        if (!shouldRenderCommentsInViewing.value) {
           commentsStore.clearEditorCommentPositions?.();
           return;
         }
@@ -7796,7 +7837,9 @@ const _sfc_main = {
         layoutEngineOptions: useLayoutEngine ? {
           ...proxy.$superdoc.config.layoutEngineOptions || {},
           debugLabel: proxy.$superdoc.config.layoutEngineOptions?.debugLabel ?? doc.name ?? doc.id,
-          zoom: (activeZoom.value ?? 100) / 100
+          zoom: (activeZoom.value ?? 100) / 100,
+          emitCommentPositionsInViewing: isViewingMode() && shouldRenderCommentsInViewing.value,
+          enableCommentsInViewing: isViewingCommentsVisible.value
         } : void 0,
         permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
           role: proxy.$superdoc.config.role,
@@ -7809,7 +7852,7 @@ const _sfc_main = {
     const onEditorCommentLocationsUpdate = (doc, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
       const commentsConfig = proxy.$superdoc.config.modules?.comments;
       if (!commentsConfig || commentsConfig === false) return;
-      if (isViewingMode()) {
+      if (!shouldRenderCommentsInViewing.value) {
         commentsStore.clearEditorCommentPositions?.();
         return;
       }
@@ -7868,7 +7911,7 @@ const _sfc_main = {
     };
     const isCommentsEnabled = vue.computed(() => Boolean(commentsModuleConfig.value));
     const showCommentsSidebar = vue.computed(() => {
-      if (isViewingMode()) return false;
+      if (!shouldRenderCommentsInViewing.value) return false;
       return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
     });
     const showToolsFloatingMenu = vue.computed(() => {
@@ -8210,7 +8253,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-5196811d"]]);
+const App = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-78737564"]]);
 const createSuperdocVueApp = () => {
   const app = vue.createApp(App);
   const pinia = createPinia();
@@ -8316,6 +8359,8 @@ class SuperDoc extends eventemitter3.EventEmitter {
     title: "SuperDoc",
     conversations: [],
     isInternal: false,
+    comments: { visible: false },
+    trackChanges: { visible: false },
     // toolbar config
     toolbar: null,
     // Optional DOM element to render the toolbar in
@@ -8365,6 +8410,16 @@ class SuperDoc extends eventemitter3.EventEmitter {
       ...this.config,
       ...config
     };
+    if (!this.config.comments || typeof this.config.comments !== "object") {
+      this.config.comments = { visible: false };
+    } else if (typeof this.config.comments.visible !== "boolean") {
+      this.config.comments.visible = false;
+    }
+    if (!this.config.trackChanges || typeof this.config.trackChanges !== "object") {
+      this.config.trackChanges = { visible: false };
+    } else if (typeof this.config.trackChanges.visible !== "boolean") {
+      this.config.trackChanges.visible = false;
+    }
     const incomingUser = this.config.user;
     if (!incomingUser || typeof incomingUser !== "object") {
       this.config.user = { ...DEFAULT_USER };
@@ -8382,9 +8437,10 @@ class SuperDoc extends eventemitter3.EventEmitter {
     }
     if (!this.config.layoutEngineOptions.trackedChanges) {
       const isViewingMode = this.config.documentMode === "viewing";
+      const viewingTrackedChangesVisible = isViewingMode && this.config.trackChanges?.visible === true;
       this.config.layoutEngineOptions.trackedChanges = {
-        mode: isViewingMode ? "final" : "review",
-        enabled: !isViewingMode
+        mode: isViewingMode ? viewingTrackedChangesVisible ? "review" : "original" : "review",
+        enabled: true
       };
     }
     this.config.modules = this.config.modules || {};
@@ -8394,7 +8450,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.1-next.2";
+    this.version = "1.4.0-next.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -8531,6 +8587,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.superdocStore.init(this.config);
     const commentsModuleConfig = this.config.modules.comments;
     this.commentsStore.init(commentsModuleConfig && commentsModuleConfig !== false ? commentsModuleConfig : {});
+    this.#syncViewingVisibility();
   }
   #initListeners() {
     this.on("editorBeforeCreate", this.config.onEditorBeforeCreate);
@@ -8832,6 +8889,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     if (!type) return;
     type = type.toLowerCase();
     this.config.documentMode = type;
+    this.#syncViewingVisibility();
     const types = {
       viewing: () => this.#setModeViewing(),
       editing: () => this.#setModeEditing(),
@@ -8911,10 +8969,20 @@ class SuperDoc extends eventemitter3.EventEmitter {
   }
   #setModeViewing() {
     this.toolbar.activeEditor = null;
-    this.setTrackedChangesPreferences({ mode: "original", enabled: true });
-    this.commentsStore?.clearEditorCommentPositions?.();
+    const commentsVisible = this.config.comments?.visible === true;
+    const trackChangesVisible = this.config.trackChanges?.visible === true;
+    this.setTrackedChangesPreferences(
+      trackChangesVisible ? { mode: "review", enabled: true } : { mode: "original", enabled: true }
+    );
+    if (!commentsVisible && !trackChangesVisible) {
+      this.commentsStore?.clearEditorCommentPositions?.();
+    }
     this.superdocStore.documents.forEach((doc) => {
-      doc.removeComments();
+      if (commentsVisible || trackChangesVisible) {
+        doc.restoreComments();
+      } else {
+        doc.removeComments();
+      }
       this.#applyDocumentMode(doc, "viewing");
     });
     if (this.toolbar) {
@@ -8922,6 +8990,31 @@ class SuperDoc extends eventemitter3.EventEmitter {
       this.toolbar.updateToolbarState();
     }
   }
+  #syncViewingVisibility() {
+    const commentsVisible = this.config.comments?.visible === true;
+    const trackChangesVisible = this.config.trackChanges?.visible === true;
+    const isViewingMode = this.config.documentMode === "viewing";
+    const shouldRenderCommentsInViewing = commentsVisible || trackChangesVisible;
+    if (this.commentsStore?.setViewingVisibility) {
+      this.commentsStore.setViewingVisibility({
+        documentMode: this.config.documentMode,
+        commentsVisible,
+        trackChangesVisible
+      });
+    }
+    const docs = this.superdocStore?.documents;
+    if (Array.isArray(docs) && docs.length > 0) {
+      docs.forEach((doc) => {
+        const presentationEditor = typeof doc.getPresentationEditor === "function" ? doc.getPresentationEditor() : null;
+        if (presentationEditor?.setViewingCommentOptions) {
+          presentationEditor.setViewingCommentOptions({
+            emitCommentPositionsInViewing: isViewingMode && shouldRenderCommentsInViewing,
+            enableCommentsInViewing: isViewingMode && commentsVisible
+          });
+        }
+      });
+    }
+  }
   /**
    * Search for text or regex in the active editor
    * @param {string | RegExp} text The text or regex to search for

package/dist/chunks/{index-BjQU1XSp.cjs → index-C3KRKogJ.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-Cu6cvHlN.cjs");
+const superEditor_converter = require("./SuperConverter-CgY28MJz.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -13559,6 +13559,12 @@ function findRangeById(doc2, id) {
       if (from3 === null || pos < from3) from3 = pos;
       if (to === null || pos + node.nodeSize > to) to = pos + node.nodeSize;
     }
+    if (node.type.name === "commentRangeStart" && node.attrs["w:id"] === id) {
+      from3 = pos;
+    }
+    if (node.type.name === "commentRangeEnd" && node.attrs["w:id"] === id) {
+      to = pos;
+    }
   });
   return from3 !== null && to !== null ? { from: from3, to } : null;
 }
@@ -15451,7 +15457,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.1-next.2";
+const summaryVersion = "1.4.0-next.1";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -18083,7 +18089,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.1-next.2");
+    console.debug("[checkVersionMigrations] Current editor version", "1.4.0-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -31693,8 +31699,15 @@ function layoutParagraphBlock(ctx2, anchors) {
       } else if (vRelativeFrom === "paragraph") {
         const baseAnchorY = state.cursorY;
         const firstLineHeight = measure.lines?.[0]?.lineHeight ?? 0;
-        const paragraphAdjustment = firstLineHeight / 2;
-        anchorY = baseAnchorY + paragraphAdjustment + offsetV;
+        if (alignV === "top") {
+          anchorY = baseAnchorY + offsetV;
+        } else if (alignV === "bottom") {
+          anchorY = baseAnchorY + firstLineHeight - imageHeight + offsetV;
+        } else if (alignV === "center") {
+          anchorY = baseAnchorY + (firstLineHeight - imageHeight) / 2 + offsetV;
+        } else {
+          anchorY = baseAnchorY + offsetV;
+        }
       } else {
         const baseAnchorY = state.cursorY;
         anchorY = baseAnchorY + offsetV;
@@ -32755,6 +32768,13 @@ function collectPreRegisteredAnchors(blocks, measures) {
 function collectAnchoredDrawings(blocks, measures) {
   const map3 = /* @__PURE__ */ new Map();
   const len = Math.min(blocks.length, measures.length);
+  const paragraphIndexById = /* @__PURE__ */ new Map();
+  for (let i = 0; i < len; i += 1) {
+    const block = blocks[i];
+    if (block.kind === "paragraph") {
+      paragraphIndexById.set(block.id, i);
+    }
+  }
   const nearestPrevParagraph = (fromIndex) => {
     for (let i = fromIndex - 1; i >= 0; i -= 1) {
       if (blocks[i].kind === "paragraph") return i;
@@ -32781,7 +32801,11 @@ function collectAnchoredDrawings(blocks, measures) {
     if (isPageRelativeAnchor(drawingBlock)) {
       continue;
     }
-    let anchorParaIndex = nearestPrevParagraph(i);
+    const anchorParagraphId = typeof drawingBlock.attrs === "object" && drawingBlock.attrs ? drawingBlock.attrs.anchorParagraphId : void 0;
+    let anchorParaIndex = typeof anchorParagraphId === "string" ? paragraphIndexById.get(anchorParagraphId) ?? null : null;
+    if (anchorParaIndex == null) {
+      anchorParaIndex = nearestPrevParagraph(i);
+    }
     if (anchorParaIndex == null) anchorParaIndex = nearestNextParagraph(i);
     if (anchorParaIndex == null) continue;
     const list = map3.get(anchorParaIndex) ?? [];
@@ -32792,6 +32816,13 @@ function collectAnchoredDrawings(blocks, measures) {
 }
 function collectAnchoredTables(blocks, measures) {
   const map3 = /* @__PURE__ */ new Map();
+  const paragraphIndexById = /* @__PURE__ */ new Map();
+  for (let i = 0; i < blocks.length; i += 1) {
+    const block = blocks[i];
+    if (block.kind === "paragraph") {
+      paragraphIndexById.set(block.id, i);
+    }
+  }
   const nearestPrevParagraph = (fromIndex) => {
     for (let i = fromIndex - 1; i >= 0; i -= 1) {
       if (blocks[i].kind === "paragraph") return i;
@@ -32811,7 +32842,11 @@ function collectAnchoredTables(blocks, measures) {
     const tableBlock = block;
     const tableMeasure = measure;
     if (!tableBlock.anchor?.isAnchored) continue;
-    let anchorParaIndex = nearestPrevParagraph(i);
+    const anchorParagraphId = typeof tableBlock.attrs === "object" && tableBlock.attrs ? tableBlock.attrs.anchorParagraphId : void 0;
+    let anchorParaIndex = typeof anchorParagraphId === "string" ? paragraphIndexById.get(anchorParagraphId) ?? null : null;
+    if (anchorParaIndex == null) {
+      anchorParaIndex = nearestPrevParagraph(i);
+    }
     if (anchorParaIndex == null) anchorParaIndex = nearestNextParagraph(i);
     if (anchorParaIndex == null) continue;
     const list = map3.get(anchorParaIndex) ?? [];
@@ -41833,7 +41868,13 @@ const spacingPxToPt = (spacing) => {
   const result = {};
   if (spacing.before != null) result.before = pxToPt(spacing.before);
   if (spacing.after != null) result.after = pxToPt(spacing.after);
-  if (spacing.line != null) result.line = pxToPt(spacing.line);
+  if (spacing.line != null) {
+    if (spacing.lineRule === "auto" && spacing.line > 0 && spacing.line <= MAX_AUTO_LINE_MULTIPLIER) {
+      result.line = spacing.line;
+    } else {
+      result.line = pxToPt(spacing.line);
+    }
+  }
   if (spacing.lineRule) result.lineRule = spacing.lineRule;
   return result;
 };
@@ -41857,8 +41898,13 @@ const spacingPtToPx = (spacing, rawSpacing) => {
       if (after != null) result.after = after;
     }
     if (rawSpacing.line != null) {
-      const line = ptToPx(spacing.line);
-      if (line != null) result.line = line;
+      const isAutoMultiplier = spacing.lineRule === "auto" && spacing.line != null && spacing.line > 0 && spacing.line <= MAX_AUTO_LINE_MULTIPLIER;
+      if (isAutoMultiplier) {
+        result.line = spacing.line;
+      } else {
+        const line = ptToPx(spacing.line);
+        if (line != null) result.line = line;
+      }
       if (spacing.lineRule) result.lineRule = spacing.lineRule;
     }
   }
@@ -41938,7 +41984,7 @@ const normalizeLineValue = (value, lineRule) => {
     if (value > 0 && value <= MAX_AUTO_LINE_MULTIPLIER) {
       return value;
     }
-    return twipsToPx$1(value);
+    return value / 240;
   }
   return twipsToPx$1(value);
 };
@@ -45213,6 +45259,20 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
   let partIndex = 0;
   let tabOrdinal = 0;
   const nextId = () => partIndex === 0 ? baseBlockId : `${baseBlockId}-${partIndex}`;
+  const attachAnchorParagraphId = (block, anchorParagraphId) => {
+    const applicableKinds = /* @__PURE__ */ new Set(["drawing", "image", "table"]);
+    if (!applicableKinds.has(block.kind)) {
+      return block;
+    }
+    const blockWithAttrs = block;
+    return {
+      ...blockWithAttrs,
+      attrs: {
+        ...blockWithAttrs.attrs ?? {},
+        anchorParagraphId
+      }
+    };
+  };
   const flushParagraph = () => {
     if (currentRuns.length === 0) {
       return;
@@ -45444,6 +45504,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         }
         return;
       }
+      const anchorParagraphId = nextId();
       flushParagraph();
       const mergedMarks = [...node.marks ?? [], ...inheritedMarks ?? []];
       const trackedMeta = trackedChanges?.enabled ? collectTrackedChangeFromMarks(mergedMarks) : void 0;
@@ -45454,7 +45515,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         const imageBlock = converters.imageNodeToBlock(node, nextBlockId, positions, trackedMeta, trackedChanges);
         if (imageBlock && imageBlock.kind === "image") {
           annotateBlockWithTrackedChange(imageBlock, trackedMeta, trackedChanges);
-          blocks.push(imageBlock);
+          blocks.push(attachAnchorParagraphId(imageBlock, anchorParagraphId));
         }
       }
       return;
@@ -45462,6 +45523,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
     if (node.type === "contentBlock") {
       const attrs = node.attrs ?? {};
       if (attrs.horizontalRule === true) {
+        const anchorParagraphId = nextId();
         flushParagraph();
         const indent = paragraphAttrs?.indent;
         const hrIndentLeft = typeof indent?.left === "number" ? indent.left : void 0;
@@ -45471,52 +45533,57 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         const convert = converters?.contentBlockNodeToDrawingBlock ?? contentBlockNodeToDrawingBlock;
         const drawingBlock = convert(hrNode, nextBlockId, positions);
         if (drawingBlock) {
-          blocks.push(drawingBlock);
+          blocks.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
         }
       }
       return;
     }
     if (node.type === "vectorShape") {
+      const anchorParagraphId = nextId();
       flushParagraph();
       if (converters?.vectorShapeNodeToDrawingBlock) {
         const drawingBlock = converters.vectorShapeNodeToDrawingBlock(node, nextBlockId, positions);
         if (drawingBlock) {
-          blocks.push(drawingBlock);
+          blocks.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
         }
       }
       return;
     }
     if (node.type === "shapeGroup") {
+      const anchorParagraphId = nextId();
       flushParagraph();
       if (converters?.shapeGroupNodeToDrawingBlock) {
         const drawingBlock = converters.shapeGroupNodeToDrawingBlock(node, nextBlockId, positions);
         if (drawingBlock) {
-          blocks.push(drawingBlock);
+          blocks.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
         }
       }
       return;
     }
     if (node.type === "shapeContainer") {
+      const anchorParagraphId = nextId();
       flushParagraph();
       if (converters?.shapeContainerNodeToDrawingBlock) {
         const drawingBlock = converters.shapeContainerNodeToDrawingBlock(node, nextBlockId, positions);
         if (drawingBlock) {
-          blocks.push(drawingBlock);
+          blocks.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
         }
       }
       return;
     }
     if (node.type === "shapeTextbox") {
+      const anchorParagraphId = nextId();
       flushParagraph();
       if (converters?.shapeTextboxNodeToDrawingBlock) {
         const drawingBlock = converters.shapeTextboxNodeToDrawingBlock(node, nextBlockId, positions);
         if (drawingBlock) {
-          blocks.push(drawingBlock);
+          blocks.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
         }
       }
       return;
     }
     if (node.type === "table") {
+      const anchorParagraphId = nextId();
       flushParagraph();
       if (converters?.tableNodeToBlock) {
         const tableBlock = converters.tableNodeToBlock(
@@ -45533,7 +45600,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           ...converterContext !== void 0 ? [converterContext] : []
         );
         if (tableBlock) {
-          blocks.push(tableBlock);
+          blocks.push(attachAnchorParagraphId(tableBlock, anchorParagraphId));
         }
       }
       return;
@@ -50058,7 +50125,8 @@ const resolveLineHeight = (spacing, baseLineHeight) => {
     return baseLineHeight;
   }
   const raw = spacing.line;
-  const treatAsMultiplier = (spacing.lineRule === "auto" || spacing.lineRule == null) && raw > 0 && raw <= 10;
+  const isAuto = spacing.lineRule === "auto";
+  const treatAsMultiplier = (isAuto || spacing.lineRule == null) && raw > 0 && (isAuto || raw <= 10);
   if (treatAsMultiplier) {
     return raw * baseLineHeight;
   }
@@ -50405,6 +50473,8 @@ class PresentationEditor extends EventEmitter {
       debugLabel: options.layoutEngineOptions?.debugLabel,
       layoutMode: options.layoutEngineOptions?.layoutMode ?? "vertical",
       trackedChanges: options.layoutEngineOptions?.trackedChanges,
+      emitCommentPositionsInViewing: options.layoutEngineOptions?.emitCommentPositionsInViewing,
+      enableCommentsInViewing: options.layoutEngineOptions?.enableCommentsInViewing,
       presence: validatedPresence
     };
     this.#trackedChangesOverrides = options.layoutEngineOptions?.trackedChanges;
@@ -50993,6 +51063,33 @@ class PresentationEditor extends EventEmitter {
       this.#scheduleRerender();
     }
   }
+  /**
+   * Update viewing-mode comment rendering behavior and re-render if needed.
+   *
+   * @param options - Viewing mode comment options.
+   */
+  setViewingCommentOptions(options = {}) {
+    if (options !== void 0 && (typeof options !== "object" || options === null || Array.isArray(options))) {
+      throw new TypeError("[PresentationEditor] setViewingCommentOptions expects an object or undefined");
+    }
+    let hasChanges = false;
+    if (typeof options.emitCommentPositionsInViewing === "boolean") {
+      if (this.#layoutOptions.emitCommentPositionsInViewing !== options.emitCommentPositionsInViewing) {
+        this.#layoutOptions.emitCommentPositionsInViewing = options.emitCommentPositionsInViewing;
+        hasChanges = true;
+      }
+    }
+    if (typeof options.enableCommentsInViewing === "boolean") {
+      if (this.#layoutOptions.enableCommentsInViewing !== options.enableCommentsInViewing) {
+        this.#layoutOptions.enableCommentsInViewing = options.enableCommentsInViewing;
+        hasChanges = true;
+      }
+    }
+    if (hasChanges) {
+      this.#pendingDocChange = true;
+      this.#scheduleRerender();
+    }
+  }
   /**
    * Toggle the custom context menu at runtime to respect host-level guardrails.
    */
@@ -53374,7 +53471,7 @@ class PresentationEditor extends EventEmitter {
         } : void 0;
         const atomNodeTypes = getAtomNodeTypes(this.#editor?.schema ?? null);
         const positionMap = this.#editor?.state?.doc && docJson ? buildPositionMapFromPmDoc(this.#editor.state.doc, docJson) : null;
-        const commentsEnabled = this.#documentMode !== "viewing";
+        const commentsEnabled = this.#documentMode !== "viewing" || this.#layoutOptions.enableCommentsInViewing === true;
         const result = toFlowBlocks(docJson, {
           mediaFiles: this.#editor?.storage?.image?.media,
           emitSectionBreaks: true,
@@ -53514,7 +53611,8 @@ class PresentationEditor extends EventEmitter {
       const payload = { layout, blocks, measures, metrics };
       this.emit("layoutUpdated", payload);
       this.emit("paginationUpdate", payload);
-      if (this.#documentMode !== "viewing") {
+      const allowViewingCommentPositions = this.#layoutOptions.emitCommentPositionsInViewing === true;
+      if (this.#documentMode !== "viewing" || allowViewingCommentPositions) {
         const commentPositions = this.#collectCommentPositions();
         const positionKeys = Object.keys(commentPositions);
         if (positionKeys.length > 0) {