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

package/dist/chunks/{PdfViewer-CPnVLLJm.es.js → PdfViewer-DRTk3dY6.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-DXSUcHli.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-CJec1cbb.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-BP9aFfwI.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-CEcYlysg.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-BXbmY3Fc.cjs → PdfViewer-H9_8IbtN.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-De9wkgLl.cjs");
-const superdoc = require("./index-BQYtE-5U.cjs");
-const index = require("./index-DLX_v-vr.cjs");
+const superdoc = require("./index-BdaseaBw.cjs");
+const index = require("./index-C3KRKogJ.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{SuperConverter-BQ6PNaJ8.es.js → SuperConverter-CFRB4XNw.es.js}

@@ -31008,7 +31008,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.1-next.3") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.4.0-next.1") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{SuperConverter-p1tQGIew.cjs → SuperConverter-CgY28MJz.cjs}

@@ -31009,7 +31009,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.3.1-next.3") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.4.0-next.1") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{index-DXSUcHli.es.js → index-BP9aFfwI.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-CJec1cbb.es.js";
-import "./SuperConverter-BQ6PNaJ8.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-CEcYlysg.es.js";
+import "./SuperConverter-CFRB4XNw.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";
@@ -5144,6 +5144,11 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     allowResolve: true,
     showResolved: false
   });
+  const viewingVisibility = reactive({
+    documentMode: "editing",
+    commentsVisible: false,
+    trackChangesVisible: false
+  });
   const isDebugging = false;
   const debounceTimers = {};
   const COMMENT_EVENTS = comments_module_events;
@@ -5170,6 +5175,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const isFloatingCommentsReady = ref(false);
   const generalCommentIds = ref([]);
   const pendingComment = ref(null);
+  const isViewingMode = computed(() => viewingVisibility.documentMode === "viewing");
   const init = (config = {}) => {
     const updatedConfig = { ...commentsConfig, ...config };
     Object.assign(commentsConfig, updatedConfig);
@@ -5182,6 +5188,17 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     if (id === void 0 || id === null) return null;
     return commentsList.value.find((c2) => c2.commentId == id || c2.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;
@@ -5283,6 +5300,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) {
@@ -5491,6 +5509,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) => ({
@@ -5570,6 +5599,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     getFloatingComments,
     // Actions
     init,
+    setViewingVisibility,
     getComment,
     setActiveComment,
     getCommentLocation,
@@ -6559,7 +6589,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 } = getCurrentInstance();
     const emit = __emit;
@@ -6621,7 +6651,7 @@ const _sfc_main$a = {
       emit("highlight-click", comment);
     };
     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;
@@ -6649,7 +6679,7 @@ const _sfc_main$a = {
     };
   }
 };
-const CommentsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-d019784c"]]);
+const CommentsLayer = /* @__PURE__ */ _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 = {
@@ -7449,7 +7479,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CPnVLLJm.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DRTk3dY6.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7491,6 +7521,16 @@ const _sfc_main = {
     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 config = modules.comments;
       if (config === false || config == null) return null;
@@ -7585,7 +7625,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;
         }
@@ -7780,7 +7820,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,
@@ -7793,7 +7835,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;
       }
@@ -7852,7 +7894,7 @@ const _sfc_main = {
     };
     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(() => {
@@ -8194,7 +8236,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5196811d"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78737564"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -8300,6 +8342,8 @@ class SuperDoc extends EventEmitter {
     title: "SuperDoc",
     conversations: [],
     isInternal: false,
+    comments: { visible: false },
+    trackChanges: { visible: false },
     // toolbar config
     toolbar: null,
     // Optional DOM element to render the toolbar in
@@ -8349,6 +8393,16 @@ class SuperDoc extends 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 };
@@ -8366,9 +8420,10 @@ class SuperDoc extends 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 || {};
@@ -8378,7 +8433,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.1-next.3";
+    this.version = "1.4.0-next.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -8515,6 +8570,7 @@ class SuperDoc extends 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);
@@ -8816,6 +8872,7 @@ class SuperDoc extends EventEmitter {
     if (!type) return;
     type = type.toLowerCase();
     this.config.documentMode = type;
+    this.#syncViewingVisibility();
     const types = {
       viewing: () => this.#setModeViewing(),
       editing: () => this.#setModeEditing(),
@@ -8895,10 +8952,20 @@ class SuperDoc extends 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) {
@@ -8906,6 +8973,31 @@ class SuperDoc extends 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-BQYtE-5U.cjs → index-BdaseaBw.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-DLX_v-vr.cjs");
-require("./SuperConverter-p1tQGIew.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,
@@ -6576,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;
@@ -6638,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;
@@ -6666,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 = {
@@ -7466,7 +7496,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BXbmY3Fc.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-H9_8IbtN.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7508,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;
@@ -7602,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;
         }
@@ -7797,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,
@@ -7810,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;
       }
@@ -7869,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(() => {
@@ -8211,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();
@@ -8317,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
@@ -8366,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 };
@@ -8383,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 || {};
@@ -8395,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.3";
+    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;
@@ -8532,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);
@@ -8833,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(),
@@ -8912,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) {
@@ -8923,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