@harbour-enterprises/superdoc 1.3.0-next.7 → 1.3.0-next.9

package/dist/chunks/{index-C0irsRkX.es.js → index-C0aR6iQ3.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-BuT4cwmK.es.js";
-import "./SuperConverter-Bc9dM-qO.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-s5ZqooQe.es.js";
+import "./SuperConverter-lLx4GqcF.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";
@@ -5478,6 +5478,9 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const handleEditorLocationsUpdate = (allCommentPositions) => {
     editorCommentPositions.value = allCommentPositions || {};
   };
+  const clearEditorCommentPositions = () => {
+    editorCommentPositions.value = {};
+  };
   const getFloatingComments = computed(() => {
     const comments = getGroupedComments.value?.parentComments.filter((c2) => !c2.resolvedTime).filter((c2) => {
       const keys = Object.keys(editorCommentPositions.value);
@@ -5580,6 +5583,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     processLoadedDocxComments,
     translateCommentsForExport,
     handleEditorLocationsUpdate,
+    clearEditorCommentPositions,
     handleTrackedChangeUpdate
   };
 });
@@ -7444,7 +7448,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CnKGOFjP.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-GBLnj5Yg.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8350,7 +8354,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.7";
+    this.version = "1.3.0-next.9";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;
@@ -8867,7 +8871,8 @@ class SuperDoc extends EventEmitter {
   }
   #setModeViewing() {
     this.toolbar.activeEditor = null;
-    this.setTrackedChangesPreferences({ mode: "original", enabled: false });
+    this.setTrackedChangesPreferences({ mode: "original", enabled: true });
+    this.commentsStore?.clearEditorCommentPositions?.();
     this.superdocStore.documents.forEach((doc) => {
       doc.removeComments();
       this.#applyDocumentMode(doc, "viewing");

package/dist/chunks/{index-CmmcvSxn.cjs → index-CqzJ4gdV.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-BIrkxV37.cjs");
+const superEditor_converter = require("./SuperConverter-BuhT_Z5G.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -13219,8 +13219,8 @@ const CommentsPlugin = Extension.create({
             }
             if (!onlyActiveThreadChanged) {
               const positionsChanged = hasPositionsChanged(prevAllCommentPositions, allCommentPositions);
-              const hasComments = Object.keys(allCommentPositions).length > 0;
-              const shouldEmitPositions = positionsChanged || !hasEverEmitted && hasComments;
+              const hasComments2 = Object.keys(allCommentPositions).length > 0;
+              const shouldEmitPositions = positionsChanged || !hasEverEmitted && hasComments2;
               if (shouldEmitPositions) {
                 prevAllCommentPositions = allCommentPositions;
                 hasEverEmitted = true;
@@ -15351,7 +15351,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.3.0-next.7";
+const summaryVersion = "1.3.0-next.9";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -17984,7 +17984,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.7");
+    console.debug("[checkVersionMigrations] Current editor version", "1.3.0-next.9");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -28215,7 +28215,9 @@ const deriveBlockVersion = (block) => {
         textRun.pmEnd ?? "",
         textRun.token ?? "",
         // Tracked changes - force re-render when added or removed tracked change
-        textRun.trackedChange ? 1 : 0
+        textRun.trackedChange ? 1 : 0,
+        // Comment annotations - force re-render when comments are enabled/disabled
+        textRun.comments?.length ?? 0
       ].join(",");
     }).join("|");
     const attrs = block.attrs;
@@ -34087,6 +34089,9 @@ const hashCellBorders = (borders) => {
   if (borders.left) parts.push(`l:[${hashBorderSpec(borders.left)}]`);
   return parts.join(";");
 };
+function hasComments$1(run) {
+  return "comments" in run && Array.isArray(run.comments) && run.comments.length > 0;
+}
 const MAX_CACHE_SIZE$1 = 1e4;
 const BYTES_PER_ENTRY_ESTIMATE = 5e3;
 const hashParagraphFrame = (frame) => {
@@ -34154,6 +34159,7 @@ const hashRuns = (block) => {
               fontFamily2 ? `ff:${fontFamily2}` : "",
               highlight ? `hl:${highlight}` : ""
             ].join("");
+            const commentHash = hasComments$1(run) ? run.comments.map((c2) => `${c2.commentId ?? ""}:${c2.internal ? "1" : "0"}`).join("|") : "";
             let trackedKey = "";
             if (hasTrackedChange(run)) {
               const tc = run.trackedChange;
@@ -34161,7 +34167,8 @@ const hashRuns = (block) => {
               const afterHash = tc.after ? JSON.stringify(tc.after) : "";
               trackedKey = `|tc:${tc.kind ?? ""}:${tc.id ?? ""}:${tc.author ?? ""}:${tc.date ?? ""}:${beforeHash}:${afterHash}`;
             }
-            cellHashes.push(`${text}:${marks}${trackedKey}`);
+            const commentKey = commentHash ? `|cm:${commentHash}` : "";
+            cellHashes.push(`${text}:${marks}${trackedKey}${commentKey}`);
           }
           if (paragraphBlock.attrs) {
             const attrs = paragraphBlock.attrs;
@@ -35292,6 +35299,9 @@ function remeasureParagraph(block, maxWidth, firstLineIndent = 0) {
   const totalHeight = lines.reduce((s2, l) => s2 + l.lineHeight, 0);
   return { kind: "paragraph", lines, totalHeight };
 }
+function hasComments(run) {
+  return "comments" in run && Array.isArray(run.comments) && run.comments.length > 0;
+}
 const computeDirtyRegions = (previous, next) => {
   const prevMap = new Map(previous.map((block, index2) => [block.id, { block, index: index2 }]));
   const nextMap = new Map(next.map((block, index2) => [block.id, { block, index: index2 }]));
@@ -35352,6 +35362,10 @@ const getTrackedChangeKey = (run) => {
   }
   return "";
 };
+const getCommentKey = (run) => {
+  if (!hasComments(run)) return "";
+  return run.comments.map((c2) => `${c2.commentId ?? ""}:${c2.internal ? "1" : "0"}`).join("|");
+};
 const paragraphSpacingEqual = (a, b) => {
   if (a === b) return true;
   if (!a || !b) return !a && !b;
@@ -35433,7 +35447,7 @@ const paragraphBlocksEqual = (a, b) => {
   for (let i = 0; i < a.runs.length; i += 1) {
     const runA = a.runs[i];
     const runB = b.runs[i];
-    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" || runA.kind === "fieldAnnotation" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" || runB.kind === "fieldAnnotation" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || ("fontSize" in runA ? runA.fontSize : void 0) !== ("fontSize" in runB ? runB.fontSize : void 0) || ("fontFamily" in runA ? runA.fontFamily : void 0) !== ("fontFamily" in runB ? runB.fontFamily : void 0) || ("highlight" in runA ? runA.highlight : void 0) !== ("highlight" in runB ? runB.highlight : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
+    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" || runA.kind === "fieldAnnotation" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" || runB.kind === "fieldAnnotation" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || ("fontSize" in runA ? runA.fontSize : void 0) !== ("fontSize" in runB ? runB.fontSize : void 0) || ("fontFamily" in runA ? runA.fontFamily : void 0) !== ("fontFamily" in runB ? runB.fontFamily : void 0) || ("highlight" in runA ? runA.highlight : void 0) !== ("highlight" in runB ? runB.highlight : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB) || getCommentKey(runA) !== getCommentKey(runB)) {
       return false;
     }
   }
@@ -40183,7 +40197,7 @@ const resetRunFormatting = (run) => {
   delete run.link;
   delete run.letterSpacing;
 };
-const applyFormatChangeMarks = (run, config, hyperlinkConfig, applyMarksToRun2, themeColors) => {
+const applyFormatChangeMarks = (run, config, hyperlinkConfig, applyMarksToRun2, themeColors, enableComments = true) => {
   const tracked = run.trackedChange;
   if (!tracked || tracked.kind !== "format") {
     return;
@@ -40208,7 +40222,7 @@ const applyFormatChangeMarks = (run, config, hyperlinkConfig, applyMarksToRun2,
   }
   resetRunFormatting(run);
   try {
-    applyMarksToRun2(run, beforeMarks, hyperlinkConfig, themeColors);
+    applyMarksToRun2(run, beforeMarks, hyperlinkConfig, themeColors, void 0, enableComments);
   } catch (error) {
     if (vue.process$1.env.NODE_ENV === "development") {
       console.warn("[PM-Adapter] Error applying format change marks, resetting formatting:", error);
@@ -40216,7 +40230,7 @@ const applyFormatChangeMarks = (run, config, hyperlinkConfig, applyMarksToRun2,
     resetRunFormatting(run);
   }
 };
-const applyTrackedChangesModeToRuns = (runs, config, hyperlinkConfig, applyMarksToRun2, themeColors) => {
+const applyTrackedChangesModeToRuns = (runs, config, hyperlinkConfig, applyMarksToRun2, themeColors, enableComments = true) => {
   if (!config) {
     return runs;
   }
@@ -40229,7 +40243,7 @@ const applyTrackedChangesModeToRuns = (runs, config, hyperlinkConfig, applyMarks
     } else {
       runs.forEach((run) => {
         if (isTextRun$1(run)) {
-          applyFormatChangeMarks(run, config, hyperlinkConfig, applyMarksToRun2, themeColors);
+          applyFormatChangeMarks(run, config, hyperlinkConfig, applyMarksToRun2, themeColors, enableComments);
         }
       });
     }
@@ -40259,7 +40273,14 @@ const applyTrackedChangesModeToRuns = (runs, config, hyperlinkConfig, applyMarks
   } else {
     filtered.forEach((run) => {
       if (isTextRun$1(run)) {
-        applyFormatChangeMarks(run, config, hyperlinkConfig || DEFAULT_HYPERLINK_CONFIG$1, applyMarksToRun2, themeColors);
+        applyFormatChangeMarks(
+          run,
+          config,
+          hyperlinkConfig || DEFAULT_HYPERLINK_CONFIG$1,
+          applyMarksToRun2,
+          themeColors,
+          enableComments
+        );
       }
     });
   }
@@ -41203,7 +41224,10 @@ const applyTextStyleMark = (run, attrs, themeColors) => {
 const DEFAULT_HYPERLINK_CONFIG = {
   enableRichHyperlinks: false
 };
-const applyMarksToRun = (run, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG, themeColors, backgroundColor) => {
+const applyMarksToRun = (run, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG, themeColors, backgroundColor, enableComments = true) => {
+  if (!enableComments && "comments" in run && run.comments) {
+    delete run.comments;
+  }
   const isTabRun2 = run.kind === "tab";
   let markSetColor = false;
   marks.forEach((mark) => {
@@ -41250,7 +41274,7 @@ const applyMarksToRun = (run, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG,
           break;
         case "commentMark":
         case "comment": {
-          if (!isTabRun2) {
+          if (!isTabRun2 && enableComments) {
             pushCommentAnnotation(run, mark.attrs ?? {});
           }
           break;
@@ -44870,7 +44894,13 @@ const applyBaseRunDefaults = (run, defaults, uiDisplayFallbackFont, fallbackSize
     run.letterSpacing = defaults.letterSpacing;
   }
 };
-function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converters, converterContext) {
+const applyInlineRunProperties = (run, runProperties) => {
+  if (!runProperties) return;
+  if (runProperties?.letterSpacing != null) {
+    run.letterSpacing = twipsToPx$1(runProperties.letterSpacing);
+  }
+};
+function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converters, converterContext, enableComments = true) {
   const baseBlockId = nextBlockId("paragraph");
   const paragraphProps = typeof para.attrs?.paragraphProperties === "object" && para.attrs.paragraphProperties !== null ? para.attrs.paragraphProperties : {};
   const paragraphStyleId = typeof para.attrs?.styleId === "string" && para.attrs.styleId.trim() ? para.attrs.styleId : typeof paragraphProps.styleId === "string" && paragraphProps.styleId.trim() ? paragraphProps.styleId : null;
@@ -45022,7 +45052,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       runStyleId
     });
   };
-  const visitNode = (node, inheritedMarks = [], activeSdt, activeRunStyleId = null) => {
+  const visitNode = (node, inheritedMarks = [], activeSdt, activeRunStyleId = null, activeRunProperties) => {
     if (node.type === "text" && node.text) {
       const run = textNodeToRun(
         node,
@@ -45038,26 +45068,30 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       const inlineStyleId = getInlineStyleId(inheritedMarks);
       applyRunStyles2(run, inlineStyleId, activeRunStyleId);
       applyBaseRunDefaults(run, baseRunDefaults, defaultFont, defaultSize);
+      applyInlineRunProperties(run, activeRunProperties);
       applyMarksToRun(
         run,
         [...node.marks ?? [], ...inheritedMarks ?? []],
         hyperlinkConfig,
         themeColors,
-        converterContext?.backgroundColor
+        converterContext?.backgroundColor,
+        enableComments
       );
       currentRuns.push(run);
       return;
     }
     if (node.type === "run" && Array.isArray(node.content)) {
       const mergedMarks = [...node.marks ?? [], ...inheritedMarks ?? []];
-      const nextRunStyleId = extractRunStyleId(node.attrs?.runProperties) ?? activeRunStyleId;
-      node.content.forEach((child) => visitNode(child, mergedMarks, activeSdt, nextRunStyleId));
+      const runProperties = typeof node.attrs?.runProperties === "object" && node.attrs.runProperties !== null ? node.attrs.runProperties : null;
+      const nextRunStyleId = extractRunStyleId(runProperties) ?? activeRunStyleId;
+      const nextRunProperties = runProperties ?? activeRunProperties;
+      node.content.forEach((child) => visitNode(child, mergedMarks, activeSdt, nextRunStyleId, nextRunProperties));
       return;
     }
     if (node.type === "structuredContent" && Array.isArray(node.content)) {
       const inlineMetadata = resolveNodeSdtMetadata(node, "structuredContent");
       const nextSdt = inlineMetadata ?? activeSdt;
-      node.content.forEach((child) => visitNode(child, inheritedMarks, nextSdt, activeRunStyleId));
+      node.content.forEach((child) => visitNode(child, inheritedMarks, nextSdt, activeRunStyleId, activeRunProperties));
       return;
     }
     if (node.type === "fieldAnnotation") {
@@ -45103,7 +45137,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           positions,
           defaultFont,
           defaultSize,
-          mergedMarks,
+          [],
+          // Empty marks - will be applied after linked styles
           activeSdt,
           hyperlinkConfig,
           themeColors
@@ -45111,6 +45146,15 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         const inlineStyleId = getInlineStyleId(mergedMarks);
         applyRunStyles2(tokenRun, inlineStyleId, activeRunStyleId);
         applyBaseRunDefaults(tokenRun, baseRunDefaults, defaultFont, defaultSize);
+        applyInlineRunProperties(tokenRun, activeRunProperties);
+        applyMarksToRun(
+          tokenRun,
+          mergedMarks,
+          hyperlinkConfig,
+          themeColors,
+          converterContext?.backgroundColor,
+          enableComments
+        );
         if (pageRefPos) {
           tokenRun.pmStart = pageRefPos.start;
           tokenRun.pmEnd = pageRefPos.end;
@@ -45125,7 +45169,9 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         }
         currentRuns.push(tokenRun);
       } else if (Array.isArray(node.content)) {
-        node.content.forEach((child) => visitNode(child, mergedMarks, activeSdt));
+        node.content.forEach(
+          (child) => visitNode(child, mergedMarks, activeSdt, activeRunStyleId, activeRunProperties)
+        );
       }
       return;
     }
@@ -45139,7 +45185,9 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
         }
       }
       if (Array.isArray(node.content)) {
-        node.content.forEach((child) => visitNode(child, inheritedMarks, activeSdt));
+        node.content.forEach(
+          (child) => visitNode(child, inheritedMarks, activeSdt, activeRunStyleId, activeRunProperties)
+        );
       }
       return;
     }
@@ -45180,7 +45228,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
             mergedMarks,
             hyperlinkConfig,
             themeColors,
-            converterContext?.backgroundColor
+            converterContext?.backgroundColor,
+            enableComments
           );
         }
         console.debug("[token-debug] paragraph-token-run", {
@@ -45191,6 +45240,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           runStyleId: activeRunStyleId,
           mergedMarksCount: mergedMarks.length
         });
+        applyInlineRunProperties(tokenRun, activeRunProperties);
         currentRuns.push(tokenRun);
       }
       return;
@@ -45378,7 +45428,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       trackedChanges,
       hyperlinkConfig,
       applyMarksToRun,
-      themeColors
+      themeColors,
+      enableComments
     );
     if (trackedChanges.enabled && filteredRuns.length === 0) {
       return;
@@ -46277,6 +46328,7 @@ function toFlowBlocks(pmDoc, options) {
   const hyperlinkConfig = {
     enableRichHyperlinks: options?.enableRichHyperlinks ?? false
   };
+  const enableComments = options?.enableComments ?? true;
   const themeColors = options?.themeColors;
   const converterContext = options?.converterContext;
   if (!doc2.content) {
@@ -46326,7 +46378,8 @@ function toFlowBlocks(pmDoc, options) {
     bookmarks2,
     hyperlinkConfig2,
     themeColorsParam ?? themeColors,
-    converterCtx ?? converterContext
+    converterCtx ?? converterContext,
+    enableComments
   );
   const tableConverter = (node, nextBlockId2, positions2, defaultFont2, defaultSize2, context, trackedChanges, bookmarks2, hyperlinkConfig2, themeColorsParam, converterCtx) => tableNodeToBlock(
     node,
@@ -46365,6 +46418,7 @@ function toFlowBlocks(pmDoc, options) {
     listCounterContext: { getListCounter, incrementListCounter, resetListCounter },
     trackedChangesConfig,
     hyperlinkConfig,
+    enableComments,
     bookmarks,
     sectionState: {
       ranges: sectionRanges,
@@ -46433,7 +46487,7 @@ function mergeDropCapParagraphs(blocks) {
   }
   return result;
 }
-function paragraphToFlowBlocks(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converterContext) {
+function paragraphToFlowBlocks(para, nextBlockId, positions, defaultFont, defaultSize, styleContext, listCounterContext, trackedChanges, bookmarks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG$1, themeColors, converterContext, enableComments = true) {
   return paragraphToFlowBlocks$1(
     para,
     nextBlockId,
@@ -46480,7 +46534,8 @@ function paragraphToFlowBlocks(para, nextBlockId, positions, defaultFont, defaul
         }
       )
     },
-    converterContext
+    converterContext,
+    enableComments
   );
 }
 function tableNodeToBlock(node, nextBlockId, positions, defaultFont, defaultSize, styleContext, trackedChanges, bookmarks, hyperlinkConfig, themeColors, _paragraphToFlowBlocksParam, converterContext, options) {
@@ -48367,6 +48422,7 @@ async function measureParagraphBlock(block, maxWidth) {
   let lastFontSize = 12;
   let tabStopCursor = 0;
   let pendingTabAlignment = null;
+  let pendingRunSpacing = 0;
   let lastAppliedTabAlign = null;
   const warnedTabVals = /* @__PURE__ */ new Set();
   let activeTabGroup = null;
@@ -48377,6 +48433,10 @@ async function measureParagraphBlock(block, maxWidth) {
     }
     return true;
   };
+  const resolveBoundarySpacing = (lineWidth, isRunStart, run) => {
+    if (lineWidth <= 0) return 0;
+    return isRunStart ? pendingRunSpacing : run.letterSpacing ?? 0;
+  };
   const alignPendingTabForWidth = (segmentWidth, beforeDecimalWidth) => {
     if (!pendingTabAlignment || !currentLine) return void 0;
     if (segmentWidth < 0) {
@@ -48504,6 +48564,7 @@ async function measureParagraphBlock(block, maxWidth) {
       tabStopCursor = 0;
       pendingTabAlignment = null;
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isLineBreakRun(run)) {
@@ -48546,6 +48607,7 @@ async function measureParagraphBlock(block, maxWidth) {
       tabStopCursor = 0;
       pendingTabAlignment = null;
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isTabRun(run)) {
@@ -48611,6 +48673,7 @@ async function measureParagraphBlock(block, maxWidth) {
       } else {
         pendingTabAlignment = null;
       }
+      pendingRunSpacing = 0;
       continue;
     }
     if (isImageRun(run)) {
@@ -48649,6 +48712,7 @@ async function measureParagraphBlock(block, maxWidth) {
             }
           ]
         };
+        pendingRunSpacing = 0;
         if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
           activeTabGroup = null;
         }
@@ -48710,6 +48774,7 @@ async function measureParagraphBlock(block, maxWidth) {
         currentLine.width = roundValue(tabAlign.target);
       }
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isFieldAnnotationRun(run)) {
@@ -48749,6 +48814,7 @@ async function measureParagraphBlock(block, maxWidth) {
             }
           ]
         };
+        pendingRunSpacing = 0;
         continue;
       }
       if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
@@ -48801,9 +48867,11 @@ async function measureParagraphBlock(block, maxWidth) {
         currentLine.width = roundValue(tabAlign.target);
       }
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (!("text" in run) || !("fontSize" in run)) {
+      pendingRunSpacing = 0;
       continue;
     }
     lastFontSize = run.fontSize;
@@ -48814,6 +48882,7 @@ async function measureParagraphBlock(block, maxWidth) {
       const segment = tabSegments[segmentIndex];
       const isLastSegment = segmentIndex === tabSegments.length - 1;
       if (/^[ ]+$/.test(segment)) {
+        const isRunStart = charPosInRun === 0 && segmentIndex === 0;
         const spacesLength = segment.length;
         const spacesStartChar = charPosInRun;
         const spacesEndChar = charPosInRun + spacesLength;
@@ -48832,7 +48901,7 @@ async function measureParagraphBlock(block, maxWidth) {
             spaceCount: spacesLength
           };
         } else {
-          const boundarySpacing = currentLine.width > 0 ? run.letterSpacing ?? 0 : 0;
+          const boundarySpacing = resolveBoundarySpacing(currentLine.width, isRunStart, run);
           if (currentLine.width + boundarySpacing + spacesWidth > currentLine.maxWidth - WIDTH_FUDGE_PX2 && currentLine.width > 0) {
             trimTrailingWrapSpaces(currentLine);
             const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
@@ -48896,6 +48965,7 @@ async function measureParagraphBlock(block, maxWidth) {
           const spaceStartChar = charPosInRun;
           const spaceEndChar = charPosInRun + 1;
           const singleSpaceWidth = measureRunWidth(" ", font, ctx2, run, spaceStartChar);
+          const isRunStart2 = charPosInRun === 0 && segmentIndex === 0 && wordIndex === 0;
           if (!currentLine) {
             currentLine = {
               fromRun: runIndex,
@@ -48910,7 +48980,7 @@ async function measureParagraphBlock(block, maxWidth) {
               spaceCount: 1
             };
           } else {
-            const boundarySpacing2 = currentLine.width > 0 ? run.letterSpacing ?? 0 : 0;
+            const boundarySpacing2 = resolveBoundarySpacing(currentLine.width, isRunStart2, run);
             if (currentLine.width + boundarySpacing2 + singleSpaceWidth > currentLine.maxWidth - WIDTH_FUDGE_PX2 && currentLine.width > 0) {
               trimTrailingWrapSpaces(currentLine);
               const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
@@ -49095,7 +49165,8 @@ async function measureParagraphBlock(block, maxWidth) {
           continue;
         }
         const isTocEntry = block.attrs?.isTocEntry;
-        const boundarySpacing = currentLine.width > 0 ? run.letterSpacing ?? 0 : 0;
+        const isRunStart = charPosInRun === 0 && segmentIndex === 0 && wordIndex === 0;
+        const boundarySpacing = resolveBoundarySpacing(currentLine.width, isRunStart, run);
         const justifyAlignment = block.attrs?.alignment === "justify";
         const totalWidthWithWord = currentLine.width + boundarySpacing + wordCommitWidth + // Safe cast: only TextRuns produce word segments from split(), other run types are handled earlier
         (shouldIncludeDelimiterSpace ? run.letterSpacing ?? 0 : 0);
@@ -49263,6 +49334,7 @@ async function measureParagraphBlock(block, maxWidth) {
         }
       }
     }
+    pendingRunSpacing = run.letterSpacing ?? 0;
   }
   if (!currentLine && lines.length === 0) {
     const uiDisplayFallbackFontSize = (block.runs[0]?.kind === "text" ? block.runs[0].fontSize : void 0) ?? 12;
@@ -50066,6 +50138,7 @@ class PresentationEditor extends EventEmitter {
   #dragLastPointer = null;
   #dragLastRawHit = null;
   #dragUsedPageNotMountedFallback = false;
+  #suppressFocusInFromDraggable = false;
   // Cell selection drag state
   // Tracks cell-specific context when drag starts in a table for multi-cell selection
   #cellAnchor = null;
@@ -50671,12 +50744,13 @@ class PresentationEditor extends EventEmitter {
     if (!validModes.includes(mode)) {
       throw new TypeError(`[PresentationEditor] Invalid mode "${mode}". Must be one of: ${validModes.join(", ")}`);
     }
+    const modeChanged = this.#documentMode !== mode;
     this.#documentMode = mode;
     this.#editor.setDocumentMode(mode);
     this.#syncDocumentModeClass();
     this.#syncHiddenEditorA11yAttributes();
     const trackedChangesChanged = this.#syncTrackedChangesPreferences();
-    if (trackedChangesChanged) {
+    if (modeChanged || trackedChangesChanged) {
       this.#pendingDocChange = true;
       this.#scheduleRerender();
     }
@@ -52049,6 +52123,7 @@ class PresentationEditor extends EventEmitter {
       return;
     }
     const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
+    this.#suppressFocusInFromDraggable = isDraggableAnnotation;
     if (!this.#layoutState.layout) {
       if (!isDraggableAnnotation) {
         event.preventDefault();
@@ -52805,6 +52880,10 @@ class PresentationEditor extends EventEmitter {
     if (isInRegisteredSurface(event)) {
       return;
     }
+    if (this.#suppressFocusInFromDraggable) {
+      this.#suppressFocusInFromDraggable = false;
+      return;
+    }
     const target = event.target;
     const activeTarget = this.#getActiveDomTarget();
     if (!activeTarget) {
@@ -52831,6 +52910,7 @@ class PresentationEditor extends EventEmitter {
     }
   };
   #handlePointerUp = (event) => {
+    this.#suppressFocusInFromDraggable = false;
     if (!this.#isDragging) return;
     if (typeof this.#viewportHost.hasPointerCapture === "function" && typeof this.#viewportHost.releasePointerCapture === "function" && this.#viewportHost.hasPointerCapture(event.pointerId)) {
       this.#viewportHost.releasePointerCapture(event.pointerId);
@@ -53075,12 +53155,14 @@ 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 result = toFlowBlocks(docJson, {
           mediaFiles: this.#editor?.storage?.image?.media,
           emitSectionBreaks: true,
           sectionMetadata,
           trackedChangesMode: this.#trackedChangesMode,
           enableTrackedChanges: this.#trackedChangesEnabled,
+          enableComments: commentsEnabled,
           enableRichHyperlinks: true,
           themeColors: this.#editor?.converter?.themeColors ?? void 0,
           converterContext,
@@ -53211,10 +53293,12 @@ class PresentationEditor extends EventEmitter {
       const payload = { layout, blocks, measures, metrics };
       this.emit("layoutUpdated", payload);
       this.emit("paginationUpdate", payload);
-      const commentPositions = this.#collectCommentPositions();
-      const positionKeys = Object.keys(commentPositions);
-      if (positionKeys.length > 0) {
-        this.emit("commentPositions", { positions: commentPositions });
+      if (this.#documentMode !== "viewing") {
+        const commentPositions = this.#collectCommentPositions();
+        const positionKeys = Object.keys(commentPositions);
+        if (positionKeys.length > 0) {
+          this.emit("commentPositions", { positions: commentPositions });
+        }
       }
       if (this.#telemetryEmitter && metrics) {
         this.#telemetryEmitter({ type: "layout", data: { layout, blocks, measures, metrics } });
@@ -60578,16 +60662,7 @@ const Table = Node$1.create({
        * @param {import("./tableHelpers/createTableBorders.js").TableBorders} [borders] - Border styling for this table
        */
       borders: {
-        default: {},
-        renderDOM({ borders }) {
-          if (!borders) return {};
-          const style2 = Object.entries(borders).reduce((acc, [key2, { size: size2, color }]) => {
-            return `${acc}border-${key2}: ${Math.ceil(size2)}px solid ${color || "black"};`;
-          }, "");
-          return {
-            style: style2
-          };
-        }
+        default: {}
       },
       /**
        * @category Attribute