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

package/dist/chunks/{index-CKi-JNoY.cjs → index-Dgo4AYNb.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-CmmcvSxn.cjs");
-require("./SuperConverter-BIrkxV37.cjs");
+const index = require("./index-CqzJ4gdV.cjs");
+require("./SuperConverter-BuhT_Z5G.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -5495,6 +5495,9 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   const handleEditorLocationsUpdate = (allCommentPositions) => {
     editorCommentPositions.value = allCommentPositions || {};
   };
+  const clearEditorCommentPositions = () => {
+    editorCommentPositions.value = {};
+  };
   const getFloatingComments = vue.computed(() => {
     const comments = getGroupedComments.value?.parentComments.filter((c) => !c.resolvedTime).filter((c) => {
       const keys = Object.keys(editorCommentPositions.value);
@@ -5597,6 +5600,7 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
     processLoadedDocxComments,
     translateCommentsForExport,
     handleEditorLocationsUpdate,
+    clearEditorCommentPositions,
     handleTrackedChangeUpdate
   };
 });
@@ -7461,7 +7465,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BolWPjJ9.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-D5wFkJWQ.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8367,7 +8371,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.7";
+    this.version = "1.3.0-next.9";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;
@@ -8884,7 +8888,8 @@ class SuperDoc extends eventemitter3.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-BuT4cwmK.es.js → index-s5ZqooQe.es.js}

@@ -1,6 +1,6 @@
 import { B as Buffer$2 } from "./jszip-B1fkPkPJ.es.js";
 import { t as twipsToInches, i as inchesToTwips, p as ptToTwips, l as linesToTwips, a as twipsToLines, b as pixelsToTwips, h as halfPointToPoints, c as twipsToPixels$2, d as convertSizeToCSS, e as inchesToPixels } from "./helpers-C8e9wR5l.es.js";
-import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as _getReferencedTableStyles, a4 as decodeRPrFromMarks, a5 as calculateResolvedParagraphProperties, a6 as encodeCSSFromPPr, a7 as encodeCSSFromRPr, a8 as generateOrderedListIndex, a9 as docxNumberingHelpers, aa as InputRule, ab as insertNewRelationship, ac as kebabCase$1, ad as getUnderlineCssString } from "./SuperConverter-Bc9dM-qO.es.js";
+import { g as generateDocxRandomId, T as TextSelection$1, o as objectIncludes, w as wrapTextsInRuns, D as DOMParser$1, c as createDocFromMarkdown, a as createDocFromHTML, b as chainableEditorState, d as convertMarkdownToHTML, f as findParentNode, e as findParentNodeClosestToPos, h as generateRandom32BitHex, i as generateRandomSigned32BitIntStrId, P as PluginKey, j as Plugin, M as Mapping, N as NodeSelection, k as Selection, l as Slice, m as DOMSerializer, F as Fragment, n as Mark$1, p as dropPoint, A as AllSelection, q as Schema$1, s as canSplit, t as resolveRunProperties, u as encodeMarksFromRPr, v as liftTarget, x as canJoin, y as joinPoint, z as replaceStep$1, R as ReplaceAroundStep$1, B as htmlHandler, C as ReplaceStep, E as getResolvedParagraphProperties, G as changeListLevel, H as isList$1, I as updateNumberingProperties, L as ListHelpers, J as inputRulesPlugin, K as TrackDeleteMarkName$1, O as TrackInsertMarkName$1, Q as TrackFormatMarkName$1, U as AddMarkStep, V as RemoveMarkStep, W as CommandService, S as SuperConverter, X as EditorState, Y as unflattenListsInHtml, Z as SelectionRange, _ as Transform, $ as createOoxmlResolver, a0 as translator, a1 as translator$1, a2 as resolveDocxFontFamily, a3 as _getReferencedTableStyles, a4 as decodeRPrFromMarks, a5 as calculateResolvedParagraphProperties, a6 as encodeCSSFromPPr, a7 as encodeCSSFromRPr, a8 as generateOrderedListIndex, a9 as docxNumberingHelpers, aa as InputRule, ab as insertNewRelationship, ac as kebabCase$1, ad as getUnderlineCssString } from "./SuperConverter-lLx4GqcF.es.js";
 import { p as process$1, r as ref, C as global$1, c as computed, E as createElementBlock, F as Fragment$1, S as renderList, O as withModifiers, G as openBlock, P as normalizeClass, M as createCommentVNode, H as toDisplayString, K as createBaseVNode, U as createApp, f as onMounted, X as onUnmounted, R as withDirectives, v as unref, Y as vModelText, y as nextTick, L as normalizeStyle, u as watch, Z as withKeys, _ as createTextVNode, I as createVNode, h, $ as readonly, s as getCurrentInstance, o as onBeforeUnmount, j as reactive, b as onBeforeMount, i as inject, a0 as onActivated, a1 as onDeactivated, a2 as Comment, d as defineComponent, a as provide, g as Teleport, t as toRef, a3 as renderSlot, a4 as isVNode, D as shallowRef, w as watchEffect, T as Transition, a5 as mergeProps, a6 as vShow, a7 as cloneVNode, a8 as Text$2, m as markRaw, N as createBlock, J as withCtx, a9 as useCssVars, V as resolveDynamicComponent, aa as normalizeProps, ab as guardReactiveProps } from "./vue-BnBKJwCW.es.js";
 import "./jszip.min-DCl8qkFO.es.js";
 import { E as EventEmitter$1 } from "./eventemitter3-CwrdEv8r.es.js";
@@ -13202,8 +13202,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;
@@ -15334,7 +15334,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) {
@@ -17967,7 +17967,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");
@@ -28198,7 +28198,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;
@@ -34070,6 +34072,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) => {
@@ -34137,6 +34142,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;
@@ -34144,7 +34150,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;
@@ -35275,6 +35282,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 }]));
@@ -35335,6 +35345,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;
@@ -35416,7 +35430,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;
     }
   }
@@ -40166,7 +40180,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;
@@ -40191,7 +40205,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 (process$1.env.NODE_ENV === "development") {
       console.warn("[PM-Adapter] Error applying format change marks, resetting formatting:", error);
@@ -40199,7 +40213,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;
   }
@@ -40212,7 +40226,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);
         }
       });
     }
@@ -40242,7 +40256,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
+        );
       }
     });
   }
@@ -41186,7 +41207,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) => {
@@ -41233,7 +41257,7 @@ const applyMarksToRun = (run, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG,
           break;
         case "commentMark":
         case "comment": {
-          if (!isTabRun2) {
+          if (!isTabRun2 && enableComments) {
             pushCommentAnnotation(run, mark.attrs ?? {});
           }
           break;
@@ -44853,7 +44877,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;
@@ -45005,7 +45035,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,
@@ -45021,26 +45051,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") {
@@ -45086,7 +45120,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           positions,
           defaultFont,
           defaultSize,
-          mergedMarks,
+          [],
+          // Empty marks - will be applied after linked styles
           activeSdt,
           hyperlinkConfig,
           themeColors
@@ -45094,6 +45129,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;
@@ -45108,7 +45152,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;
     }
@@ -45122,7 +45168,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;
     }
@@ -45163,7 +45211,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
             mergedMarks,
             hyperlinkConfig,
             themeColors,
-            converterContext?.backgroundColor
+            converterContext?.backgroundColor,
+            enableComments
           );
         }
         console.debug("[token-debug] paragraph-token-run", {
@@ -45174,6 +45223,7 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
           runStyleId: activeRunStyleId,
           mergedMarksCount: mergedMarks.length
         });
+        applyInlineRunProperties(tokenRun, activeRunProperties);
         currentRuns.push(tokenRun);
       }
       return;
@@ -45361,7 +45411,8 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
       trackedChanges,
       hyperlinkConfig,
       applyMarksToRun,
-      themeColors
+      themeColors,
+      enableComments
     );
     if (trackedChanges.enabled && filteredRuns.length === 0) {
       return;
@@ -46260,6 +46311,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) {
@@ -46309,7 +46361,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,
@@ -46348,6 +46401,7 @@ function toFlowBlocks(pmDoc, options) {
     listCounterContext: { getListCounter, incrementListCounter, resetListCounter },
     trackedChangesConfig,
     hyperlinkConfig,
+    enableComments,
     bookmarks,
     sectionState: {
       ranges: sectionRanges,
@@ -46416,7 +46470,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,
@@ -46463,7 +46517,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) {
@@ -48350,6 +48405,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;
@@ -48360,6 +48416,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) {
@@ -48487,6 +48547,7 @@ async function measureParagraphBlock(block, maxWidth) {
       tabStopCursor = 0;
       pendingTabAlignment = null;
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isLineBreakRun(run)) {
@@ -48529,6 +48590,7 @@ async function measureParagraphBlock(block, maxWidth) {
       tabStopCursor = 0;
       pendingTabAlignment = null;
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isTabRun(run)) {
@@ -48594,6 +48656,7 @@ async function measureParagraphBlock(block, maxWidth) {
       } else {
         pendingTabAlignment = null;
       }
+      pendingRunSpacing = 0;
       continue;
     }
     if (isImageRun(run)) {
@@ -48632,6 +48695,7 @@ async function measureParagraphBlock(block, maxWidth) {
             }
           ]
         };
+        pendingRunSpacing = 0;
         if (activeTabGroup && runIndex + 1 >= activeTabGroup.measure.endRunIndex) {
           activeTabGroup = null;
         }
@@ -48693,6 +48757,7 @@ async function measureParagraphBlock(block, maxWidth) {
         currentLine.width = roundValue(tabAlign.target);
       }
       lastAppliedTabAlign = null;
+      pendingRunSpacing = 0;
       continue;
     }
     if (isFieldAnnotationRun(run)) {
@@ -48732,6 +48797,7 @@ async function measureParagraphBlock(block, maxWidth) {
             }
           ]
         };
+        pendingRunSpacing = 0;
         continue;
       }
       if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
@@ -48784,9 +48850,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;
@@ -48797,6 +48865,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;
@@ -48815,7 +48884,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);
@@ -48879,6 +48948,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,
@@ -48893,7 +48963,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);
@@ -49078,7 +49148,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);
@@ -49246,6 +49317,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;
@@ -50049,6 +50121,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;
@@ -50654,12 +50727,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();
     }
@@ -52032,6 +52106,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();
@@ -52788,6 +52863,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) {
@@ -52814,6 +52893,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);
@@ -53058,12 +53138,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,
@@ -53194,10 +53276,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 } });
@@ -60561,16 +60645,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

package/dist/style.css

@@ -7,7 +7,7 @@
  * SVG has its own rendering model and doesn't need CSS isolation the same way text content does.
  */
 .sd-editor-scoped,
-.sd-editor-scoped :where(*:not(svg):not(svg *)),
+.sd-editor-scoped :where(*:not(svg):not(svg *):not(.annotation):not([data-drag-handle])),
 .sd-editor-scoped :where(*:not(svg):not(svg *)::before),
 .sd-editor-scoped :where(*:not(svg):not(svg *)::after) {
   all: revert;

package/dist/super-editor/converter.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunks/jszip-C8_CqJxM.cjs");
 require("../chunks/helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("../chunks/SuperConverter-BIrkxV37.cjs");
+const superEditor_converter = require("../chunks/SuperConverter-BuhT_Z5G.cjs");
 require("../chunks/uuid-R7L08bOx.cjs");
 exports.SuperConverter = superEditor_converter.SuperConverter;

package/dist/super-editor/converter.es.js

@@ -1,6 +1,6 @@
 import "../chunks/jszip-B1fkPkPJ.es.js";
 import "../chunks/helpers-C8e9wR5l.es.js";
-import { S } from "../chunks/SuperConverter-Bc9dM-qO.es.js";
+import { S } from "../chunks/SuperConverter-lLx4GqcF.es.js";
 import "../chunks/uuid-CjlX8hrF.es.js";
 export {
   S as SuperConverter