@harbour-enterprises/superdoc 0.23.0-next.25 → 0.23.0-next.27

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

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 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;
-import { ax as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aA as vClickOutside, H as findParentNode, aB as getActiveFormatting, at as isInTable, aC as readFromClipboard, aD as handleClipboardPaste, aE as getFileObject, aF as runPropertyTranslators, aG as commentRangeEndTranslator, aH as commentRangeStartTranslator, aI as translator, aJ as translator$1, aK as translator$2, aL as translator$3, aM as translator$4, aN as translator$5, aO as translator$6, aP as translator$7, aQ as translator$8, aR as translator$9, aS as translator$a, aT as translator$b, aU as translator$c, aV as translator$d, aW as translator$e, aX as translator$f, aY as translator$g, aZ as translator$h, a_ as translator$i, a$ as translator$j, b0 as translator$k, b1 as translator$l, b2 as translator$m, b3 as translator$n, b4 as translator$o, b5 as translator$p, b6 as translator$q, b7 as translator$r, b8 as translator$s, b9 as translator$t, ba as translator$u, bb as translator$v, bc as translator$w, bd as translator$x, be as translator$y, bf as translator$z, bg as translator$A, bh as translator$B, bi as translator$C, bj as translator$D, bk as translator$E, bl as translator$F, bm as translator$G, bn as translator$H, bo as translator$I, bp as translator$J, bq as translator$K, br as translator$L, bs as translator$M, bt as translator$N, bu as translator$O, bv as translator$P, bw as translator$Q, bx as translator$R, by as translator$S, bz as translator$T, bA as translator$U, bB as translator$V, bC as translator$W, bD as translator$X, bE as translator$Y, bF as translator$Z, bG as translator$_, bH as translator$$, bI as translator$10, bJ as translator$11, bK as translator$12, a as Plugin } from "./chunks/converter-CL8NqbzP.js";
-import { bL, a5, i, a2 } from "./chunks/converter-CL8NqbzP.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, y as yUndoPluginKey, f as undoDepth, h as redoDepth, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-DDXA7n3I.js";
-import { n, C, o, T, l, p, m } from "./chunks/editor-DDXA7n3I.js";
+import { ax as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aA as vClickOutside, H as findParentNode, aB as getActiveFormatting, at as isInTable, aC as readFromClipboard, aD as handleClipboardPaste, aE as getFileObject, aF as runPropertyTranslators, aG as commentRangeEndTranslator, aH as commentRangeStartTranslator, aI as translator, aJ as translator$1, aK as translator$2, aL as translator$3, aM as translator$4, aN as translator$5, aO as translator$6, aP as translator$7, aQ as translator$8, aR as translator$9, aS as translator$a, aT as translator$b, aU as translator$c, aV as translator$d, aW as translator$e, aX as translator$f, aY as translator$g, aZ as translator$h, a_ as translator$i, a$ as translator$j, b0 as translator$k, b1 as translator$l, b2 as translator$m, b3 as translator$n, b4 as translator$o, b5 as translator$p, b6 as translator$q, b7 as translator$r, b8 as translator$s, b9 as translator$t, ba as translator$u, bb as translator$v, bc as translator$w, bd as translator$x, be as translator$y, bf as translator$z, bg as translator$A, bh as translator$B, bi as translator$C, bj as translator$D, bk as translator$E, bl as translator$F, bm as translator$G, bn as translator$H, bo as translator$I, bp as translator$J, bq as translator$K, br as translator$L, bs as translator$M, bt as translator$N, bu as translator$O, bv as translator$P, bw as translator$Q, bx as translator$R, by as translator$S, bz as translator$T, bA as translator$U, bB as translator$V, bC as translator$W, bD as translator$X, bE as translator$Y, bF as translator$Z, bG as translator$_, bH as translator$$, bI as translator$10, bJ as translator$11, bK as translator$12, a as Plugin } from "./chunks/converter-B2Y-pDXk.js";
+import { bL, a5, i, a2 } from "./chunks/converter-B2Y-pDXk.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, y as yUndoPluginKey, f as undoDepth, h as redoDepth, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-GN9xFFdh.js";
+import { n, C, o, T, l, p, m } from "./chunks/editor-GN9xFFdh.js";
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, reactive, onUnmounted, renderSlot, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BkZURoPS.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-Bq8miKER.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-Ab__pf6Y.js";
+import { D } from "./chunks/docx-zipper-bhLh8OB6.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -3349,7 +3349,9 @@ const ICONS = {
   copy: copyIconSvg,
   paste: pasteIconSvg,
   addDocumentSection: plusIconSvg,
-  removeDocumentSection: trashIconSvg
+  removeDocumentSection: trashIconSvg,
+  trackChangesAccept: checkIconSvg$1,
+  trackChangesReject: xMarkIconSvg
 };
 const TEXTS = {
   addRowBefore: "Insert row above",
@@ -3372,7 +3374,9 @@ const TEXTS = {
   copy: "Copy",
   paste: "Paste",
   removeDocumentSection: "Remove section",
-  createDocumentSection: "Create section"
+  createDocumentSection: "Create section",
+  trackChangesAccept: "Accept change",
+  trackChangesReject: "Reject change"
 };
 const tableActionsOptions = [
   {
@@ -3576,34 +3580,37 @@ async function getEditorContext(editor, event) {
   const isInSectionNode = structureFromResolvedPos?.isInSectionNode ?? selectionHasNodeOrMark(state, "documentSection", { requireEnds: true });
   const currentNodeType = node?.type?.name || null;
   const activeMarks = [];
+  let trackedChangeId = null;
   if (event && pos !== null) {
     const $pos = state.doc.resolve(pos);
-    if ($pos.marks && typeof $pos.marks === "function") {
-      $pos.marks().forEach((mark) => activeMarks.push(mark.type.name));
+    const processMark = (mark) => {
+      if (!activeMarks.includes(mark.type.name)) {
+        activeMarks.push(mark.type.name);
+      }
+      if (!trackedChangeId && (mark.type.name === "trackInsert" || mark.type.name === "trackDelete" || mark.type.name === "trackFormat")) {
+        trackedChangeId = mark.attrs.id;
+      }
+    };
+    for (let depth = 0; depth <= $pos.depth; depth++) {
+      const nodeAtDepth = $pos.node(depth);
+      if (nodeAtDepth && nodeAtDepth.marks) {
+        nodeAtDepth.marks.forEach(processMark);
+      }
     }
-    if (node && node.marks) {
-      node.marks.forEach((mark) => activeMarks.push(mark.type.name));
+    if (state.storedMarks) {
+      state.storedMarks.forEach(processMark);
     }
   } else {
     state.storedMarks?.forEach((mark) => activeMarks.push(mark.type.name));
     state.selection.$head.marks().forEach((mark) => activeMarks.push(mark.type.name));
   }
-  const isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete");
-  let trackedChangeId = null;
-  if (isTrackedChange && event && pos !== null) {
-    const $pos = state.doc.resolve(pos);
-    const marksAtPos = $pos.marks();
-    const trackedMark = marksAtPos.find((mark) => mark.type.name === "trackInsert" || mark.type.name === "trackDelete");
-    if (trackedMark) {
-      trackedChangeId = trackedMark.attrs.id;
-    }
-  }
+  const isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete") || activeMarks.includes("trackFormat");
   const cursorCoords = pos ? view.coordsAtPos(pos) : null;
   const cursorPosition = cursorCoords ? {
     x: cursorCoords.left,
     y: cursorCoords.top
   } : null;
-  return {
+  const context = {
     // Selection info
     selectedText,
     hasSelection: !empty,
@@ -3629,9 +3636,11 @@ async function getEditorContext(editor, event) {
     pos,
     node,
     event,
+    trigger: event ? "click" : "slash",
     // Editor reference for advanced use cases
     editor
   };
+  return context;
 }
 function computeCanUndo(editor, state) {
   if (typeof editor?.can === "function") {
@@ -3712,160 +3721,209 @@ const isModuleEnabled = (editorOptions, moduleName) => {
   switch (moduleName) {
     case "ai":
       return !!editorOptions?.isAiEnabled;
-    // Example for future use cases
-    // case 'comments':
-    // return !!editorOptions?.isCommentsEnabled;
     default:
       return true;
   }
 };
-function applyCustomMenuConfiguration(defaultSections, context) {
-  const { editor } = context;
-  const slashMenuConfig = editor.options?.slashMenuConfig;
-  if (!slashMenuConfig) {
-    return defaultSections;
-  }
-  let sections = [];
-  if (slashMenuConfig.includeDefaultItems !== false) {
-    sections = [...defaultSections];
-  }
-  if (slashMenuConfig.customItems && Array.isArray(slashMenuConfig.customItems)) {
-    sections = [...sections, ...slashMenuConfig.customItems];
-  }
-  if (typeof slashMenuConfig.menuProvider === "function") {
+const shouldShowItem = (item, context) => {
+  if (typeof item.showWhen === "function") {
     try {
-      sections = slashMenuConfig.menuProvider(context, sections) || sections;
+      return item.showWhen(context);
     } catch (error) {
-      console.warn("[SlashMenu] Error in custom menuProvider:", error);
+      console.warn("[SlashMenu] showWhen error for item", item.id, ":", error);
+      return false;
     }
   }
-  return sections;
-}
-function filterCustomItems(sections, context) {
-  return sections.map((section) => {
-    const filteredItems = section.items.filter((item) => {
-      if (typeof item.showWhen === "function") {
-        try {
-          return item.showWhen(context);
-        } catch (error) {
-          console.warn(`[SlashMenu] Error in showWhen for item ${item.id}:`, error);
-          return false;
-        }
-      }
-      return true;
-    });
-    return {
-      ...section,
-      items: filteredItems
-    };
-  }).filter((section) => section.items.length > 0);
-}
-function getItems(context) {
-  const { editor, selectedText, trigger, clipboardContent } = context;
-  const clipboardHasContent = Boolean(
-    clipboardContent?.hasContent || clipboardContent?.html || clipboardContent?.text || typeof clipboardContent?.size === "number" && clipboardContent.size > 0 || clipboardContent && typeof clipboardContent?.content?.size === "number" && clipboardContent.content.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw.size === "number" && clipboardContent.raw.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw?.content?.size === "number" && clipboardContent.raw.content.size > 0
-  );
-  const isInTable2 = selectionHasNodeOrMark(editor.view.state, "table", { requireEnds: true });
-  const isInSectionNode = selectionHasNodeOrMark(editor.view.state, "documentSection", { requireEnds: true });
-  const sections = [
+};
+function getItems(context, customItems = [], includeDefaultItems = true) {
+  const { selectedText, editor } = context;
+  if (arguments.length === 1 && editor?.options?.slashMenuConfig) {
+    customItems = editor.options.slashMenuConfig.items || editor.options.slashMenuConfig.customItems || [];
+    includeDefaultItems = editor.options.slashMenuConfig.includeDefaultItems !== false;
+  }
+  const enhancedContext = {
+    ...context,
+    isInTable: context.isInTable ?? false,
+    isInSectionNode: context.isInSectionNode ?? false,
+    isTrackedChange: context.isTrackedChange ?? false,
+    clipboardContent: context.clipboardContent ?? { hasContent: false },
+    selectedText: context.selectedText ?? "",
+    hasSelection: context.hasSelection ?? Boolean(context.selectedText)
+  };
+  const defaultSections = [
     {
       id: "ai-content",
+      isDefault: true,
       items: [
         {
           id: "insert-text",
           label: selectedText ? TEXTS.replaceText : TEXTS.insertText,
           icon: ICONS.ai,
           component: AIWriter,
+          isDefault: true,
           action: (editor2) => {
             if (editor2?.commands && typeof editor2.commands?.insertAiMark === "function") {
               editor2.commands.insertAiMark();
             }
           },
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click],
-          requiresModule: "ai"
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && isModuleEnabled(context2.editor?.options, "ai");
+          }
+        }
+      ]
+    },
+    {
+      id: "track-changes",
+      isDefault: true,
+      items: [
+        {
+          id: "track-changes-accept",
+          icon: ICONS.trackChangesAccept,
+          label: TEXTS.trackChangesAccept,
+          isDefault: true,
+          action: (editor2, context2) => {
+            if (context2?.trackedChangeId) {
+              editor2.commands.acceptTrackedChangeById(context2.trackedChangeId);
+            } else {
+              editor2.commands.acceptTrackedChangeBySelection();
+            }
+          },
+          showWhen: (context2) => {
+            const { trigger, isTrackedChange } = context2;
+            return trigger === TRIGGERS.click && isTrackedChange;
+          }
+        },
+        {
+          id: "track-changes-reject",
+          label: TEXTS.trackChangesReject,
+          icon: ICONS.trackChangesReject,
+          isDefault: true,
+          action: (editor2, context2) => {
+            if (context2?.trackedChangeId) {
+              editor2.commands.rejectTrackedChangeById(context2.trackedChangeId);
+            } else {
+              editor2.commands.rejectTrackedChangeOnSelection();
+            }
+          },
+          showWhen: (context2) => {
+            const { trigger, isTrackedChange } = context2;
+            return trigger === TRIGGERS.click && isTrackedChange;
+          }
         }
       ]
     },
     {
       id: "document-sections",
+      isDefault: true,
       items: [
         {
           id: "insert-document-section",
           label: TEXTS.createDocumentSection,
           icon: ICONS.addDocumentSection,
+          isDefault: true,
           action: (editor2) => {
             editor2.commands.createDocumentSection();
           },
-          allowedTriggers: [TRIGGERS.click]
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            return trigger === TRIGGERS.click;
+          }
         },
         {
           id: "remove-section",
           label: TEXTS.removeDocumentSection,
           icon: ICONS.removeDocumentSection,
+          isDefault: true,
           action: (editor2) => {
             editor2.commands.removeSectionAtSelection();
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSectionParent: true
+          showWhen: (context2) => {
+            const { trigger, isInSectionNode } = context2;
+            return trigger === TRIGGERS.click && isInSectionNode;
+          }
         }
       ]
     },
     {
       id: "general",
+      isDefault: true,
       items: [
         {
           id: "insert-link",
           label: TEXTS.insertLink,
           icon: ICONS.link,
           component: LinkInput,
-          allowedTriggers: [TRIGGERS.click]
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            return trigger === TRIGGERS.click;
+          }
         },
         {
           id: "insert-table",
           label: TEXTS.insertTable,
           icon: ICONS.table,
           component: TableGrid,
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click]
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger, isInTable: isInTable2 } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && !isInTable2;
+          }
         },
         {
           id: "edit-table",
           label: TEXTS.editTable,
           icon: ICONS.table,
           component: TableActions,
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click],
-          requiresTableParent: true
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger, isInTable: isInTable2 } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && isInTable2;
+          }
         }
       ]
     },
     {
       id: "clipboard",
+      isDefault: true,
       items: [
         {
           id: "cut",
           label: TEXTS.cut,
           icon: ICONS.cut,
+          isDefault: true,
           action: (editor2) => {
             editor2.view.focus();
             document.execCommand("cut");
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSelection: true
+          showWhen: (context2) => {
+            const { trigger, selectedText: selectedText2 } = context2;
+            return trigger === TRIGGERS.click && selectedText2;
+          }
         },
         {
           id: "copy",
           label: TEXTS.copy,
           icon: ICONS.copy,
+          isDefault: true,
           action: (editor2) => {
             editor2.view.focus();
             document.execCommand("copy");
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSelection: true
+          showWhen: (context2) => {
+            const { trigger, selectedText: selectedText2 } = context2;
+            return trigger === TRIGGERS.click && selectedText2;
+          }
         },
         {
           id: "paste",
           label: TEXTS.paste,
           icon: ICONS.paste,
+          isDefault: true,
           action: async (editor2) => {
             try {
               const clipboardItems = await navigator.clipboard.read();
@@ -3879,7 +3937,7 @@ function getItems(context) {
                   text = await (await item.getType("text/plain")).text();
                 }
               }
-              const handled = handleClipboardPaste({ editor: editor2, view: editor2.view }, html, text);
+              const handled = handleClipboardPaste({ editor: editor2, view: editor2.view }, html);
               if (!handled) {
                 const dataTransfer = new DataTransfer();
                 if (html) dataTransfer.setData("text/html", html);
@@ -3895,30 +3953,52 @@ function getItems(context) {
               console.warn("Failed to paste:", error);
             }
           },
-          allowedTriggers: [TRIGGERS.click, TRIGGERS.slash],
-          requiresClipboard: true
+          showWhen: (context2) => {
+            const { trigger, clipboardContent } = context2;
+            const allowedTriggers = [TRIGGERS.click, TRIGGERS.slash];
+            const hasContent = clipboardContent?.hasContent || clipboardContent?.size > 0 || clipboardContent?.content?.size > 0;
+            return allowedTriggers.includes(trigger) && hasContent;
+          }
         }
       ]
     }
   ];
-  let allSections = applyCustomMenuConfiguration(sections, context);
-  const filteredSections = allSections.map((section) => {
-    const filteredItems = section.items.filter((item) => {
-      if (item.requiresModule && !isModuleEnabled(editor?.options, item.requiresModule)) return false;
-      if (item.requiresSelection && !selectedText) return false;
-      if (!item.allowedTriggers.includes(trigger)) return false;
-      if (item.requiresClipboard && !clipboardHasContent) return false;
-      if (item.requiresTableParent && !isInTable2 || item.id === "insert-table" && isInTable2) return false;
-      if (item.requiresSectionParent && !isInSectionNode) return false;
-      return true;
+  let allSections = [];
+  if (includeDefaultItems) {
+    allSections = [...defaultSections];
+  }
+  if (customItems.length > 0) {
+    customItems.forEach((customSection) => {
+      const existingSectionIndex = allSections.findIndex((section) => section.id === customSection.id);
+      if (existingSectionIndex !== -1) {
+        allSections[existingSectionIndex].items = [
+          ...allSections[existingSectionIndex].items,
+          ...customSection.items.map((item) => ({ ...item, isDefault: false }))
+        ];
+      } else {
+        allSections.push({
+          ...customSection,
+          isDefault: false,
+          items: customSection.items.map((item) => ({ ...item, isDefault: false }))
+        });
+      }
     });
+  }
+  if (editor?.options?.slashMenuConfig?.menuProvider) {
+    try {
+      allSections = editor.options.slashMenuConfig.menuProvider(enhancedContext, allSections) || allSections;
+    } catch (error) {
+      console.warn("[SlashMenu] menuProvider error:", error);
+    }
+  }
+  const filteredSections = allSections.map((section) => {
+    const filteredItems = section.items.filter((item) => shouldShowItem(item, enhancedContext));
     return {
       ...section,
       items: filteredItems
     };
   }).filter((section) => section.items.length > 0);
-  const finalSections = filterCustomItems(filteredSections, context);
-  return finalSections;
+  return filteredSections;
 }
 const _hoisted_1$3 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
@@ -4001,13 +4081,28 @@ const _sfc_main$4 = {
     });
     const customItemRefs = /* @__PURE__ */ new Map();
     const setCustomItemRef = (el, item) => {
-      if (el && item.render) {
+      if (el) {
         customItemRefs.set(item.id, { element: el, item });
         nextTick(() => {
           renderCustomItem(item.id);
         });
       }
     };
+    const defaultRender = (context) => {
+      const item = context.item || context.currentItem;
+      const container = document.createElement("div");
+      container.className = "slash-menu-default-content";
+      if (item.icon) {
+        const iconSpan = document.createElement("span");
+        iconSpan.className = "slash-menu-item-icon";
+        iconSpan.innerHTML = item.icon;
+        container.appendChild(iconSpan);
+      }
+      const labelSpan = document.createElement("span");
+      labelSpan.textContent = item.label;
+      container.appendChild(labelSpan);
+      return container;
+    };
     const renderCustomItem = async (itemId) => {
       const refData = customItemRefs.get(itemId);
       if (!refData || refData.element.hasCustomContent) return;
@@ -4016,8 +4111,9 @@ const _sfc_main$4 = {
         if (!currentContext.value) {
           currentContext.value = await getEditorContext(props.editor);
         }
-        const context = currentContext.value;
-        const customElement = item.render(context);
+        const contextWithItem = { ...currentContext.value, currentItem: item };
+        const renderFunction = item.render || defaultRender;
+        const customElement = renderFunction(contextWithItem);
         if (customElement instanceof HTMLElement) {
           element.innerHTML = "";
           element.appendChild(customElement);
@@ -4025,7 +4121,9 @@ const _sfc_main$4 = {
         }
       } catch (error) {
         console.warn(`[SlashMenu] Error rendering custom item ${itemId}:`, error);
-        element.innerHTML = `<span>${item.label || "Custom Item"}</span>`;
+        const fallbackElement = defaultRender({ ...currentContext.value || {}, currentItem: item });
+        element.innerHTML = "";
+        element.appendChild(fallbackElement);
         element.hasCustomContent = true;
       }
     };
@@ -4220,19 +4318,20 @@ const _sfc_main$4 = {
                   class: normalizeClass(["slash-menu-item", { "is-selected": item.id === selectedId.value }]),
                   onClick: ($event) => executeCommand(item)
                 }, [
-                  item.render ? (openBlock(), createElementBlock("div", {
-                    key: 0,
+                  createElementVNode("div", {
                     ref_for: true,
                     ref: (el) => setCustomItemRef(el, item),
                     class: "slash-menu-custom-item"
-                  }, null, 512)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    item.icon ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: "slash-menu-item-icon",
-                      innerHTML: item.icon
-                    }, null, 8, _hoisted_4)) : createCommentVNode("", true),
-                    createElementVNode("span", null, toDisplayString(item.label), 1)
-                  ], 64))
+                  }, [
+                    !item.render ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      item.icon ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "slash-menu-item-icon",
+                        innerHTML: item.icon
+                      }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+                      createElementVNode("span", null, toDisplayString(item.label), 1)
+                    ], 64)) : createCommentVNode("", true)
+                  ], 512)
                 ], 10, _hoisted_3$1);
               }), 128))
             ], 64);

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-BkZURoPS.js";
-import "./chunks/editor-DDXA7n3I.js";
+import { T } from "./chunks/toolbar-Bq8miKER.js";
+import "./chunks/editor-GN9xFFdh.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DZWnc89F.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DpCRbxmi.cjs");
 require("./chunks/vue-DKMj1I9B.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { A, a, _, C, D, E, b, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-BhyobyII.es.js";
+import { A, a, _, C, D, E, b, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-D0-dqxm2.es.js";
 import "./chunks/vue-ZWZLQtoU.es.js";
 export {
   A as AIWriter,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-DZWnc89F.cjs");
-const superdoc = require("./chunks/index-CIz8zQ3h.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DpCRbxmi.cjs");
+const superdoc = require("./chunks/index-BjwQD_um.cjs");
 require("./chunks/vue-DKMj1I9B.cjs");
 const blankDocx = require("./chunks/blank-docx-CPqX9RF5.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-BhyobyII.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-ePxDRT3A.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-D0-dqxm2.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-DScOqhcx.es.js";
 import "./chunks/vue-ZWZLQtoU.es.js";
 import { B } from "./chunks/blank-docx-iwdyG9RH.es.js";
 export {