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

package/dist/superdoc.umd.js

@@ -35842,9 +35842,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const updateCommentsExtendedXml = (comments = [], commentsExtendedXml) => {
     const xmlCopy = carbonCopy(commentsExtendedXml);
     const commentsEx = comments.map((comment2) => {
+      const isResolved = comment2.resolvedTime || comment2.isDone;
       const attributes = {
         "w15:paraId": comment2.commentParaId,
-        "w15:done": comment2.resolvedTime ? "1" : "0"
+        "w15:done": isResolved ? "1" : "0"
       };
       const parentId = comment2.parentCommentId;
       if (parentId) {
@@ -36435,7 +36436,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.3.1-next.2") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.4.0-next.1") {
       return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -49888,6 +49889,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         if (from2 === null || pos < from2) from2 = pos;
         if (to === null || pos + node2.nodeSize > to) to = pos + node2.nodeSize;
       }
+      if (node2.type.name === "commentRangeStart" && node2.attrs["w:id"] === id) {
+        from2 = pos;
+      }
+      if (node2.type.name === "commentRangeEnd" && node2.attrs["w:id"] === id) {
+        to = pos;
+      }
     });
     return from2 !== null && to !== null ? { from: from2, to } : null;
   }
@@ -62245,7 +62252,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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) {
@@ -64878,7 +64885,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -78488,8 +78495,15 @@ ${l}
         } 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;
@@ -79550,6 +79564,13 @@ ${l}
   function collectAnchoredDrawings(blocks2, measures) {
     const map2 = /* @__PURE__ */ new Map();
     const len = Math.min(blocks2.length, measures.length);
+    const paragraphIndexById = /* @__PURE__ */ new Map();
+    for (let i2 = 0; i2 < len; i2 += 1) {
+      const block = blocks2[i2];
+      if (block.kind === "paragraph") {
+        paragraphIndexById.set(block.id, i2);
+      }
+    }
     const nearestPrevParagraph = (fromIndex) => {
       for (let i2 = fromIndex - 1; i2 >= 0; i2 -= 1) {
         if (blocks2[i2].kind === "paragraph") return i2;
@@ -79576,7 +79597,11 @@ ${l}
       if (isPageRelativeAnchor(drawingBlock)) {
         continue;
       }
-      let anchorParaIndex = nearestPrevParagraph(i2);
+      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(i2);
+      }
       if (anchorParaIndex == null) anchorParaIndex = nearestNextParagraph(i2);
       if (anchorParaIndex == null) continue;
       const list2 = map2.get(anchorParaIndex) ?? [];
@@ -79587,6 +79612,13 @@ ${l}
   }
   function collectAnchoredTables(blocks2, measures) {
     const map2 = /* @__PURE__ */ new Map();
+    const paragraphIndexById = /* @__PURE__ */ new Map();
+    for (let i2 = 0; i2 < blocks2.length; i2 += 1) {
+      const block = blocks2[i2];
+      if (block.kind === "paragraph") {
+        paragraphIndexById.set(block.id, i2);
+      }
+    }
     const nearestPrevParagraph = (fromIndex) => {
       for (let i2 = fromIndex - 1; i2 >= 0; i2 -= 1) {
         if (blocks2[i2].kind === "paragraph") return i2;
@@ -79606,7 +79638,11 @@ ${l}
       const tableBlock = block;
       const tableMeasure = measure;
       if (!tableBlock.anchor?.isAnchored) continue;
-      let anchorParaIndex = nearestPrevParagraph(i2);
+      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(i2);
+      }
       if (anchorParaIndex == null) anchorParaIndex = nearestNextParagraph(i2);
       if (anchorParaIndex == null) continue;
       const list2 = map2.get(anchorParaIndex) ?? [];
@@ -88576,7 +88612,13 @@ ${l}
     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;
   };
@@ -88600,8 +88642,13 @@ ${l}
         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;
       }
     }
@@ -88681,7 +88728,7 @@ ${l}
       if (value > 0 && value <= MAX_AUTO_LINE_MULTIPLIER) {
         return value;
       }
-      return twipsToPx$1(value);
+      return value / 240;
     }
     return twipsToPx$1(value);
   };
@@ -91956,6 +92003,20 @@ ${l}
     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;
@@ -92187,6 +92248,7 @@ ${l}
           }
           return;
         }
+        const anchorParagraphId = nextId();
         flushParagraph();
         const mergedMarks = [...node2.marks ?? [], ...inheritedMarks ?? []];
         const trackedMeta = trackedChanges?.enabled ? collectTrackedChangeFromMarks(mergedMarks) : void 0;
@@ -92197,7 +92259,7 @@ ${l}
           const imageBlock = converters.imageNodeToBlock(node2, nextBlockId, positions, trackedMeta, trackedChanges);
           if (imageBlock && imageBlock.kind === "image") {
             annotateBlockWithTrackedChange(imageBlock, trackedMeta, trackedChanges);
-            blocks2.push(imageBlock);
+            blocks2.push(attachAnchorParagraphId(imageBlock, anchorParagraphId));
           }
         }
         return;
@@ -92205,6 +92267,7 @@ ${l}
       if (node2.type === "contentBlock") {
         const attrs = node2.attrs ?? {};
         if (attrs.horizontalRule === true) {
+          const anchorParagraphId = nextId();
           flushParagraph();
           const indent2 = paragraphAttrs?.indent;
           const hrIndentLeft = typeof indent2?.left === "number" ? indent2.left : void 0;
@@ -92214,52 +92277,57 @@ ${l}
           const convert2 = converters?.contentBlockNodeToDrawingBlock ?? contentBlockNodeToDrawingBlock;
           const drawingBlock = convert2(hrNode, nextBlockId, positions);
           if (drawingBlock) {
-            blocks2.push(drawingBlock);
+            blocks2.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
           }
         }
         return;
       }
       if (node2.type === "vectorShape") {
+        const anchorParagraphId = nextId();
         flushParagraph();
         if (converters?.vectorShapeNodeToDrawingBlock) {
           const drawingBlock = converters.vectorShapeNodeToDrawingBlock(node2, nextBlockId, positions);
           if (drawingBlock) {
-            blocks2.push(drawingBlock);
+            blocks2.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
           }
         }
         return;
       }
       if (node2.type === "shapeGroup") {
+        const anchorParagraphId = nextId();
         flushParagraph();
         if (converters?.shapeGroupNodeToDrawingBlock) {
           const drawingBlock = converters.shapeGroupNodeToDrawingBlock(node2, nextBlockId, positions);
           if (drawingBlock) {
-            blocks2.push(drawingBlock);
+            blocks2.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
           }
         }
         return;
       }
       if (node2.type === "shapeContainer") {
+        const anchorParagraphId = nextId();
         flushParagraph();
         if (converters?.shapeContainerNodeToDrawingBlock) {
           const drawingBlock = converters.shapeContainerNodeToDrawingBlock(node2, nextBlockId, positions);
           if (drawingBlock) {
-            blocks2.push(drawingBlock);
+            blocks2.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
           }
         }
         return;
       }
       if (node2.type === "shapeTextbox") {
+        const anchorParagraphId = nextId();
         flushParagraph();
         if (converters?.shapeTextboxNodeToDrawingBlock) {
           const drawingBlock = converters.shapeTextboxNodeToDrawingBlock(node2, nextBlockId, positions);
           if (drawingBlock) {
-            blocks2.push(drawingBlock);
+            blocks2.push(attachAnchorParagraphId(drawingBlock, anchorParagraphId));
           }
         }
         return;
       }
       if (node2.type === "table") {
+        const anchorParagraphId = nextId();
         flushParagraph();
         if (converters?.tableNodeToBlock) {
           const tableBlock = converters.tableNodeToBlock(
@@ -92276,7 +92344,7 @@ ${l}
             ...converterContext !== void 0 ? [converterContext] : []
           );
           if (tableBlock) {
-            blocks2.push(tableBlock);
+            blocks2.push(attachAnchorParagraphId(tableBlock, anchorParagraphId));
           }
         }
         return;
@@ -96801,7 +96869,8 @@ ${l}
       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;
     }
@@ -97148,6 +97217,8 @@ ${l}
         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;
@@ -97736,6 +97807,33 @@ ${l}
         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.
      */
@@ -100088,7 +100186,7 @@ ${l}
           } : void 0;
           const atomNodeTypes = getAtomNodeTypes(this.#editor?.schema ?? null);
           const positionMap2 = 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,
@@ -100228,7 +100326,8 @@ ${l}
         const payload = { layout, blocks: blocks2, 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) {
@@ -141385,6 +141484,11 @@ ${reason}`);
       allowResolve: true,
       showResolved: false
     });
+    const viewingVisibility = reactive({
+      documentMode: "editing",
+      commentsVisible: false,
+      trackChangesVisible: false
+    });
     const isDebugging = false;
     const debounceTimers = {};
     const COMMENT_EVENTS = comments_module_events;
@@ -141411,6 +141515,7 @@ ${reason}`);
     const isFloatingCommentsReady = ref(false);
     const generalCommentIds = ref([]);
     const pendingComment = ref(null);
+    const isViewingMode = computed(() => viewingVisibility.documentMode === "viewing");
     const init2 = (config2 = {}) => {
       const updatedConfig = { ...commentsConfig, ...config2 };
       Object.assign(commentsConfig, updatedConfig);
@@ -141423,6 +141528,17 @@ ${reason}`);
       if (id === void 0 || id === null) return null;
       return commentsList.value.find((c2) => c2.commentId == id || c2.importedId == id);
     };
+    const getThreadParent = (comment2) => {
+      if (!comment2?.parentCommentId) return comment2;
+      return getComment(comment2.parentCommentId);
+    };
+    const isThreadVisible = (comment2) => {
+      if (!isViewingMode.value) return true;
+      const parent = getThreadParent(comment2);
+      if (!parent && comment2?.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;
@@ -141524,6 +141640,7 @@ ${reason}`);
       const resolvedComments = [];
       const childCommentMap = /* @__PURE__ */ new Map();
       commentsList.value.forEach((comment2) => {
+        if (!isThreadVisible(comment2)) return;
         if (comment2.resolvedTime) {
           resolvedComments.push(comment2);
         } else if (!comment2.parentCommentId && !comment2.resolvedTime) {
@@ -141732,6 +141849,17 @@ ${reason}`);
       });
       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 = (node2) => {
       if (!node2 || typeof node2 !== "object") return node2;
       const cloneMarks = (marks) => Array.isArray(marks) ? marks.filter(Boolean).map((mark2) => ({
@@ -141811,6 +141939,7 @@ ${reason}`);
       getFloatingComments,
       // Actions
       init: init2,
+      setViewingVisibility,
       getComment,
       setActiveComment,
       getCommentLocation,
@@ -142441,12 +142570,13 @@ ${reason}`);
         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);
         }
       };
@@ -142682,7 +142812,7 @@ ${reason}`);
       };
     }
   };
-  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-dc2a79b5"]]);
+  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-d50fd675"]]);
   const _hoisted_1$b = { class: "comments-list" };
   const _hoisted_2$5 = { key: 0 };
   const _hoisted_3$3 = { class: "comment-item" };
@@ -142799,7 +142929,7 @@ ${reason}`);
       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 } = getCurrentInstance();
       const emit2 = __emit;
@@ -142861,7 +142991,7 @@ ${reason}`);
         emit2("highlight-click", comment2);
       };
       const getCurrentComments = computed(() => {
-        return commentsList.value.filter((c2) => !c2.parentCommentId).filter((c2) => c2.selection && c2.selection.selectionBounds?.top).filter((c2) => !c2.resolvedTime).filter((c2) => c2.selection?.source !== "super-editor");
+        return getGroupedComments.value?.parentComments.filter((c2) => c2.selection && c2.selection.selectionBounds?.top).filter((c2) => !c2.resolvedTime).filter((c2) => c2.selection?.source !== "super-editor");
       });
       watch(activeComment, (newVal) => {
         if (!newVal) return;
@@ -142889,7 +143019,7 @@ ${reason}`);
       };
     }
   };
-  const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-d019784c"]]);
+  const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7d21d613"]]);
   const _hoisted_1$9 = { class: "sidebar-container calculation-container" };
   const _hoisted_2$3 = ["id"];
   const _sfc_main$a = {
@@ -143731,6 +143861,16 @@ ${reason}`);
       const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
       const { uiFontFamily } = useUiFontFamily();
       const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
+      const isViewingCommentsVisible = computed(
+        () => isViewingMode() && proxy?.$superdoc?.config?.comments?.visible === true
+      );
+      const isViewingTrackChangesVisible = computed(
+        () => isViewingMode() && proxy?.$superdoc?.config?.trackChanges?.visible === true
+      );
+      const shouldRenderCommentsInViewing = computed(() => {
+        if (!isViewingMode()) return true;
+        return isViewingCommentsVisible.value || isViewingTrackChangesVisible.value;
+      });
       const commentsModuleConfig = computed(() => {
         const config2 = modules.comments;
         if (config2 === false || config2 == null) return null;
@@ -143825,7 +143965,7 @@ ${reason}`);
           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;
           }
@@ -144020,7 +144160,9 @@ ${reason}`);
           layoutEngineOptions: useLayoutEngine ? {
             ...proxy.$superdoc.config.layoutEngineOptions || {},
             debugLabel: proxy.$superdoc.config.layoutEngineOptions?.debugLabel ?? doc2.name ?? doc2.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,
@@ -144033,7 +144175,7 @@ ${reason}`);
       const onEditorCommentLocationsUpdate = (doc2, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
-        if (isViewingMode()) {
+        if (!shouldRenderCommentsInViewing.value) {
           commentsStore.clearEditorCommentPositions?.();
           return;
         }
@@ -144092,7 +144234,7 @@ ${reason}`);
       };
       const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
       const showCommentsSidebar = 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 = computed(() => {
@@ -144434,7 +144576,7 @@ ${reason}`);
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5196811d"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-78737564"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -144540,6 +144682,8 @@ ${reason}`);
       title: "SuperDoc",
       conversations: [],
       isInternal: false,
+      comments: { visible: false },
+      trackChanges: { visible: false },
       // toolbar config
       toolbar: null,
       // Optional DOM element to render the toolbar in
@@ -144589,6 +144733,16 @@ ${reason}`);
         ...this.config,
         ...config2
       };
+      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 };
@@ -144606,9 +144760,10 @@ ${reason}`);
       }
       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 || {};
@@ -144618,7 +144773,7 @@ ${reason}`);
       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 = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -144755,6 +144910,7 @@ ${reason}`);
       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);
@@ -145056,6 +145212,7 @@ ${reason}`);
       if (!type) return;
       type = type.toLowerCase();
       this.config.documentMode = type;
+      this.#syncViewingVisibility();
       const types2 = {
         viewing: () => this.#setModeViewing(),
         editing: () => this.#setModeEditing(),
@@ -145135,10 +145292,20 @@ ${reason}`);
     }
     #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((doc2) => {
-        doc2.removeComments();
+        if (commentsVisible || trackChangesVisible) {
+          doc2.restoreComments();
+        } else {
+          doc2.removeComments();
+        }
         this.#applyDocumentMode(doc2, "viewing");
       });
       if (this.toolbar) {
@@ -145146,6 +145313,31 @@ ${reason}`);
         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((doc2) => {
+          const presentationEditor = typeof doc2.getPresentationEditor === "function" ? doc2.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