@harbour-enterprises/superdoc 0.24.0 → 0.25.0-next.2

package/dist/superdoc.umd.js

@@ -42839,7 +42839,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.23.0") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.24.0") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -57052,7 +57052,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
     return insertionMark;
   };
-  const markDeletion = ({ tr, from: from2, to, user, date }) => {
+  const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
     let trackedMark = findTrackedMarkBetween({
       tr,
       from: from2,
@@ -57061,7 +57061,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       attrs: { authorEmail: user.email }
     });
     let id;
-    if (trackedMark) {
+    if (providedId) {
+      id = providedId;
+    } else if (trackedMark) {
       id = trackedMark.mark.attrs.id;
     } else {
       id = v4$1();
@@ -58333,7 +58335,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         from: step.from,
         to: step.to,
         user,
-        date
+        date,
+        id: meta.insertedMark?.attrs?.id
       });
       meta.deletionNodes = deletionNodes;
       meta.deletionMark = deletionMark2;
@@ -60261,7 +60264,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         customUpdatedFiles: {},
         isHeaderFooterChanged: false,
         isCustomXmlChanged: false,
-        focusTarget: null
+        focusTarget: null,
+        permissionResolver: null
       });
       __privateMethod$1(this, _Editor_instances, initContainerElement_fn).call(this, options);
       __privateMethod$1(this, _Editor_instances, checkHeadless_fn).call(this, options);
@@ -61023,7 +61027,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.23.0");
+      console.debug("[checkVersionMigrations] Current editor version", "0.24.0");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -75019,11 +75023,105 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
     }
   });
+  const PERMISSION_MAP = {
+    accept: {
+      own: "RESOLVE_OWN",
+      other: "RESOLVE_OTHER"
+    },
+    reject: {
+      own: "REJECT_OWN",
+      other: "REJECT_OTHER"
+    }
+  };
+  const buildKey = (change) => {
+    const id = change.mark?.attrs?.id ?? `${change.from}-${change.to}`;
+    return `${id}:${change.mark?.type?.name ?? "unknown"}`;
+  };
+  const mergeChange = (bucket, change) => {
+    const key2 = buildKey(change);
+    const existing = bucket.get(key2);
+    if (existing) {
+      existing.from = Math.min(existing.from, change.from);
+      existing.to = Math.max(existing.to, change.to);
+      existing.segments.push({ from: change.from, to: change.to });
+    } else {
+      bucket.set(key2, {
+        id: change.mark?.attrs?.id ?? null,
+        type: change.mark?.type?.name ?? null,
+        attrs: { ...change.mark?.attrs ?? {} },
+        from: change.from,
+        to: change.to,
+        segments: [{ from: change.from, to: change.to }]
+      });
+    }
+  };
+  const collectTrackedChanges = ({ state: state2, from: from2, to }) => {
+    if (!state2) return [];
+    const collapsed = from2 === to;
+    const changes = getTrackChanges(state2);
+    if (!changes?.length) return [];
+    const bucket = /* @__PURE__ */ new Map();
+    changes.forEach((change) => {
+      const overlaps = collapsed ? change.from <= from2 && change.to >= from2 : change.from < to && change.to > from2;
+      if (!overlaps) return;
+      mergeChange(bucket, change);
+    });
+    return Array.from(bucket.values());
+  };
+  const derivePermissionKey = ({ action, isOwn }) => {
+    const mapping = PERMISSION_MAP[action];
+    if (!mapping) return null;
+    return isOwn ? mapping.own : mapping.other;
+  };
+  const resolveChanges = (editor) => {
+    if (!editor) return { role: "editor", isInternal: false, currentUser: null, resolver: null };
+    const role = editor.options?.role ?? "editor";
+    const isInternal = Boolean(editor.options?.isInternal);
+    const currentUser = editor.options?.user ?? null;
+    const resolver = editor.options?.permissionResolver;
+    return { role, isInternal, currentUser, resolver };
+  };
+  const isTrackedChangeActionAllowed = ({ editor, action, trackedChanges }) => {
+    if (!trackedChanges?.length) return true;
+    const { role, isInternal, currentUser, resolver } = resolveChanges(editor);
+    if (typeof resolver !== "function") return true;
+    const currentEmail = currentUser?.email ?? null;
+    return trackedChanges.every((change) => {
+      const authorEmail = change.attrs?.authorEmail ?? null;
+      const isOwn = Boolean(currentEmail && authorEmail && currentEmail === authorEmail);
+      const permission = derivePermissionKey({ action, isOwn });
+      if (!permission) return true;
+      const payload = {
+        permission,
+        role,
+        isInternal,
+        trackedChange: {
+          id: change.id,
+          type: change.type,
+          attrs: change.attrs,
+          from: change.from,
+          to: change.to,
+          segments: change.segments,
+          commentId: change.id
+        },
+        comment: change.comment ?? null
+      };
+      return resolver(payload) !== false;
+    });
+  };
+  const collectTrackedChangesForContext = ({ state: state2, pos, trackedChangeId }) => {
+    if (pos == null) return [];
+    const changes = collectTrackedChanges({ state: state2, from: pos, to: pos });
+    if (!trackedChangeId) return changes;
+    return changes.filter((change) => change.id === trackedChangeId);
+  };
   const TrackChanges = Extension.create({
     name: "trackChanges",
     addCommands() {
       return {
-        acceptTrackedChangesBetween: (from2, to) => ({ state: state2, dispatch }) => {
+        acceptTrackedChangesBetween: (from2, to) => ({ state: state2, dispatch, editor }) => {
+          const trackedChanges = collectTrackedChanges({ state: state2, from: from2, to });
+          if (!isTrackedChangeActionAllowed({ editor, action: "accept", trackedChanges })) return false;
           let { tr, doc: doc2 } = state2;
           tr.setMeta("acceptReject", true);
           const map2 = new Mapping();
@@ -75061,7 +75159,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
           return true;
         },
-        rejectTrackedChangesBetween: (from2, to) => ({ state: state2, dispatch }) => {
+        rejectTrackedChangesBetween: (from2, to) => ({ state: state2, dispatch, editor }) => {
+          const trackedChanges = collectTrackedChanges({ state: state2, from: from2, to });
+          if (!isTrackedChangeActionAllowed({ editor, action: "reject", trackedChanges })) return false;
           const { tr, doc: doc2 } = state2;
           tr.setMeta("acceptReject", true);
           const map2 = new Mapping();
@@ -91484,7 +91584,7 @@ ${style2}
   var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
   var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-  var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
+  var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn;
   var eventemitter3$1 = { exports: {} };
   var hasRequiredEventemitter3$1;
   function requireEventemitter3$1() {
@@ -91536,7 +91636,7 @@ ${style2}
         var evt = prefix2 ? prefix2 + event : event, handlers2 = this._events[evt];
         if (!handlers2) return [];
         if (handlers2.fn) return [handlers2.fn];
-        for (var i2 = 0, l2 = handlers2.length, ee = new Array(l2); i2 < l2; i2++) {
+        for (var i2 = 0, l = handlers2.length, ee = new Array(l); i2 < l; i2++) {
           ee[i2] = handlers2[i2].fn;
         }
         return ee;
@@ -92692,18 +92792,18 @@ ${style2}
           }, [
             (openBlock(), createElementBlock(Fragment$1, null, renderList(5, (i2) => {
               return openBlock(), createElementBlock(Fragment$1, { key: i2 }, [
-                (openBlock(), createElementBlock(Fragment$1, null, renderList(5, (n2) => {
+                (openBlock(), createElementBlock(Fragment$1, null, renderList(5, (n) => {
                   return createBaseVNode("div", {
                     class: "toolbar-table-grid__item",
-                    key: `${i2}_${n2}`,
-                    "data-cols": n2,
+                    key: `${i2}_${n}`,
+                    "data-cols": n,
                     "data-rows": i2,
                     "data-item": "true",
                     ref_for: true,
                     ref_key: "tableGridItems",
                     ref: tableGridItems,
-                    onKeydown: withModifiers((event) => handleKeyDown2(event, n2, i2), ["prevent"]),
-                    onClick: withModifiers(($event) => handleClick2({ cols: n2, rows: i2 }), ["stop", "prevent"])
+                    onKeydown: withModifiers((event) => handleKeyDown2(event, n, i2), ["prevent"]),
+                    onClick: withModifiers(($event) => handleClick2({ cols: n, rows: i2 }), ["stop", "prevent"])
                   }, null, 40, _hoisted_1$6$1);
                 }), 64))
               ], 64);
@@ -94438,10 +94538,31 @@ ${style2}
         __privateMethod(this, _SuperToolbar_instances, deactivateAll_fn).call(this);
         return;
       }
+      const { state: state2 } = this.activeEditor;
+      const selection = state2.selection;
+      const selectionTrackedChanges = __privateMethod(this, _SuperToolbar_instances, enrichTrackedChanges_fn).call(this, collectTrackedChanges({ state: state2, from: selection.from, to: selection.to }));
+      const hasTrackedChanges = selectionTrackedChanges.length > 0;
+      const hasValidSelection = hasTrackedChanges;
+      const canAcceptTrackedChanges = hasValidSelection && isTrackedChangeActionAllowed({
+        editor: this.activeEditor,
+        action: "accept",
+        trackedChanges: selectionTrackedChanges
+      });
+      const canRejectTrackedChanges = hasValidSelection && isTrackedChangeActionAllowed({
+        editor: this.activeEditor,
+        action: "reject",
+        trackedChanges: selectionTrackedChanges
+      });
       const marks = getActiveFormatting(this.activeEditor);
       const inTable = isInTable$1(this.activeEditor.state);
       this.toolbarItems.forEach((item) => {
         item.resetDisabled();
+        if (item.name.value === "acceptTrackedChangeBySelection") {
+          item.setDisabled(!canAcceptTrackedChanges);
+        }
+        if (item.name.value === "rejectTrackedChangeOnSelection") {
+          item.setDisabled(!canRejectTrackedChanges);
+        }
         if (item.name.value === "linkedStyles") {
           if (this.activeEditor && !getQuickFormatList(this.activeEditor).length) {
             return item.deactivate();
@@ -94614,6 +94735,19 @@ ${style2}
       this.redoDepth = redoDepth(this.activeEditor.state);
     }
   };
+  enrichTrackedChanges_fn = function(trackedChanges = []) {
+    if (!trackedChanges?.length) return trackedChanges;
+    const store = this.superdoc?.commentsStore;
+    if (!store?.getComment) return trackedChanges;
+    return trackedChanges.map((change) => {
+      const commentId = change.id;
+      if (!commentId) return change;
+      const storeComment = store.getComment(commentId);
+      if (!storeComment) return change;
+      const comment = typeof storeComment.getValues === "function" ? storeComment.getValues() : storeComment;
+      return { ...change, comment };
+    });
+  };
   runCommandWithArgumentOnly_fn = function({ item, argument, noArgumentCallback = false }, callback) {
     if (!argument || !this.activeEditor) return;
     let command2 = item.command;
@@ -95018,6 +95152,7 @@ ${style2}
       state2.selection.$head.marks().forEach((mark) => activeMarks.push(mark.type.name));
     }
     const isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete") || activeMarks.includes("trackFormat");
+    const trackedChanges = event ? collectTrackedChangesForContext({ state: state2, pos, trackedChangeId }) : collectTrackedChanges({ state: state2, from: from2, to });
     const cursorCoords = pos ? view.coordsAtPos(pos) : null;
     const cursorPosition = cursorCoords ? {
       x: cursorCoords.left,
@@ -95051,7 +95186,9 @@ ${style2}
       event,
       trigger: event ? "click" : "slash",
       // Editor reference for advanced use cases
-      editor
+      editor,
+      // Tracked change metadata
+      trackedChanges
     };
     return context;
   }
@@ -95148,6 +95285,14 @@ ${style2}
       }
     }
   };
+  const canPerformTrackedChange = (context, action) => {
+    if (!context?.editor) return true;
+    return isTrackedChangeActionAllowed({
+      editor: context.editor,
+      action,
+      trackedChanges: context.trackedChanges ?? []
+    });
+  };
   function getItems(context, customItems = [], includeDefaultItems = true) {
     const { selectedText, editor } = context;
     if (arguments.length === 1 && editor?.options?.slashMenuConfig) {
@@ -95205,7 +95350,7 @@ ${style2}
             },
             showWhen: (context2) => {
               const { trigger: trigger2, isTrackedChange } = context2;
-              return trigger2 === TRIGGERS.click && isTrackedChange;
+              return trigger2 === TRIGGERS.click && isTrackedChange && canPerformTrackedChange(context2, "accept");
             }
           },
           {
@@ -95222,7 +95367,7 @@ ${style2}
             },
             showWhen: (context2) => {
               const { trigger: trigger2, isTrackedChange } = context2;
-              return trigger2 === TRIGGERS.click && isTrackedChange;
+              return trigger2 === TRIGGERS.click && isTrackedChange && canPerformTrackedChange(context2, "reject");
             }
           }
         ]
@@ -111113,69 +111258,6 @@ ${style2}
     rejectChange: xmarkIconSvg,
     overflow: ellipsisVerticalSvg
   };
-  const PERMISSIONS = Object.freeze({
-    RESOLVE_OWN: "RESOLVE_OWN",
-    RESOLVE_OTHER: "RESOLVE_OTHER",
-    REJECT_OWN: "REJECT_OWN",
-    REJECT_OTHER: "REJECT_OTHER",
-    COMMENTS_OVERFLOW_OWN: "COMMENTS_OVERFLOW",
-    COMMENTS_OVERFLOW_OTHER: "COMMENTS_OVERFLOW_OTHER",
-    COMMENTS_DELETE_OWN: "COMMENTS_DELETE_OWN",
-    COMMENTS_DELETE_OTHER: "COMMENTS_DELETE_OTHER",
-    UPLOAD_VERSION: "UPLOAD_VERSION",
-    VERSION_HISTORY: "VERSION_HISTORY"
-  });
-  const ROLES = Object.freeze({
-    EDITOR: "editor",
-    SUGGESTER: "suggester",
-    VIEWER: "viewer"
-  });
-  const permissions = Object.freeze({
-    [PERMISSIONS.RESOLVE_OWN]: {
-      internal: [ROLES.EDITOR],
-      external: [ROLES.EDITOR]
-    },
-    [PERMISSIONS.RESOLVE_OTHER]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    },
-    [PERMISSIONS.REJECT_OWN]: {
-      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-      external: [ROLES.EDITOR, ROLES.SUGGESTER]
-    },
-    [PERMISSIONS.REJECT_OTHER]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    },
-    [PERMISSIONS.COMMENTS_OVERFLOW_OWN]: {
-      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-      external: [ROLES.EDITOR, ROLES.SUGGESTER]
-    },
-    [PERMISSIONS.COMMENTS_OVERFLOW_OTHER]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    },
-    [PERMISSIONS.COMMENTS_DELETE_OWN]: {
-      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
-      external: [ROLES.EDITOR, ROLES.SUGGESTER]
-    },
-    [PERMISSIONS.COMMENTS_DELETE_OTHER]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    },
-    [PERMISSIONS.UPLOAD_VERSION]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    },
-    [PERMISSIONS.VERSION_HISTORY]: {
-      internal: [ROLES.EDITOR],
-      external: []
-    }
-  });
-  const isAllowed = (permission, role, isInternal) => {
-    const internalExternal = isInternal ? "internal" : "external";
-    return permissions[permission]?.[internalExternal]?.includes(role);
-  };
   const _export_sfc = (sfc, props) => {
     const target = sfc.__vccOpts || sfc;
     for (const [key2, val] of props) {
@@ -111331,6 +111413,96 @@ ${style2}
     const formattedDate = `${formattedTime} ${month} ${day}`;
     return formattedDate;
   }
+  const PERMISSIONS = Object.freeze({
+    RESOLVE_OWN: "RESOLVE_OWN",
+    RESOLVE_OTHER: "RESOLVE_OTHER",
+    REJECT_OWN: "REJECT_OWN",
+    REJECT_OTHER: "REJECT_OTHER",
+    COMMENTS_OVERFLOW_OWN: "COMMENTS_OVERFLOW",
+    COMMENTS_OVERFLOW_OTHER: "COMMENTS_OVERFLOW_OTHER",
+    COMMENTS_DELETE_OWN: "COMMENTS_DELETE_OWN",
+    COMMENTS_DELETE_OTHER: "COMMENTS_DELETE_OTHER",
+    UPLOAD_VERSION: "UPLOAD_VERSION",
+    VERSION_HISTORY: "VERSION_HISTORY"
+  });
+  const ROLES = Object.freeze({
+    EDITOR: "editor",
+    SUGGESTER: "suggester",
+    VIEWER: "viewer"
+  });
+  const PERMISSION_MATRIX = Object.freeze({
+    [PERMISSIONS.RESOLVE_OWN]: {
+      internal: [ROLES.EDITOR],
+      external: [ROLES.EDITOR]
+    },
+    [PERMISSIONS.RESOLVE_OTHER]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    },
+    [PERMISSIONS.REJECT_OWN]: {
+      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
+      external: [ROLES.EDITOR, ROLES.SUGGESTER]
+    },
+    [PERMISSIONS.REJECT_OTHER]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    },
+    [PERMISSIONS.COMMENTS_OVERFLOW_OWN]: {
+      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
+      external: [ROLES.EDITOR, ROLES.SUGGESTER]
+    },
+    [PERMISSIONS.COMMENTS_OVERFLOW_OTHER]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    },
+    [PERMISSIONS.COMMENTS_DELETE_OWN]: {
+      internal: [ROLES.EDITOR, ROLES.SUGGESTER],
+      external: [ROLES.EDITOR, ROLES.SUGGESTER]
+    },
+    [PERMISSIONS.COMMENTS_DELETE_OTHER]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    },
+    [PERMISSIONS.UPLOAD_VERSION]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    },
+    [PERMISSIONS.VERSION_HISTORY]: {
+      internal: [ROLES.EDITOR],
+      external: []
+    }
+  });
+  const pickResolver = (context = {}) => {
+    if (typeof context.permissionResolver === "function") return context.permissionResolver;
+    if (context.superdoc?.config?.modules?.comments?.permissionResolver) {
+      const resolver = context.superdoc.config.modules.comments.permissionResolver;
+      if (typeof resolver === "function") return resolver;
+    }
+    if (typeof context.superdoc?.config?.permissionResolver === "function") {
+      return context.superdoc.config.permissionResolver;
+    }
+    return null;
+  };
+  const defaultDecisionFor = (permission, role, isInternal) => {
+    const internalExternal = isInternal ? "internal" : "external";
+    return PERMISSION_MATRIX[permission]?.[internalExternal]?.includes(role) ?? false;
+  };
+  const isAllowed = (permission, role, isInternal, context = {}) => {
+    const defaultDecision = defaultDecisionFor(permission, role, isInternal);
+    const resolver = pickResolver(context);
+    if (typeof resolver !== "function") return defaultDecision;
+    const decision = resolver({
+      permission,
+      role,
+      isInternal,
+      defaultDecision,
+      comment: context.comment ?? null,
+      currentUser: context.currentUser ?? context.superdoc?.config?.user ?? null,
+      superdoc: context.superdoc ?? null,
+      trackedChange: context.trackedChange ?? null
+    });
+    return typeof decision === "boolean" ? decision : defaultDecision;
+  };
   const _hoisted_1$e = { class: "card-section comment-header" };
   const _hoisted_2$7 = { class: "comment-header-left" };
   const _hoisted_3$5 = { class: "user-info" };
@@ -111387,14 +111559,30 @@ ${style2}
       const allowResolve = computed(() => {
         if (!generallyAllowed.value) return false;
         if (props.comment.parentCommentId) return false;
-        if (isOwnComment || props.comment.trackedChange) return isAllowed(PERMISSIONS.RESOLVE_OWN, role, isInternal);
-        else return isAllowed(PERMISSIONS.RESOLVE_OTHER, role, isInternal);
+        const context = {
+          comment: props.comment,
+          currentUser: proxy.$superdoc.config.user,
+          superdoc: proxy.$superdoc
+        };
+        if (isOwnComment || props.comment.trackedChange) {
+          return isAllowed(PERMISSIONS.RESOLVE_OWN, role, isInternal, context);
+        } else {
+          return isAllowed(PERMISSIONS.RESOLVE_OTHER, role, isInternal, context);
+        }
       });
       const allowReject = computed(() => {
         if (!generallyAllowed.value) return false;
         if (!props.comment.trackedChange) return false;
-        if (isOwnComment || props.comment.trackedChange) return isAllowed(PERMISSIONS.REJECT_OWN, role, isInternal);
-        else return isAllowed(PERMISSIONS.REJECT_OTHER, role, isInternal);
+        const context = {
+          comment: props.comment,
+          currentUser: proxy.$superdoc.config.user,
+          superdoc: proxy.$superdoc
+        };
+        if (isOwnComment || props.comment.trackedChange) {
+          return isAllowed(PERMISSIONS.REJECT_OWN, role, isInternal, context);
+        } else {
+          return isAllowed(PERMISSIONS.REJECT_OTHER, role, isInternal, context);
+        }
       });
       const allowOverflow = computed(() => {
         if (!generallyAllowed.value) return false;
@@ -111411,9 +111599,14 @@ ${style2}
           options.add("edit");
         }
         const isOwnComment2 = props.comment.creatorEmail === proxy.$superdoc.config.user.email;
-        if (isOwnComment2 && isAllowed(PERMISSIONS.COMMENTS_DELETE_OWN, role, isInternal)) {
+        const context = {
+          comment: props.comment,
+          currentUser: proxy.$superdoc.config.user,
+          superdoc: proxy.$superdoc
+        };
+        if (isOwnComment2 && isAllowed(PERMISSIONS.COMMENTS_DELETE_OWN, role, isInternal, context)) {
           options.add("delete");
-        } else if (!isOwnComment2 && isAllowed(PERMISSIONS.COMMENTS_DELETE_OTHER, role, isInternal)) {
+        } else if (!isOwnComment2 && isAllowed(PERMISSIONS.COMMENTS_DELETE_OTHER, role, isInternal, context)) {
           options.add("delete");
         }
         options.forEach((option) => allowedOptions.push(OVERFLOW_OPTIONS[option]));
@@ -111476,7 +111669,7 @@ ${style2}
       };
     }
   };
-  const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-27b7739c"]]);
+  const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0f4f53ef"]]);
   const _hoisted_1$d = { class: "input-section" };
   const _sfc_main$e = {
     __name: "CommentInput",
@@ -111896,7 +112089,7 @@ ${style2}
       };
     }
   };
-  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e07f3426"]]);
+  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-36e5f63e"]]);
   const _hoisted_1$b = { class: "comments-list" };
   const _hoisted_2$5 = { key: 0 };
   const _hoisted_3$3 = { class: "comment-item" };
@@ -113115,7 +113308,12 @@ ${style2}
           externalExtensions: proxy.$superdoc.config.editorExtensions || [],
           suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
           disableContextMenu: proxy.$superdoc.config.disableContextMenu,
-          jsonOverride: proxy.$superdoc.config.jsonOverride
+          jsonOverride: proxy.$superdoc.config.jsonOverride,
+          permissionResolver: (payload = {}) => proxy.$superdoc.canPerformPermission({
+            role: proxy.$superdoc.config.role,
+            isInternal: proxy.$superdoc.config.isInternal,
+            ...payload
+          })
         };
         return options;
       };
@@ -113484,7 +113682,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6de7ff3a"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ac4ea6eb"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -113579,6 +113777,8 @@ ${style2}
       users: [],
       modules: {},
       // Optional: Modules to load. Use modules.ai.{your_key} to pass in your key
+      permissionResolver: null,
+      // Optional: Override for permission checks
       title: "SuperDoc",
       conversations: [],
       pagination: false,
@@ -113636,7 +113836,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.23.0";
+      this.version = "0.24.0";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -113942,6 +114142,41 @@ ${style2}
         }
       });
     }
+    /**
+     * Determine whether the current configuration allows a given permission.
+     * Used by downstream consumers (toolbar, context menu, commands) to keep
+     * tracked-change affordances consistent with customer overrides.
+     *
+     * @param {Object} params
+     * @param {string} params.permission Permission key to evaluate
+     * @param {string} [params.role=this.config.role] Role to evaluate against
+     * @param {boolean} [params.isInternal=this.config.isInternal] Internal/external flag
+     * @param {Object|null} [params.comment] Comment object (if already resolved)
+     * @param {Object|null} [params.trackedChange] Tracked change metadata (id, attrs, etc.)
+     * @returns {boolean}
+     */
+    canPerformPermission({
+      permission,
+      role = this.config.role,
+      isInternal = this.config.isInternal,
+      comment = null,
+      trackedChange = null
+    } = {}) {
+      if (!permission) return false;
+      let resolvedComment = comment ?? trackedChange?.comment ?? null;
+      const commentId = trackedChange?.commentId || trackedChange?.id;
+      if (!resolvedComment && commentId && this.commentsStore?.getComment) {
+        const storeComment = this.commentsStore.getComment(commentId);
+        resolvedComment = storeComment?.getValues ? storeComment.getValues() : storeComment;
+      }
+      const context = {
+        superdoc: this,
+        currentUser: this.config.user,
+        comment: resolvedComment ?? null,
+        trackedChange: trackedChange ?? null
+      };
+      return isAllowed(permission, role, isInternal, context);
+    }
     #addToolbar() {
       const moduleConfig = this.config.modules?.toolbar || {};
       this.toolbarElement = this.config.modules?.toolbar?.selector || this.config.toolbar;