superdoc 1.0.0-beta.37 → 1.0.0-beta.39

package/dist/super-editor/chunks/{index-CVmL6SHD.js → index-BqDEyWLQ.js}

@@ -1,4 +1,4 @@
-import { aK as getDefaultExportFromCjs } from "./converter-ubqPT9rF.js";
+import { aK as getDefaultExportFromCjs } from "./converter-nztpWkGr.js";
 import { V as VFile } from "./index-CvBqQJbG.js";
 function bail(error) {
   if (error) {

package/dist/super-editor/chunks/{toolbar-CKT2hVa-.js → toolbar-MtmAPa0Z.js}

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, onMounted, onBeforeUnmount, createVNode, readonly, watch, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-ubqPT9rF.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-Udi34-u-.js";
+import { p as process$1 } from "./converter-nztpWkGr.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-H7c-XUpw.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);

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

@@ -1,4 +1,4 @@
-import { ac } from "./chunks/converter-ubqPT9rF.js";
+import { ac } from "./chunks/converter-nztpWkGr.js";
 export {
   ac as SuperConverter
 };

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-ubqPT9rF.js";
-import { D } from "./chunks/docx-zipper-w_7HFRZI.js";
+import "./chunks/converter-nztpWkGr.js";
+import { D } from "./chunks/docx-zipper-DaYim92a.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-Udi34-u-.js";
-import "./chunks/converter-ubqPT9rF.js";
-import "./chunks/docx-zipper-w_7HFRZI.js";
+import { E } from "./chunks/editor-H7c-XUpw.js";
+import "./chunks/converter-nztpWkGr.js";
+import "./chunks/docx-zipper-DaYim92a.js";
 export {
   E as Editor
 };

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

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-w_7HFRZI.js";
+import { J as JSZip } from "./chunks/docx-zipper-DaYim92a.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -1889,18 +1889,18 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   min-height: 40px;
 }
 
-.superdoc-table-resize-overlay[data-v-2fdf7836] {
+.superdoc-table-resize-overlay[data-v-814384b6] {
   position: absolute;
   pointer-events: none;
   user-select: none;
 }
-.resize-handle[data-v-2fdf7836] {
+.resize-handle[data-v-814384b6] {
   position: absolute;
   cursor: col-resize;
   user-select: none;
   z-index: 15;
 }
-.resize-handle[data-v-2fdf7836]::before {
+.resize-handle[data-v-814384b6]::before {
   content: '';
   position: absolute;
   left: 50%;
@@ -1913,17 +1913,17 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
     background-color 0.2s ease,
     width 0.2s ease;
 }
-.resize-handle[data-v-2fdf7836]:hover::before {
+.resize-handle[data-v-814384b6]:hover::before {
   background-color: #4a90e2;
   width: 3px;
   transform: translateX(-1.5px);
 }
-.resize-handle--active[data-v-2fdf7836]::before {
+.resize-handle--active[data-v-814384b6]::before {
   background-color: #4a90e2;
   width: 2px;
   transform: translateX(-1px);
 }
-.resize-guideline[data-v-2fdf7836] {
+.resize-guideline[data-v-814384b6] {
   position: absolute;
   background-color: #4a90e2;
   pointer-events: none;
@@ -1969,10 +1969,10 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
 }
 
-.editor-element[data-v-6cfd3305] {
+.editor-element[data-v-a935d3e2] {
   position: relative;
 }
-.super-editor-container[data-v-6cfd3305] {
+.super-editor-container[data-v-a935d3e2] {
   width: auto;
   height: auto;
   min-width: 8in;
@@ -1981,14 +1981,14 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-6cfd3305] {
+.ruler[data-v-a935d3e2] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-6cfd3305] {
+.super-editor[data-v-a935d3e2] {
   color: initial;
   overflow: hidden;
 }
-.placeholder-editor[data-v-6cfd3305] {
+.placeholder-editor[data-v-a935d3e2] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2000,7 +2000,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-6cfd3305] {
+.placeholder-title[data-v-a935d3e2] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;

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 _MARK_TOGGLE_NAMES, _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn, syncStickyMarksFromState_fn, restoreStickyMarksIfNeeded_fn, ensureStoredMarksForMarkToggle_fn;
-import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-ubqPT9rF.js";
-import { ac, i, a9, aQ } from "./chunks/converter-ubqPT9rF.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, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as measureCache, n as isHeadless, E as Editor, o as getStarterExtensions, P as PresentationEditor, p as Placeholder, q as getRichTextExtensions, D as DecorationSet, t as Decoration, M as Mark, v as Extension, A as Attribute, N as Node } from "./chunks/editor-Udi34-u-.js";
-import { z, F, B, T, w, C, x } from "./chunks/editor-Udi34-u-.js";
+import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-nztpWkGr.js";
+import { ac, i, a9, aQ } from "./chunks/converter-nztpWkGr.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, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as measureCache, n as isHeadless, E as Editor, o as getStarterExtensions, P as PresentationEditor, p as Placeholder, q as getRichTextExtensions, D as DecorationSet, t as Decoration, M as Mark, v as Extension, A as Attribute, N as Node } from "./chunks/editor-H7c-XUpw.js";
+import { z, F, B, T, w, C, x } from "./chunks/editor-H7c-XUpw.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, defineComponent, reactive, onUnmounted, renderSlot, useCssVars, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-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-CKT2hVa-.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-MtmAPa0Z.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-w_7HFRZI.js";
+import { D } from "./chunks/docx-zipper-DaYim92a.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -2556,16 +2556,6 @@ const _SuperToolbar = class _SuperToolbar extends EventEmitter {
         if (!argument) return;
         item.onActivate({ zoom: argument });
         this.emit("superdoc-command", { item, argument });
-        const layers = this.superdoc.element?.querySelector(".layers");
-        if (!layers) return;
-        const isMobileDevice = typeof screen.orientation !== "undefined";
-        const isSmallScreen = window.matchMedia("(max-width: 834px)").matches;
-        if (isMobileDevice && isSmallScreen) {
-          layers.style.transformOrigin = "0 0";
-          layers.style.transform = `scale(${parseInt(argument, 10) / 100})`;
-        } else {
-          layers.style.zoom = parseInt(argument, 10) / 100;
-        }
         this.superdoc.superdocStore.activeZoom = parseInt(argument, 10);
       },
       /**
@@ -4912,6 +4902,19 @@ const _sfc_main$4 = {
     const emit = __emit;
     const overlayRect = ref(null);
     const tableMetadata = ref(null);
+    const getZoom = () => {
+      const editor = props.editor;
+      if (editor && typeof editor.zoom === "number") {
+        return editor.zoom;
+      }
+      if (editor?.presentationEditor && typeof editor.presentationEditor.zoom === "number") {
+        return editor.presentationEditor.zoom;
+      }
+      console.warn(
+        "[TableResizeOverlay] getZoom: Unable to retrieve zoom from editor instance, using fallback value of 1. This may indicate the editor is not fully initialized or is not a PresentationEditor instance. Table resize handles may be misaligned."
+      );
+      return 1;
+    };
     const dragState = ref(null);
     const forcedCleanup = ref(false);
     let rafId = null;
@@ -5021,12 +5024,16 @@ const _sfc_main$4 = {
       }));
     }
     function getSegmentHandleStyle(boundary, segment) {
+      const zoom = getZoom();
+      const scaledX = boundary.x * zoom;
+      const scaledY = segment.y != null ? segment.y * zoom : null;
+      const scaledH = segment.h != null ? segment.h * zoom : null;
       return {
         position: "absolute",
-        left: `${boundary.x}px`,
-        top: segment.y != null ? `${segment.y}px` : "0",
+        left: `${scaledX}px`,
+        top: scaledY != null ? `${scaledY}px` : "0",
         width: `${RESIZE_HANDLE_WIDTH_PX}px`,
-        height: segment.h != null ? `${segment.h}px` : "100%",
+        height: scaledH != null ? `${scaledH}px` : "100%",
         transform: `translateX(-${RESIZE_HANDLE_OFFSET_PX}px)`,
         cursor: "col-resize",
         pointerEvents: "auto"
@@ -5036,7 +5043,8 @@ const _sfc_main$4 = {
       if (!dragState.value || !tableMetadata.value) return { display: "none" };
       const initialBoundary = resizableBoundaries.value[dragState.value.resizableBoundaryIndex];
       if (!initialBoundary) return { display: "none" };
-      const newX = initialBoundary.x + dragState.value.constrainedDelta;
+      const zoom = getZoom();
+      const newX = (initialBoundary.x + dragState.value.constrainedDelta) * zoom;
       return {
         position: "absolute",
         left: `${newX}px`,
@@ -5164,7 +5172,9 @@ const _sfc_main$4 = {
     }
     const mouseMoveThrottle = throttle((event) => {
       if (isUnmounted || !dragState.value) return;
-      const delta = event.clientX - dragState.value.initialX;
+      const zoom = getZoom();
+      const screenDelta = event.clientX - dragState.value.initialX;
+      const delta = screenDelta / zoom;
       const minDelta = -(dragState.value.leftColumn.width - dragState.value.leftColumn.minWidth);
       let maxDelta;
       if (dragState.value.isRightEdge) {
@@ -5175,7 +5185,7 @@ const _sfc_main$4 = {
           const tableLeftInPage = tableRect.left - pageRect.left;
           const rightMargin = tableLeftInPage;
           const maxRightPosition = pageRect.right - rightMargin;
-          const availableSpace = maxRightPosition - tableRect.right;
+          const availableSpace = (maxRightPosition - tableRect.right) / zoom;
           maxDelta = Math.max(0, availableSpace);
         } else {
           maxDelta = Infinity;
@@ -5411,7 +5421,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2fdf7836"]]);
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-814384b6"]]);
 const _hoisted_1$2 = ["data-handle-position", "onMousedown"];
 const OVERLAY_EXPANSION_PX = 2e3;
 const RESIZE_HANDLE_SIZE_PX = 12;
@@ -5845,6 +5855,8 @@ const _sfc_main$3 = {
   }
 };
 const ImageResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e66ec7bb"]]);
+const LINK_CLICK_DEBOUNCE_MS = 300;
+const CURSOR_UPDATE_TIMEOUT_MS = 10;
 const _sfc_main$2 = {
   __name: "LinkClickHandler",
   props: {
@@ -5867,7 +5879,15 @@ const _sfc_main$2 = {
   },
   setup(__props) {
     const props = __props;
+    let lastLinkClickTime = 0;
     const handleLinkClick = (event) => {
+      const detail = event?.detail ?? {};
+      const linkElement = detail.element;
+      const now = Date.now();
+      if (now - lastLinkClickTime < LINK_CLICK_DEBOUNCE_MS) {
+        return;
+      }
+      lastLinkClickTime = now;
       if (props.popoverVisible) {
         props.closePopover();
         return;
@@ -5879,12 +5899,34 @@ const _sfc_main$2 = {
       if (!surface) {
         return;
       }
-      const detail = event?.detail ?? {};
-      moveCursorToMouseEvent(detail, props.editor);
+      const pmStart = linkElement?.dataset?.pmStart;
+      if (pmStart != null) {
+        const pos = parseInt(pmStart, 10);
+        const state = props.editor.state;
+        const doc = state.doc;
+        if (!isNaN(pos) && pos >= 0 && pos <= doc.content.size) {
+          const tr = state.tr.setSelection(TextSelection$1.create(doc, pos));
+          props.editor.dispatch(tr);
+        } else {
+          console.warn(`Invalid PM position from data-pm-start: ${pmStart}, falling back to coordinate-based positioning`);
+          moveCursorToMouseEvent(detail, props.editor);
+        }
+      } else {
+        moveCursorToMouseEvent(detail, props.editor);
+      }
       setTimeout(() => {
         const currentState = props.editor.state;
+        const $from = currentState.selection.$from;
+        const linkMarkType = currentState.schema.marks.link;
+        const nodeAfter = $from.nodeAfter;
+        const nodeBefore = $from.nodeBefore;
+        const marksOnNodeAfter = nodeAfter?.marks || [];
+        const marksOnNodeBefore = nodeBefore?.marks || [];
+        const linkOnNodeAfter = linkMarkType && marksOnNodeAfter.some((m) => m.type === linkMarkType);
+        const linkOnNodeBefore = linkMarkType && marksOnNodeBefore.some((m) => m.type === linkMarkType);
+        const hasLinkAdjacent = linkOnNodeAfter || linkOnNodeBefore;
         const hasLink = selectionHasNodeOrMark(currentState, "link", { requireEnds: true });
-        if (hasLink) {
+        if (hasLink || hasLinkAdjacent) {
           const surfaceRect = surface.getBoundingClientRect();
           if (!surfaceRect) return;
           props.openPopover(
@@ -5900,7 +5942,7 @@ const _sfc_main$2 = {
             }
           );
         }
-      }, 10);
+      }, CURSOR_UPDATE_TIMEOUT_MS);
     };
     let surfaceElement = null;
     onMounted(() => {
@@ -5946,7 +5988,7 @@ const _hoisted_3 = { class: "placeholder-title" };
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
 const TABLE_RESIZE_HOVER_THRESHOLD = 8;
 const TABLE_RESIZE_THROTTLE_MS = 16;
-const _sfc_main$1 = {
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SuperEditor",
   props: {
     documentId: {
@@ -6015,6 +6057,24 @@ const _sfc_main$1 = {
       imageElement: null,
       blockId: null
     });
+    const selectedImageState = reactive({
+      element: null,
+      blockId: null,
+      pmStart: null
+    });
+    const getEditorZoom = () => {
+      const active = activeEditor.value;
+      if (active && typeof active.zoom === "number") {
+        return active.zoom;
+      }
+      if (active?.presentationEditor && typeof active.presentationEditor.zoom === "number") {
+        return active.presentationEditor.zoom;
+      }
+      console.warn(
+        "[SuperEditor] getEditorZoom: Unable to retrieve zoom from editor instance, using fallback value of 1. This may indicate the editor is not fully initialized or is not a PresentationEditor instance."
+      );
+      return 1;
+    };
     let lastUpdateTableResizeTimestamp = 0;
     const isNearColumnBoundary = (event, tableElement) => {
       if (!event || typeof event.clientX !== "number" || typeof event.clientY !== "number") {
@@ -6030,13 +6090,26 @@ const _sfc_main$1 = {
       try {
         const metadata = JSON.parse(boundariesAttr);
         if (!metadata.columns || !Array.isArray(metadata.columns)) return false;
+        const zoom = getEditorZoom();
         const tableRect = tableElement.getBoundingClientRect();
-        const mouseX = event.clientX - tableRect.left;
-        const mouseY = event.clientY - tableRect.top;
+        const mouseXScreen = event.clientX - tableRect.left;
+        const mouseYScreen = event.clientY - tableRect.top;
         for (let i2 = 0; i2 < metadata.columns.length; i2++) {
           const col = metadata.columns[i2];
-          const boundaryX = col.x + col.w;
-          if (Math.abs(mouseX - boundaryX) <= TABLE_RESIZE_HOVER_THRESHOLD) {
+          if (!col || typeof col !== "object") {
+            console.warn(`[isNearColumnBoundary] Invalid column at index ${i2}: not an object`, col);
+            continue;
+          }
+          if (typeof col.x !== "number" || !Number.isFinite(col.x)) {
+            console.warn(`[isNearColumnBoundary] Invalid column.x at index ${i2}:`, col.x);
+            continue;
+          }
+          if (typeof col.w !== "number" || !Number.isFinite(col.w) || col.w <= 0) {
+            console.warn(`[isNearColumnBoundary] Invalid column.w at index ${i2}:`, col.w);
+            continue;
+          }
+          const boundaryXScreen = (col.x + col.w) * zoom;
+          if (Math.abs(mouseXScreen - boundaryXScreen) <= TABLE_RESIZE_HOVER_THRESHOLD) {
             const segmentColIndex = i2 + 1;
             const segments = metadata.segments?.[segmentColIndex];
             if (!segments || segments.length === 0) {
@@ -6044,15 +6117,15 @@ const _sfc_main$1 = {
               continue;
             }
             for (const seg of segments) {
-              const segTop = seg.y || 0;
-              const segBottom = seg.h != null ? segTop + seg.h : tableRect.height;
-              if (mouseY >= segTop && mouseY <= segBottom) {
+              const segTopScreen = (seg.y || 0) * zoom;
+              const segBottomScreen = seg.h != null ? segTopScreen + seg.h * zoom : tableRect.height;
+              if (mouseYScreen >= segTopScreen && mouseYScreen <= segBottomScreen) {
                 return true;
               }
             }
           }
         }
-        if (Math.abs(mouseX) <= TABLE_RESIZE_HOVER_THRESHOLD) {
+        if (Math.abs(mouseXScreen) <= TABLE_RESIZE_HOVER_THRESHOLD) {
           return true;
         }
         return false;
@@ -6116,6 +6189,27 @@ const _sfc_main$1 = {
       imageResizeState.imageElement = null;
       imageResizeState.blockId = null;
     };
+    const clearSelectedImage = () => {
+      if (selectedImageState.element?.classList?.contains("superdoc-image-selected")) {
+        selectedImageState.element.classList.remove("superdoc-image-selected");
+      }
+      selectedImageState.element = null;
+      selectedImageState.blockId = null;
+      selectedImageState.pmStart = null;
+    };
+    const setSelectedImage = (element, blockId, pmStart) => {
+      if (selectedImageState.element && selectedImageState.element !== element) {
+        selectedImageState.element.classList.remove("superdoc-image-selected");
+      }
+      if (element && element.classList) {
+        element.classList.add("superdoc-image-selected");
+        selectedImageState.element = element;
+        selectedImageState.blockId = blockId ?? null;
+        selectedImageState.pmStart = typeof pmStart === "number" ? pmStart : null;
+      } else {
+        clearSelectedImage();
+      }
+    };
     const handleOverlayUpdates = (event) => {
       updateTableResizeOverlay(event);
       updateImageResizeOverlay(event);
@@ -6206,6 +6300,7 @@ const _sfc_main$1 = {
     const initEditor = async ({ content, media = {}, mediaFiles = {}, fonts = {} } = {}) => {
       const { editorCtor, ...editorOptions } = props.options || {};
       const EditorCtor = editorCtor ?? Editor;
+      clearSelectedImage();
       editor.value = new EditorCtor({
         mode: "docx",
         element: editorElem.value,
@@ -6222,17 +6317,19 @@ const _sfc_main$1 = {
         editor: activeEditor.value,
         presentationEditor: editor.value instanceof PresentationEditor ? editor.value : null
       });
-      editor.value.on("paginationUpdate", () => {
-        const base = activeEditor.value;
-        if (isHeadless(base)) return;
-        const paginationTarget = editor.value?.editor ? { value: base } : editor;
-        adjustPaginationBreaks(editorElem, paginationTarget);
-      });
       if (editor.value instanceof PresentationEditor) {
-        editor.value.on("layoutUpdated", () => {
+        const presentationEditor = editor.value;
+        presentationEditor.on("imageSelected", ({ element, blockId, pmStart }) => {
+          setSelectedImage(element, blockId ?? null, pmStart);
+        });
+        presentationEditor.on("imageDeselected", () => {
+          clearSelectedImage();
+        });
+        presentationEditor.on("layoutUpdated", () => {
           if (imageResizeState.visible && imageResizeState.blockId) {
+            const escapedBlockId = CSS.escape(imageResizeState.blockId);
             const newElement = editorElem.value?.querySelector(
-              `.superdoc-image-fragment[data-sd-block-id="${imageResizeState.blockId}"]`
+              `.superdoc-image-fragment[data-sd-block-id="${escapedBlockId}"]`
             );
             if (newElement) {
               imageResizeState.imageElement = newElement;
@@ -6242,8 +6339,33 @@ const _sfc_main$1 = {
               imageResizeState.blockId = null;
             }
           }
+          if (selectedImageState.blockId) {
+            const escapedBlockId = CSS.escape(selectedImageState.blockId);
+            const refreshed = editorElem.value?.querySelector(
+              `.superdoc-image-fragment[data-sd-block-id="${escapedBlockId}"]`
+            );
+            if (refreshed) {
+              setSelectedImage(refreshed, selectedImageState.blockId, selectedImageState.pmStart);
+            } else {
+              if (selectedImageState.pmStart != null) {
+                const pmSelector = `.superdoc-image-fragment[data-pm-start="${selectedImageState.pmStart}"], .superdoc-inline-image[data-pm-start="${selectedImageState.pmStart}"]`;
+                const pmElement = editorElem.value?.querySelector(pmSelector);
+                if (pmElement) {
+                  setSelectedImage(pmElement, selectedImageState.blockId, selectedImageState.pmStart);
+                  return;
+                }
+              }
+              clearSelectedImage();
+            }
+          }
         });
       }
+      editor.value.on("paginationUpdate", () => {
+        const base = activeEditor.value;
+        if (isHeadless(base)) return;
+        const paginationTarget = editor.value?.editor ? { value: base } : editor;
+        adjustPaginationBreaks(editorElem, paginationTarget);
+      });
       editor.value.on("collaborationReady", () => {
         setTimeout(() => {
           editorReady.value = true;
@@ -6310,6 +6432,7 @@ const _sfc_main$1 = {
     };
     onBeforeUnmount(() => {
       stopPolling();
+      clearSelectedImage();
       editor.value?.destroy();
       editor.value = null;
     });
@@ -6424,8 +6547,8 @@ const _sfc_main$1 = {
       ]);
     };
   }
-};
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6cfd3305"]]);
+});
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a935d3e2"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-CKT2hVa-.js";
-import "./chunks/editor-Udi34-u-.js";
+import { T } from "./chunks/toolbar-MtmAPa0Z.js";
+import "./chunks/editor-H7c-XUpw.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-CqPIzvls.cjs");
+const superEditor_es = require("./chunks/super-editor.es-Uiy2hAKb.cjs");
 require("./chunks/vue-jWLMl8Ts.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, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-Bk7tbTHB.es.js";
+import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-CQM3jM5n.es.js";
 import "./chunks/vue-Dysv_7z5.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-CqPIzvls.cjs");
-const superdoc = require("./chunks/index-CEh5e5Sy.cjs");
+const superEditor_es = require("./chunks/super-editor.es-Uiy2hAKb.cjs");
+const superdoc = require("./chunks/index-DdrGP1Py.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

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-Bk7tbTHB.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-tgFI32Kk.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-CQM3jM5n.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-DvGFHOzb.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,