@superdoc-dev/cli 0.8.0-next.80 → 0.8.0-next.81

package/dist/index.js

@@ -207687,7 +207687,7 @@ var init_remark_gfm_eZN6yzWQ_es = __esm(() => {
   init_remark_gfm_BhnWr3yf_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-C-jV2TZI.es.js
+// ../../packages/superdoc/dist/chunks/src-CSHo1aJM.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -248652,6 +248652,49 @@ function resolveAnnotationDisplayLabel(annotation, contentEl) {
     value: derivedLabel
   };
 }
+function parsePmNumber(value) {
+  return value && value.trim().length > 0 ? value : null;
+}
+function collectImageRoots(container) {
+  const roots = [];
+  const seen = /* @__PURE__ */ new Set;
+  const add = (element3) => {
+    if (!element3 || seen.has(element3))
+      return;
+    seen.add(element3);
+    roots.push(element3);
+  };
+  for (const fragment2 of Array.from(container.querySelectorAll(`.${DOM_CLASS_NAMES.IMAGE_FRAGMENT}`))) {
+    if (!fragment2.hasAttribute("data-image-metadata") && fragment2.querySelector?.(`[data-image-metadata]`) == null)
+      continue;
+    add(fragment2);
+  }
+  for (const wrapper of Array.from(container.querySelectorAll(`.${DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER}`))) {
+    if (wrapper.querySelector?.(`[data-image-metadata]`) == null)
+      continue;
+    add(wrapper);
+  }
+  for (const inlineImage of Array.from(container.querySelectorAll(`.${DOM_CLASS_NAMES.INLINE_IMAGE}`)))
+    if (inlineImage.hasAttribute("data-image-metadata") && inlineImage.closest(`.${DOM_CLASS_NAMES.INLINE_IMAGE_CLIP_WRAPPER}`) == null)
+      add(inlineImage);
+  return roots;
+}
+function resolveImageLabel(root3) {
+  const directLabel = root3.dataset[DATASET_KEYS.DISPLAY_LABEL];
+  if (directLabel)
+    return directLabel;
+  const img2 = root3.tagName === "IMG" ? root3 : root3.querySelector("img");
+  const alt = img2?.getAttribute("alt")?.trim();
+  if (alt)
+    return alt;
+  const title = img2?.getAttribute("title")?.trim();
+  if (title)
+    return title;
+  return root3.getAttribute("data-block-id") ?? root3.getAttribute("data-sd-block-id") ?? "Image";
+}
+function resolveImageKind(root3) {
+  return root3.classList.contains(DOM_CLASS_NAMES.IMAGE_FRAGMENT) ? "block" : "inline";
+}
 function cssClassForKind(kind) {
   switch (kind) {
     case "spelling":
@@ -260047,6 +260090,97 @@ function findNearestTextblockResolvedPos(doc$12, pos) {
     return null;
   return textblockPos;
 }
+function matchesStructuredContentId(node3, id2) {
+  if (!id2)
+    return false;
+  const attrs = node3.attrs;
+  const nodeId = attrs?.id;
+  const nodeSdtId = attrs?.sdtId;
+  return nodeId != null && String(nodeId) === id2 || nodeSdtId != null && String(nodeSdtId) === id2;
+}
+function resolvePosSafely(doc$12, pos) {
+  if (!Number.isInteger(pos))
+    return null;
+  try {
+    return doc$12.resolve(pos);
+  } catch {
+    return null;
+  }
+}
+function findStructuredContentBlockAtPos(doc$12, pos) {
+  if (!Number.isFinite(pos))
+    return null;
+  const $pos = resolvePosSafely(doc$12, pos);
+  if (!$pos)
+    return null;
+  for (let depth = $pos.depth;depth > 0; depth--) {
+    const node3 = $pos.node(depth);
+    if (node3.type?.name === "structuredContentBlock")
+      return {
+        node: node3,
+        pos: $pos.before(depth),
+        start: $pos.start(depth),
+        end: $pos.end(depth)
+      };
+  }
+  return null;
+}
+function findStructuredContentBlockById(doc$12, id2) {
+  if (!id2)
+    return null;
+  let found2 = null;
+  doc$12.descendants((node3, pos) => {
+    if (node3.type?.name !== "structuredContentBlock")
+      return true;
+    if (!matchesStructuredContentId(node3, id2))
+      return true;
+    found2 = {
+      node: node3,
+      pos,
+      start: pos + 1,
+      end: pos + node3.nodeSize - 1
+    };
+    return false;
+  });
+  return found2;
+}
+function findStructuredContentInlineAtPos(doc$12, pos) {
+  if (!Number.isFinite(pos))
+    return null;
+  const $pos = resolvePosSafely(doc$12, pos);
+  if (!$pos)
+    return null;
+  for (let depth = $pos.depth;depth > 0; depth--) {
+    const node3 = $pos.node(depth);
+    if (node3.type?.name === "structuredContent")
+      return {
+        node: node3,
+        pos: $pos.before(depth),
+        start: $pos.start(depth),
+        end: $pos.end(depth)
+      };
+  }
+  return null;
+}
+function findStructuredContentInlineById(doc$12, id2) {
+  if (!id2)
+    return null;
+  let found2 = null;
+  doc$12.descendants((node3, pos) => {
+    if (node3.type?.name !== "structuredContent")
+      return true;
+    if (!matchesStructuredContentId(node3, id2))
+      return true;
+    found2 = {
+      node: node3,
+      pos,
+      start: pos + 1,
+      end: pos + node3.nodeSize - 1
+    };
+    return false;
+  });
+  return found2;
+}
 function getSelectionDebugConfig() {
   if (typeof window === "undefined")
     return DEFAULT_CONFIG;
@@ -261138,7 +261272,7 @@ function createLayoutMetrics(perf, startMark, layout, blocks2) {
   };
 }
 function coerceNumber(value) {
-  if (isFiniteNumber(value))
+  if (isFiniteNumber$1(value))
     return Number(value);
   if (typeof value === "string" && value.trim() !== "") {
     const parsed = Number(value);
@@ -261146,7 +261280,7 @@ function coerceNumber(value) {
   }
 }
 function coercePositiveNumber(value, fallback) {
-  if (!isFiniteNumber(fallback) || fallback <= 0)
+  if (!isFiniteNumber$1(fallback) || fallback <= 0)
     throw new Error(`coercePositiveNumber: fallback must be a positive number, got ${fallback}`);
   const numeric = coerceNumber(value);
   if (numeric != null && numeric > 0)
@@ -261192,7 +261326,7 @@ function toBoxSpacing(spacing) {
     "left"
   ].forEach((side) => {
     const value = spacing[side];
-    if (isFiniteNumber(value))
+    if (isFiniteNumber$1(value))
       result[side] = Number(value);
   });
   return Object.keys(result).length > 0 ? result : undefined;
@@ -261226,7 +261360,7 @@ function isShapeGroupTransform(value) {
   if (!value || typeof value !== "object")
     return false;
   const maybe = value;
-  return isFiniteNumber(maybe.x) || isFiniteNumber(maybe.y) || isFiniteNumber(maybe.width) || isFiniteNumber(maybe.height) || isFiniteNumber(maybe.childWidth) || isFiniteNumber(maybe.childHeight) || isFiniteNumber(maybe.childX) || isFiniteNumber(maybe.childY);
+  return isFiniteNumber$1(maybe.x) || isFiniteNumber$1(maybe.y) || isFiniteNumber$1(maybe.width) || isFiniteNumber$1(maybe.height) || isFiniteNumber$1(maybe.childWidth) || isFiniteNumber$1(maybe.childHeight) || isFiniteNumber$1(maybe.childX) || isFiniteNumber$1(maybe.childY);
 }
 function normalizeShapeSize(value) {
   if (!value || typeof value !== "object")
@@ -261632,7 +261766,7 @@ function convertBorderSpec(ooxmlBorder, options) {
       style: "none",
       width: 0
     };
-  if (!isFiniteNumber(sizeNumber))
+  if (!isFiniteNumber$1(sizeNumber))
     return;
   const numericSize = sizeNumber;
   if (numericSize <= 0)
@@ -261659,7 +261793,7 @@ function convertTableBorderValue(ooxmlBorder, options) {
   const { val, size: size$1, color: color2 } = border;
   if (val === "nil" || val === "none" || size$1 === 0)
     return { none: true };
-  if (!isFiniteNumber(size$1))
+  if (!isFiniteNumber$1(size$1))
     return;
   const numericSize = size$1;
   if (numericSize <= 0)
@@ -263232,7 +263366,7 @@ function toBoxSpacing$1(spacing) {
     "left"
   ].forEach((side) => {
     const value = spacing[side];
-    if (isFiniteNumber(value))
+    if (isFiniteNumber$1(value))
       result[side] = Number(value);
   });
   return Object.keys(result).length > 0 ? result : undefined;
@@ -266169,6 +266303,143 @@ async function goToAnchor({ anchor, layout, blocks: blocks2, measures, bookmarks
     console.warn("[PresentationEditor] goToAnchor: Navigation succeeded but could not move caret (editor commands unavailable)");
   return true;
 }
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function readString(value) {
+  return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
+}
+function readNumber(value) {
+  if (isFiniteNumber(value))
+    return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
+function buildStructuredContentDragPayload(sourceElement) {
+  const dataset = sourceElement.dataset;
+  const sdtId = readString(dataset.sdtId);
+  const sourceStart = readNumber(dataset.pmStart);
+  const sourceEnd = readNumber(dataset.pmEnd);
+  if (!sdtId || sourceStart == null || sourceEnd == null)
+    return null;
+  return {
+    kind: "structuredContent",
+    nodeType: dataset.nodeType === "structuredContentBlock" ? "structuredContentBlock" : "structuredContent",
+    sdtId,
+    label: readString(dataset.displayLabel) ?? sourceElement.textContent?.trim() ?? "Structured content",
+    sourceStart,
+    sourceEnd,
+    lockMode: readString(dataset.lockMode) ?? "unlocked"
+  };
+}
+function buildExistingImageDragPayload(sourceElement) {
+  const dataset = sourceElement.dataset;
+  const sourceStart = readNumber(dataset.pmStart);
+  const sourceEnd = readNumber(dataset.pmEnd);
+  if (sourceStart == null || sourceEnd == null)
+    return null;
+  return {
+    kind: "existingImage",
+    imageKind: dataset.imageKind === "block" ? "block" : "inline",
+    nodeType: dataset.nodeType ?? "image",
+    sourceStart,
+    sourceEnd,
+    blockId: readString(dataset.blockId) ?? readString(sourceElement.getAttribute("data-block-id")) ?? readString(sourceElement.getAttribute("data-sd-block-id")) ?? undefined,
+    label: readString(dataset.displayLabel) ?? sourceElement.getAttribute("aria-label") ?? "Image"
+  };
+}
+function buildInternalObjectDragPayload(sourceElement) {
+  const sourceKind = sourceElement.dataset.dragSourceKind;
+  if (sourceKind === "structuredContent")
+    return buildStructuredContentDragPayload(sourceElement);
+  if (sourceKind === "existingImage")
+    return buildExistingImageDragPayload(sourceElement);
+  return null;
+}
+function canInsertNodeAtPosition(doc$12, pos, node3) {
+  try {
+    const resolvedPos = doc$12.resolve(pos);
+    const { parent } = resolvedPos;
+    const index2 = resolvedPos.index();
+    if (typeof parent.canReplaceWith === "function")
+      return parent.canReplaceWith(index2, index2, node3.type);
+    return Boolean(parent.type.contentMatch.matchType(node3.type));
+  } catch {
+    return false;
+  }
+}
+function resolveInsertionBoundary(doc$12, pos, node3, canInsertAt, bias) {
+  try {
+    const resolvedPos = doc$12.resolve(pos);
+    const candidates = [];
+    for (let depth = resolvedPos.depth;depth > 0; depth--) {
+      const before2 = resolvedPos.before(depth);
+      const after2 = resolvedPos.after(depth);
+      if (bias === "before")
+        candidates.push(before2, after2);
+      else
+        candidates.push(after2, before2);
+    }
+    for (const candidate of candidates) {
+      if (candidate < 0 || candidate > doc$12.content.size)
+        continue;
+      if (candidate === pos)
+        continue;
+      if (canInsertAt(doc$12, candidate, node3))
+        return candidate;
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+function createInternalNodeMoveTransaction(state, request) {
+  const { sourceStart, sourceEnd, targetPos, expectedNodeType, canInsertAt } = request;
+  if (targetPos >= sourceStart && targetPos <= sourceEnd)
+    return {
+      ok: false,
+      reason: "same-range"
+    };
+  const sourceNode = state.doc.nodeAt(sourceStart);
+  if (!sourceNode || sourceEnd !== sourceStart + sourceNode.nodeSize)
+    return {
+      ok: false,
+      reason: "invalid-source"
+    };
+  if (expectedNodeType && sourceNode.type.name !== expectedNodeType)
+    return {
+      ok: false,
+      reason: "wrong-node-type"
+    };
+  const tr = state.tr;
+  tr.delete(sourceStart, sourceEnd);
+  const mappedTarget = tr.mapping.map(targetPos);
+  if (mappedTarget < 0 || mappedTarget > tr.doc.content.size)
+    return {
+      ok: false,
+      reason: "invalid-target"
+    };
+  let insertTarget = mappedTarget;
+  if (!canInsertAt(tr.doc, insertTarget, sourceNode)) {
+    const boundaryTarget = resolveInsertionBoundary(tr.doc, insertTarget, sourceNode, canInsertAt, targetPos <= sourceStart ? "before" : "after");
+    if (boundaryTarget == null)
+      return {
+        ok: false,
+        reason: "invalid-target"
+      };
+    insertTarget = boundaryTarget;
+  }
+  tr.insert(insertTarget, sourceNode);
+  tr.setMeta("uiEvent", "drop");
+  return {
+    ok: true,
+    transaction: tr,
+    mappedTarget: insertTarget
+  };
+}
 function isValidFieldAnnotationAttributes(attrs) {
   if (!attrs || typeof attrs !== "object")
     return false;
@@ -266210,6 +266481,11 @@ function hasFieldAnnotationData(event) {
 function isInternalDrag(event) {
   return event.dataTransfer?.types?.includes(INTERNAL_MIME_TYPE) ?? false;
 }
+function hasInternalObjectType(event) {
+  if (!event.dataTransfer)
+    return false;
+  return Array.from(event.dataTransfer.types ?? []).map((type) => type.toLowerCase()).includes(INTERNAL_OBJECT_MIME_TYPE.toLowerCase());
+}
 function extractDragData(event) {
   if (!event.dataTransfer)
     return null;
@@ -266225,6 +266501,23 @@ function extractDragData(event) {
     return null;
   }
 }
+function resolveDragSourceElement(event) {
+  return event.target?.closest?.("[data-drag-source-kind]");
+}
+function resolveInternalObjectSourceRange(doc$12, payload) {
+  if (payload.kind === "structuredContent") {
+    const resolved = payload.nodeType === "structuredContentBlock" ? findStructuredContentBlockById(doc$12, payload.sdtId) : findStructuredContentInlineById(doc$12, payload.sdtId);
+    if (resolved)
+      return {
+        sourceStart: resolved.pos,
+        sourceEnd: resolved.pos + resolved.node.nodeSize
+      };
+  }
+  return {
+    sourceStart: payload.sourceStart,
+    sourceEnd: payload.sourceEnd
+  };
+}
 function hasPossibleFiles(event) {
   return event.dataTransfer?.types?.includes("Files") ?? false;
 }
@@ -266251,6 +266544,8 @@ function getDroppedImageFiles(event) {
 function getDropPayloadKind(event) {
   if (hasFieldAnnotationData(event))
     return "fieldAnnotation";
+  if (hasInternalObjectType(event))
+    return "internalObject";
   if (hasPossibleFiles(event))
     return "imageFiles";
   return "none";
@@ -270246,6 +270541,15 @@ function ensureEditorFieldAnnotationInteractionStyles(doc$12) {
   doc$12.head?.appendChild(styleEl);
   fieldAnnotationInteractionStylesInjected = true;
 }
+function ensureEditorMovableObjectInteractionStyles(doc$12) {
+  if (movableObjectInteractionStylesInjected || !doc$12)
+    return;
+  const styleEl = doc$12.createElement("style");
+  styleEl.setAttribute("data-superdoc-editor-movable-object-interaction-styles", "true");
+  styleEl.textContent = MOVABLE_OBJECT_INTERACTION_STYLES;
+  doc$12.head?.appendChild(styleEl);
+  movableObjectInteractionStylesInjected = true;
+}
 function parseRenderedNoteTarget(blockId) {
   if (typeof blockId !== "string" || blockId.length === 0)
     return null;
@@ -285092,7 +285396,7 @@ var Node$13 = class Node$14 {
     }
     this.#applied.delete(el);
   }
-}, INTERACTION_EPOCH_KEY = "interactionEpoch", DISPLAY_LABEL_SOURCE_KEY = "displayLabelSource", DISPLAY_LABEL_SOURCE, FieldAnnotationInteractionLayer = class {
+}, INTERACTION_EPOCH_KEY$2 = "interactionEpoch", DISPLAY_LABEL_SOURCE_KEY = "displayLabelSource", DISPLAY_LABEL_SOURCE, FieldAnnotationInteractionLayer = class {
   #container = null;
   setContainer(container) {
     this.#container = container;
@@ -285104,9 +285408,9 @@ var Node$13 = class Node$14 {
     const annotations = this.#container.querySelectorAll(buildAnnotationSelector());
     for (let index2 = 0;index2 < annotations.length; index2 += 1) {
       const annotation = annotations[index2];
-      if (annotation.dataset[INTERACTION_EPOCH_KEY] === epochStr)
+      if (annotation.dataset[INTERACTION_EPOCH_KEY$2] === epochStr)
         continue;
-      annotation.dataset[INTERACTION_EPOCH_KEY] = epochStr;
+      annotation.dataset[INTERACTION_EPOCH_KEY$2] = epochStr;
       annotation.draggable = true;
       annotation.dataset[DATASET_KEYS.DRAGGABLE] = "true";
       const displayLabel = resolveAnnotationDisplayLabel(annotation, annotation.querySelector(`.${DOM_CLASS_NAMES.ANNOTATION_CONTENT}`));
@@ -285130,7 +285434,7 @@ var Node$13 = class Node$14 {
       delete annotation.dataset[DATASET_KEYS.DRAGGABLE];
       delete annotation.dataset[DATASET_KEYS.DISPLAY_LABEL];
       delete annotation.dataset[DATASET_KEYS.VARIANT];
-      delete annotation.dataset[INTERACTION_EPOCH_KEY];
+      delete annotation.dataset[INTERACTION_EPOCH_KEY$2];
       delete annotation.dataset[DISPLAY_LABEL_SOURCE_KEY];
       annotation.querySelector(`.${DOM_CLASS_NAMES.ANNOTATION_CARET_ANCHOR}`)?.remove();
     }
@@ -285164,6 +285468,95 @@ var Node$13 = class Node$14 {
       annotation.style.position = "relative";
     annotation.appendChild(caretAnchor);
   }
+}, INTERACTION_EPOCH_KEY$1 = "imageInteractionEpoch", ImageInteractionLayer = class {
+  #container = null;
+  setContainer(container) {
+    this.#container = container;
+  }
+  apply(layoutEpoch) {
+    if (!this.#container)
+      return;
+    const epochStr = String(layoutEpoch);
+    for (const root3 of collectImageRoots(this.#container)) {
+      if (root3.dataset[INTERACTION_EPOCH_KEY$1] === epochStr)
+        continue;
+      const pmStart = parsePmNumber(root3.dataset.pmStart);
+      const pmEnd = parsePmNumber(root3.dataset.pmEnd);
+      if (!pmStart || !pmEnd)
+        continue;
+      root3.dataset[INTERACTION_EPOCH_KEY$1] = epochStr;
+      root3.draggable = true;
+      root3.dataset.dragSourceKind = "existingImage";
+      root3.dataset.imageKind = resolveImageKind(root3);
+      root3.dataset.nodeType = "image";
+      root3.dataset.displayLabel = resolveImageLabel(root3);
+      root3.dataset.pmStart = pmStart;
+      root3.dataset.pmEnd = pmEnd;
+    }
+  }
+  clear() {
+    if (!this.#container)
+      return;
+    for (const root3 of collectImageRoots(this.#container)) {
+      root3.removeAttribute("draggable");
+      delete root3.dataset.dragSourceKind;
+      delete root3.dataset.imageKind;
+      delete root3.dataset.nodeType;
+      delete root3.dataset.displayLabel;
+      delete root3.dataset[INTERACTION_EPOCH_KEY$1];
+    }
+  }
+}, BLOCK_LABEL_SELECTOR = ".superdoc-structured-content__label", INLINE_LABEL_SELECTOR, INTERACTION_EPOCH_KEY = "structuredContentInteractionEpoch", StructuredContentInteractionLayer = class {
+  #container = null;
+  setContainer(container) {
+    this.#container = container;
+  }
+  apply(layoutEpoch) {
+    if (!this.#container)
+      return;
+    const labels = Array.from(this.#container.querySelectorAll(`${BLOCK_LABEL_SELECTOR}, ${INLINE_LABEL_SELECTOR}`));
+    for (const label of labels) {
+      if (label.dataset[INTERACTION_EPOCH_KEY] === String(layoutEpoch))
+        continue;
+      const sdtElement = label.closest(`.${DOM_CLASS_NAMES.BLOCK_SDT}, .${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}`);
+      if (!sdtElement?.dataset.sdtId || !sdtElement.dataset.pmStart || !sdtElement.dataset.pmEnd)
+        continue;
+      const lockMode = sdtElement.dataset.lockMode ?? "unlocked";
+      if (lockMode !== "unlocked") {
+        label.draggable = false;
+        continue;
+      }
+      const scope = sdtElement.dataset.sdtScope ?? (sdtElement.classList.contains(DOM_CLASS_NAMES.BLOCK_SDT) ? "block" : "inline");
+      const labelText = label.textContent?.trim() || "Structured content";
+      label.dataset[INTERACTION_EPOCH_KEY] = String(layoutEpoch);
+      label.draggable = true;
+      label.dataset.dragSourceKind = "structuredContent";
+      label.dataset.sdtId = sdtElement.dataset.sdtId;
+      label.dataset.pmStart = sdtElement.dataset.pmStart;
+      label.dataset.pmEnd = sdtElement.dataset.pmEnd;
+      label.dataset.sdtScope = scope;
+      label.dataset.lockMode = lockMode;
+      label.dataset[DATASET_KEYS.DISPLAY_LABEL] = labelText;
+      label.dataset.nodeType = scope === "block" ? "structuredContentBlock" : "structuredContent";
+    }
+  }
+  clear() {
+    if (!this.#container)
+      return;
+    const labels = Array.from(this.#container.querySelectorAll(`${BLOCK_LABEL_SELECTOR}, ${INLINE_LABEL_SELECTOR}`));
+    for (const label of labels) {
+      label.removeAttribute("draggable");
+      delete label.dataset.dragSourceKind;
+      delete label.dataset.sdtId;
+      delete label.dataset.pmStart;
+      delete label.dataset.pmEnd;
+      delete label.dataset.sdtScope;
+      delete label.dataset.lockMode;
+      delete label.dataset.nodeType;
+      delete label.dataset[DATASET_KEYS.DISPLAY_LABEL];
+      delete label.dataset[INTERACTION_EPOCH_KEY];
+    }
+  }
 }, PROOFING_CSS, splitOriginMap, PresentationProofingDecorator = class {
   #container = null;
   setContainer(container) {
@@ -285185,17 +285578,23 @@ var Node$13 = class Node$14 {
   }
 }, PresentationPostPaintPipeline = class {
   #fieldAnnotationLayer;
+  #imageLayer;
+  #structuredContentLayer;
   #commentHighlightDecorator;
   #decorationBridge;
   #proofingDecorator;
   constructor(deps = {}) {
     this.#fieldAnnotationLayer = deps.fieldAnnotationLayer ?? new FieldAnnotationInteractionLayer;
+    this.#imageLayer = deps.imageLayer ?? new ImageInteractionLayer;
+    this.#structuredContentLayer = deps.structuredContentLayer ?? new StructuredContentInteractionLayer;
     this.#commentHighlightDecorator = deps.commentHighlightDecorator ?? new CommentHighlightDecorator;
     this.#decorationBridge = deps.decorationBridge ?? new DecorationBridge;
     this.#proofingDecorator = deps.proofingDecorator ?? new PresentationProofingDecorator;
   }
   setContainer(container) {
     this.#fieldAnnotationLayer.setContainer(container);
+    this.#imageLayer.setContainer(container);
+    this.#structuredContentLayer.setContainer(container);
     this.#commentHighlightDecorator.setContainer(container);
     this.#proofingDecorator.setContainer(container);
   }
@@ -285235,6 +285634,8 @@ var Node$13 = class Node$14 {
   refreshAfterPaint(options) {
     this.#fieldAnnotationLayer.apply(options.layoutEpoch);
     options.rebuildDomPositionIndex();
+    this.#imageLayer.apply(options.layoutEpoch);
+    this.#structuredContentLayer.apply(options.layoutEpoch);
     this.syncInlineStyleLayers(options.editorState, options.domPositionIndex);
     this.applyProofingAnnotations(options.proofingAnnotations, options.rebuildDomPositionIndex);
     options.reapplyStructuredContentHover?.();
@@ -285242,6 +285643,8 @@ var Node$13 = class Node$14 {
   destroy() {
     this.#proofingDecorator.clear();
     this.#fieldAnnotationLayer.clear();
+    this.#imageLayer.clear();
+    this.#structuredContentLayer.clear();
     this.#commentHighlightDecorator.destroy();
     this.#decorationBridge.destroy();
   }
@@ -287703,6 +288106,10 @@ menclose::after {
   container.classList.add(CLASS_NAMES$1.fragment);
   applyStyles$2(container, fragmentStyles);
   applyFragmentFrame(container, fragment2);
+  if (fragment2.pmStart != null)
+    container.dataset.pmStart = String(fragment2.pmStart);
+  if (fragment2.pmEnd != null)
+    container.dataset.pmEnd = String(fragment2.pmEnd);
   container.style.height = `${fragment2.height}px`;
   applySdtDataset(container, block.attrs?.sdt);
   applyContainerSdtDataset?.(container, block.attrs?.containerSdt);
@@ -292646,12 +293053,12 @@ menclose::after {
   if (pt == null || !Number.isFinite(pt))
     return;
   return pt * PX_PER_PT2;
-}, isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value), isPlainObject3 = (value) => value !== null && typeof value === "object" && !Array.isArray(value), normalizePrefix = (value) => {
+}, isFiniteNumber$1 = (value) => typeof value === "number" && Number.isFinite(value), isPlainObject3 = (value) => value !== null && typeof value === "object" && !Array.isArray(value), normalizePrefix = (value) => {
   if (!value)
     return "";
   return String(value);
 }, pickNumber = (value) => {
-  if (isFiniteNumber(value))
+  if (isFiniteNumber$1(value))
     return value;
   if (typeof value === "string") {
     const parsed = parseFloat(value);
@@ -292849,7 +293256,7 @@ menclose::after {
     };
   }
 }, MIN_BORDER_SIZE_PX2 = 0.5, MAX_BORDER_SIZE_PX2 = 100, borderSizeToPx = (size$1) => {
-  if (!isFiniteNumber(size$1))
+  if (!isFiniteNumber$1(size$1))
     return;
   if (size$1 <= 0)
     return 0;
@@ -293142,7 +293549,7 @@ menclose::after {
   const toNum = (v) => {
     if (typeof v === "string" && v.trim() !== "" && isFinite(Number(v)))
       return Number(v);
-    if (isFiniteNumber(v))
+    if (isFiniteNumber$1(v))
       return Number(v);
   };
   const left$1 = toNum(indent2.left);
@@ -293750,7 +294157,7 @@ menclose::after {
     return;
   return sanitized;
 }, normalizeLengthPx = (value) => {
-  if (isFiniteNumber(value))
+  if (isFiniteNumber$1(value))
     return value;
   if (typeof value !== "string")
     return;
@@ -295263,7 +295670,7 @@ menclose::after {
     this.#onCursorsUpdate = null;
     this.#isSetup = false;
   }
-}, SEMANTIC_FOOTNOTES_HEADING_BLOCK_ID = "__sd_semantic_footnotes_heading", SEMANTIC_FOOTNOTE_BLOCK_ID_PREFIX = "__sd_semantic_footnote", MULTI_CLICK_TIME_THRESHOLD_MS = 400, MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5, DRAG_SELECTION_DISTANCE_THRESHOLD_PX = 5, AUTO_SCROLL_EDGE_PX = 32, AUTO_SCROLL_MAX_SPEED_PX = 24, SCROLL_DETECTION_TOLERANCE_PX = 1, DEFAULT_PAGE_MARGIN_PX = 72, COMMENT_HIGHLIGHT_SELECTOR = ".superdoc-comment-highlight", TRACK_CHANGE_SELECTOR = "[data-track-change-id]", PM_TRACK_CHANGE_SELECTOR = ".track-insert[data-id], .track-delete[data-id], .track-format[data-id]", VISIBLE_HEADER_FOOTER_SELECTOR = ".superdoc-page-header, .superdoc-page-footer", VISIBLE_BODY_CONTENT_SELECTOR = ".superdoc-line, .superdoc-fragment, [data-block-id]", COMMENT_THREAD_HIT_TOLERANCE_PX = 3, COMMENT_THREAD_HIT_SAMPLE_OFFSETS, clamp = (value, min$2, max$2) => Math.max(min$2, Math.min(max$2, value)), EditorInputManager = class {
+}, SEMANTIC_FOOTNOTES_HEADING_BLOCK_ID = "__sd_semantic_footnotes_heading", SEMANTIC_FOOTNOTE_BLOCK_ID_PREFIX = "__sd_semantic_footnote", MULTI_CLICK_TIME_THRESHOLD_MS = 400, MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5, DRAG_SELECTION_DISTANCE_THRESHOLD_PX = 5, AUTO_SCROLL_EDGE_PX = 32, AUTO_SCROLL_MAX_SPEED_PX = 24, SCROLL_DETECTION_TOLERANCE_PX = 1, DEFAULT_PAGE_MARGIN_PX = 72, COMMENT_HIGHLIGHT_SELECTOR = ".superdoc-comment-highlight", TRACK_CHANGE_SELECTOR = "[data-track-change-id]", PM_TRACK_CHANGE_SELECTOR = ".track-insert[data-id], .track-delete[data-id], .track-format[data-id]", VISIBLE_HEADER_FOOTER_SELECTOR = ".superdoc-page-header, .superdoc-page-footer", VISIBLE_BODY_CONTENT_SELECTOR = ".superdoc-line, .superdoc-fragment, [data-block-id]", COMMENT_THREAD_HIT_TOLERANCE_PX = 3, COMMENT_THREAD_HIT_SAMPLE_OFFSETS, clamp = (value, min$2, max$2) => Math.max(min$2, Math.min(max$2, value)), DRAG_SOURCE_SELECTOR = '[data-draggable="true"], [data-drag-source-kind]', EditorInputManager = class {
   #deps = null;
   #callbacks = {};
   #isDragging = false;
@@ -295825,7 +296232,9 @@ menclose::after {
     }
     const annotationEl = target?.closest?.(buildAnnotationSelector());
     const isDraggableAnnotation = target?.closest?.(DRAGGABLE_SELECTOR) != null;
-    this.#suppressFocusInFromDraggable = isDraggableAnnotation;
+    const isNativeDragSource = target?.closest?.(DRAG_SOURCE_SELECTOR) != null;
+    const suppressFocusForDrag = isDraggableAnnotation || isNativeDragSource;
+    this.#suppressFocusInFromDraggable = suppressFocusForDrag;
     if (annotationEl) {
       this.#handleAnnotationClick(event, annotationEl);
       return;
@@ -295838,7 +296247,7 @@ menclose::after {
     const activeNoteTarget = this.#getActiveRenderedNoteTarget();
     if (!layoutState.layout) {
       if (clickedNoteTarget && !isSameRenderedNoteTarget(activeNoteTarget, clickedNoteTarget)) {
-        if (!isDraggableAnnotation)
+        if (!suppressFocusForDrag)
           event.preventDefault();
         if (this.#callbacks.activateRenderedNoteSession?.(clickedNoteTarget, {
           clientX: event.clientX,
@@ -295859,7 +296268,7 @@ menclose::after {
           return;
       } else
         this.#syncNonBodyCommentActivation(event, target, bodyEditor);
-      this.#handleClickWithoutLayout(event, isDraggableAnnotation);
+      this.#handleClickWithoutLayout(event, suppressFocusForDrag);
       return;
     }
     const normalizedPoint = this.#callbacks.normalizeClientPoint?.(event.clientX, event.clientY);
@@ -295874,7 +296283,7 @@ menclose::after {
     };
     if (clickedNoteTarget) {
       if (!isSameRenderedNoteTarget(activeNoteTarget, clickedNoteTarget)) {
-        if (!isDraggableAnnotation)
+        if (!suppressFocusForDrag)
           event.preventDefault();
         if (this.#callbacks.activateRenderedNoteSession?.(clickedNoteTarget, {
           clientX: event.clientX,
@@ -295950,7 +296359,7 @@ menclose::after {
       mappedPos: null
     };
     this.#callbacks.updateSelectionDebugHud?.();
-    if (!isDraggableAnnotation)
+    if (!suppressFocusForDrag)
       event.preventDefault();
     const inlineStructuredContentLabel = target?.closest?.(".superdoc-structured-content-inline__label");
     if (inlineStructuredContentLabel && doc$12) {
@@ -296068,7 +296477,7 @@ menclose::after {
     this.#focusEditor();
     if (!handledByDepth)
       try {
-        const sdtBlock = clickDepth === 1 ? this.#findStructuredContentBlockAtPos(doc$12, hit.pos) : null;
+        const sdtBlock = clickDepth === 1 ? findStructuredContentBlockAtPos(doc$12, hit.pos) : null;
         let nextSelection;
         let inlineSdtBoundaryPos = null;
         let inlineSdtBoundaryDirection = null;
@@ -296076,7 +296485,7 @@ menclose::after {
         if (sdtBlock && !insideTableInSdt)
           nextSelection = NodeSelection.create(doc$12, sdtBlock.pos);
         else {
-          const inlineSdt = clickDepth === 1 ? this.#findStructuredContentInlineAtPos(doc$12, hit.pos) : null;
+          const inlineSdt = clickDepth === 1 ? findStructuredContentInlineAtPos(doc$12, hit.pos) : null;
           if (inlineSdt && hit.pos >= inlineSdt.end) {
             const afterInlineSdt = inlineSdt.pos + inlineSdt.node.nodeSize;
             inlineSdtBoundaryPos = afterInlineSdt;
@@ -296337,26 +296746,6 @@ menclose::after {
       });
     }
   }
-  #findStructuredContentBlockAtPos(doc$12, pos) {
-    if (!Number.isFinite(pos))
-      return null;
-    try {
-      const $pos = doc$12.resolve(pos);
-      for (let depth = $pos.depth;depth > 0; depth--) {
-        const node3 = $pos.node(depth);
-        if (node3.type?.name === "structuredContentBlock")
-          return {
-            node: node3,
-            pos: $pos.before(depth),
-            start: $pos.start(depth),
-            end: $pos.end(depth)
-          };
-      }
-    } catch {
-      return null;
-    }
-    return null;
-  }
   #isInsideTableWithinStructuredContentBlock(doc$12, pos, sdtPos) {
     if (!Number.isFinite(pos) || !Number.isFinite(sdtPos))
       return false;
@@ -296380,82 +296769,26 @@ menclose::after {
       return false;
     }
   }
-  #findStructuredContentBlockById(doc$12, id2) {
-    let found2 = null;
-    doc$12.descendants((node3, pos) => {
-      if (node3.type?.name !== "structuredContentBlock")
-        return true;
-      const nodeId = node3.attrs?.id;
-      if (String(nodeId ?? "") !== id2)
-        return true;
-      found2 = {
-        node: node3,
-        pos,
-        start: pos + 1,
-        end: pos + node3.nodeSize - 1
-      };
-      return false;
-    });
-    return found2;
-  }
-  #findStructuredContentInlineAtPos(doc$12, pos) {
-    if (!Number.isFinite(pos))
-      return null;
-    try {
-      const $pos = doc$12.resolve(pos);
-      for (let depth = $pos.depth;depth > 0; depth--) {
-        const node3 = $pos.node(depth);
-        if (node3.type?.name === "structuredContent")
-          return {
-            node: node3,
-            pos: $pos.before(depth),
-            start: $pos.start(depth),
-            end: $pos.end(depth)
-          };
-      }
-    } catch {
-      return null;
-    }
-    return null;
-  }
-  #findStructuredContentInlineById(doc$12, id2) {
-    let found2 = null;
-    doc$12.descendants((node3, pos) => {
-      if (node3.type?.name !== "structuredContent")
-        return true;
-      const nodeId = node3.attrs?.id;
-      if (String(nodeId ?? "") !== id2)
-        return true;
-      found2 = {
-        node: node3,
-        pos,
-        start: pos + 1,
-        end: pos + node3.nodeSize - 1
-      };
-      return false;
-    });
-    return found2;
-  }
   #resolveStructuredContentBlockFromElement(doc$12, element3) {
     const container = element3.closest?.(".superdoc-structured-content-block");
     if (!container)
       return null;
     const sdtId = container.dataset?.sdtId;
     if (sdtId) {
-      const match$1 = this.#findStructuredContentBlockById(doc$12, sdtId);
+      const match$1 = findStructuredContentBlockById(doc$12, sdtId);
       if (match$1)
         return match$1;
     }
     const containerSdtId = container.dataset?.sdtContainerId;
     if (containerSdtId) {
-      const match$1 = this.#findStructuredContentBlockById(doc$12, containerSdtId);
+      const match$1 = findStructuredContentBlockById(doc$12, containerSdtId);
       if (match$1)
         return match$1;
     }
     const pmStartRaw = container.dataset?.pmStart;
     const pmStart = pmStartRaw != null ? Number(pmStartRaw) : NaN;
     if (Number.isFinite(pmStart))
-      return this.#findStructuredContentBlockAtPos(doc$12, pmStart);
+      return findStructuredContentBlockAtPos(doc$12, pmStart);
     return null;
   }
   #resolveStructuredContentInlineFromElement(doc$12, element3) {
@@ -296464,14 +296797,14 @@ menclose::after {
       return null;
     const sdtId = container.dataset?.sdtId;
     if (sdtId) {
-      const match$1 = this.#findStructuredContentInlineById(doc$12, sdtId);
+      const match$1 = findStructuredContentInlineById(doc$12, sdtId);
       if (match$1)
         return match$1;
     }
     const pmStartRaw = container.dataset?.pmStart;
     const pmStart = pmStartRaw != null ? Number(pmStartRaw) : NaN;
     if (Number.isFinite(pmStart))
-      return this.#findStructuredContentInlineAtPos(doc$12, pmStart);
+      return findStructuredContentInlineAtPos(doc$12, pmStart);
     return null;
   }
   #findStructuredContentBlockContentRange(resolved) {
@@ -297452,10 +297785,11 @@ menclose::after {
   #isCompositionKeyboardEvent(event) {
     return event.isComposing || event.keyCode === 229 || event.key === "Dead" || event.key === "Compose";
   }
-}, isObject2 = (value) => typeof value === "object" && value !== null, INTERNAL_MIME_TYPE = "application/x-field-annotation", FIELD_ANNOTATION_DATA_TYPE = "fieldAnnotation", IMAGE_EXTENSIONS, DragDropManager = class {
+}, isObject2 = (value) => typeof value === "object" && value !== null, INTERNAL_OBJECT_MIME_TYPE = "application/x-superdoc-internal-object", INTERNAL_MIME_TYPE = "application/x-field-annotation", FIELD_ANNOTATION_DATA_TYPE = "fieldAnnotation", IMAGE_EXTENSIONS, DragDropManager = class {
   #deps = null;
   #dragOverRaf = null;
   #pendingDragOver = null;
+  #activeInternalObjectPayload = null;
   #boundHandleDragStart = null;
   #boundHandleDragOver = null;
   #boundHandleDrop = null;
@@ -297515,23 +297849,45 @@ menclose::after {
   }
   destroy() {
     this.#cancelPendingDragOverSelection();
+    this.#activeInternalObjectPayload = null;
+    this.#deps?.clearDragDropIndicator();
     this.unbind();
     this.#deps = null;
   }
   #handleDragStart(event) {
     const target = event.target;
-    if (!target?.dataset?.[DATASET_KEYS.DRAGGABLE] || target.dataset[DATASET_KEYS.DRAGGABLE] !== "true")
+    const sourceElement = resolveDragSourceElement(event);
+    const fieldAnnotationElement = target?.closest?.(`[${DATASET_KEYS.DRAGGABLE}="true"]`);
+    if (!target) {
+      this.#activeInternalObjectPayload = null;
       return;
-    const data = extractFieldAnnotationData(target);
+    }
+    const internalObjectPayload = sourceElement ? buildInternalObjectDragPayload(sourceElement) : null;
+    const isInternalObjectSource = internalObjectPayload !== null;
+    const isFieldAnnotation = fieldAnnotationElement != null;
+    this.#activeInternalObjectPayload = isInternalObjectSource ? internalObjectPayload : null;
+    if (!isFieldAnnotation && !isInternalObjectSource) {
+      this.#activeInternalObjectPayload = null;
+      return;
+    }
     if (event.dataTransfer) {
-      const jsonData = JSON.stringify({
-        attributes: data.attributes,
-        sourceField: data
-      });
-      event.dataTransfer.setData(INTERNAL_MIME_TYPE, jsonData);
-      event.dataTransfer.setData(FIELD_ANNOTATION_DATA_TYPE, jsonData);
-      event.dataTransfer.setData("text/plain", data.displayLabel ?? "Field Annotation");
-      event.dataTransfer.setDragImage(target, 0, 0);
+      if (isInternalObjectSource && internalObjectPayload) {
+        const jsonData = JSON.stringify(internalObjectPayload);
+        event.dataTransfer.setData(INTERNAL_OBJECT_MIME_TYPE, jsonData);
+        event.dataTransfer.setData("text/plain", internalObjectPayload.label);
+        event.dataTransfer.setDragImage(sourceElement ?? target, 0, 0);
+      } else {
+        const draggableTarget = fieldAnnotationElement ?? target;
+        const data = extractFieldAnnotationData(draggableTarget);
+        const jsonData = JSON.stringify({
+          attributes: data.attributes,
+          sourceField: data
+        });
+        event.dataTransfer.setData(INTERNAL_MIME_TYPE, jsonData);
+        event.dataTransfer.setData(FIELD_ANNOTATION_DATA_TYPE, jsonData);
+        event.dataTransfer.setData("text/plain", data.displayLabel ?? "Field Annotation");
+        event.dataTransfer.setDragImage(draggableTarget, 0, 0);
+      }
       event.dataTransfer.effectAllowed = "move";
     }
   }
@@ -297547,6 +297903,8 @@ menclose::after {
     if (event.dataTransfer)
       if (kind === "fieldAnnotation")
         event.dataTransfer.dropEffect = isInternalDrag(event) ? "move" : "copy";
+      else if (kind === "internalObject")
+        event.dataTransfer.dropEffect = "move";
       else
         event.dataTransfer.dropEffect = "copy";
     this.#scheduleDragOverSelection(event.clientX, event.clientY);
@@ -297560,6 +297918,7 @@ menclose::after {
     event.preventDefault();
     event.stopPropagation();
     this.#cancelPendingDragOverSelection();
+    this.#deps.clearDragDropIndicator();
     const activeEditor = this.#deps.getActiveEditor();
     if (!activeEditor?.isEditable)
       return;
@@ -297575,6 +297934,14 @@ menclose::after {
     const dropPos = hit?.pos ?? fallbackPos;
     if (dropPos == null)
       return;
+    if (kind === "internalObject") {
+      try {
+        this.#handleInternalObjectDrop(event, dropPos);
+      } finally {
+        this.#activeInternalObjectPayload = null;
+      }
+      return;
+    }
     if (isInternalDrag(event)) {
       this.#handleInternalDrop(event, dropPos);
       return;
@@ -297583,6 +297950,8 @@ menclose::after {
   }
   #handleDragEnd(_event) {
     this.#cancelPendingDragOverSelection();
+    this.#activeInternalObjectPayload = null;
+    this.#deps?.clearDragDropIndicator();
     this.#deps?.getPainterHost()?.classList.remove("drag-over");
   }
   #handleDragLeave(event) {
@@ -297593,6 +297962,7 @@ menclose::after {
     if (relatedTarget && viewportHost.contains(relatedTarget))
       return;
     this.#cancelPendingDragOverSelection();
+    this.#deps?.clearDragDropIndicator();
     this.#deps?.getPainterHost()?.classList.remove("drag-over");
   }
   #scheduleDragOverSelection(clientX, clientY) {
@@ -297628,17 +297998,12 @@ menclose::after {
       return;
     const hit = this.#deps.hitTest(clientX, clientY);
     const doc$12 = activeEditor.state?.doc;
-    if (!hit || !doc$12)
+    if (!hit || !doc$12) {
+      this.#deps.clearDragDropIndicator();
       return;
+    }
     const pos = Math.min(Math.max(hit.pos, 1), doc$12.content.size);
-    const currentSelection = activeEditor.state.selection;
-    if (currentSelection instanceof TextSelection && currentSelection.from === pos && currentSelection.to === pos)
-      return;
-    try {
-      const tr = activeEditor.state.tr.setSelection(TextSelection.create(doc$12, pos)).setMeta("addToHistory", false);
-      activeEditor.view?.dispatch(tr);
-      this.#deps.scheduleSelectionUpdate();
-    } catch {}
+    this.#deps.showDragDropIndicator(pos);
   }
   async#handleImageDrop(event) {
     if (!this.#deps)
@@ -297736,16 +298101,47 @@ menclose::after {
       });
     if (sourceStart === null || sourceEnd === null || !sourceNode)
       return;
-    if (targetPos >= sourceStart && targetPos <= sourceEnd)
+    const result = createInternalNodeMoveTransaction({
+      doc: state.doc,
+      tr: state.tr
+    }, {
+      sourceStart,
+      sourceEnd,
+      targetPos,
+      expectedNodeType: "fieldAnnotation",
+      canInsertAt: () => true
+    });
+    if (!result.ok)
       return;
-    const tr = state.tr;
-    tr.delete(sourceStart, sourceEnd);
-    const mappedTarget = tr.mapping.map(targetPos);
-    if (mappedTarget < 0 || mappedTarget > tr.doc.content.size)
+    view.dispatch(result.transaction);
+  }
+  #handleInternalObjectDrop(event, targetPos) {
+    if (!this.#deps)
       return;
-    tr.insert(mappedTarget, sourceNode);
-    tr.setMeta("uiEvent", "drop");
-    view.dispatch(tr);
+    const { state, view } = this.#deps.getActiveEditor();
+    if (!state || !view)
+      return;
+    const payload = this.#activeInternalObjectPayload;
+    if (!payload)
+      return;
+    if (payload.kind === "structuredContent" && payload.lockMode !== "unlocked")
+      return;
+    const { sourceStart, sourceEnd } = resolveInternalObjectSourceRange(state.doc, payload);
+    const result = createInternalNodeMoveTransaction({
+      doc: state.doc,
+      tr: state.tr
+    }, {
+      sourceStart,
+      sourceEnd,
+      targetPos,
+      expectedNodeType: payload.nodeType,
+      canInsertAt: canInsertNodeAtPosition
+    });
+    if (!result.ok)
+      return;
+    view.dispatch(result.transaction);
+    this.#focusEditor();
+    this.#deps.scheduleSelectionUpdate();
   }
   #handleExternalDrop(event, pos) {
     if (!this.#deps)
@@ -297789,6 +298185,8 @@ menclose::after {
     if (event.dataTransfer)
       if (kind === "fieldAnnotation")
         event.dataTransfer.dropEffect = isInternalDrag(event) ? "move" : "copy";
+      else if (kind === "internalObject")
+        event.dataTransfer.dropEffect = "move";
       else
         event.dataTransfer.dropEffect = "copy";
   }
@@ -299902,14 +300300,32 @@ menclose::after {
   pointer-events: none;
   z-index: 1000;
 }
-`, fieldAnnotationInteractionStylesInjected = false, INTERNAL_NOTE_COMMIT_SOURCES, isInternalNoteCommitSource = (event) => {
+`, fieldAnnotationInteractionStylesInjected = false, MOVABLE_OBJECT_INTERACTION_STYLES = `
+/* Editing affordance: allow grab cursors for draggable SDT labels and images */
+.superdoc-layout [data-drag-source-kind] {
+  cursor: grab;
+}
+
+.superdoc-layout [data-drag-source-kind]:active {
+  cursor: grabbing;
+}
+
+/* Keep the active drag source from selecting text while dragging */
+.superdoc-layout .superdoc-structured-content__label,
+.superdoc-layout .superdoc-structured-content-inline__label,
+.superdoc-layout .superdoc-image-fragment[data-drag-source-kind="existingImage"],
+.superdoc-layout .superdoc-inline-image-clip-wrapper[data-drag-source-kind="existingImage"],
+.superdoc-layout .superdoc-inline-image[data-drag-source-kind="existingImage"] {
+  user-select: none;
+}
+`, movableObjectInteractionStylesInjected = false, INTERNAL_NOTE_COMMIT_SOURCES, isInternalNoteCommitSource = (event) => {
   return typeof event?.source === "string" && INTERNAL_NOTE_COMMIT_SOURCES.has(event.source);
 }, DOCUMENT_RELS_PART_ID = "word/_rels/document.xml.rels", DEFAULT_PAGE_SIZE, DEFAULT_MARGINS, DEFAULT_PAGE_GAP = 24, DEFAULT_HORIZONTAL_PAGE_GAP = 20, layoutDebugEnabled, perfLog = (...args$1) => {
   if (!layoutDebugEnabled)
     return;
   console.log(...args$1);
 }, HEADER_FOOTER_INIT_BUDGET_MS = 200, MAX_ZOOM_WARNING_THRESHOLD = 10, MAX_SELECTION_RECTS_PER_USER = 100, SEMANTIC_RESIZE_DEBOUNCE_MS = 120, MIN_SEMANTIC_CONTENT_WIDTH_PX = 1, GLOBAL_PERFORMANCE, PresentationEditor, ICONS, TEXTS, tableActionsOptions;
-var init_src_C_jV2TZI_es = __esm(() => {
+var init_src_CSHo1aJM_es = __esm(() => {
   init_rolldown_runtime_Bg48TavK_es();
   init_SuperConverter_D1o6_yKI_es();
   init_jszip_C49i9kUs_es();
@@ -325942,6 +326358,7 @@ function print() { __p += __j.call(arguments, '') }
     CANONICAL: "canonical",
     DERIVED: "derived"
   };
+  INLINE_LABEL_SELECTOR = `.${DOM_CLASS_NAMES.INLINE_SDT_WRAPPER}__label`;
   PROOFING_CSS = {
     SPELLING: "sd-proofing-spelling",
     GRAMMAR: "sd-proofing-grammar",
@@ -331519,6 +331936,7 @@ function print() { __p += __j.call(arguments, '') }
     #isRerendering = false;
     #selectionSync = new SelectionSyncCoordinator;
     #shouldScrollSelectionIntoView = false;
+    #dragDropIndicatorPos = null;
     #epochMapper = new EpochPositionMapper;
     #layoutEpoch = 0;
     #htmlAnnotationHeights = /* @__PURE__ */ new Map;
@@ -331635,6 +332053,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#postPaintPipeline.setContainer(this.#painterHost);
       ensureEditorNativeSelectionStyles(doc$12);
       ensureEditorFieldAnnotationInteractionStyles(doc$12);
+      ensureEditorMovableObjectInteractionStyles(doc$12);
       this.#painterHost.addEventListener("mouseover", this.#handleStructuredContentBlockMouseEnter);
       this.#painterHost.addEventListener("mouseout", this.#handleStructuredContentBlockMouseLeave);
       this.#domIndexObserverManager = new DomPositionIndexObserverManager({
@@ -333990,12 +334409,30 @@ function print() { __p += __j.call(arguments, '') }
         getActiveEditor: () => this.getActiveEditor(),
         hitTest: (clientX, clientY) => this.hitTest(clientX, clientY),
         scheduleSelectionUpdate: () => this.#scheduleSelectionUpdate(),
+        showDragDropIndicator: (pos) => this.#showDragDropIndicator(pos),
+        clearDragDropIndicator: () => this.#clearDragDropIndicator(),
         getViewportHost: () => this.#viewportHost,
         getPainterHost: () => this.#painterHost,
         insertImageFile: (params$1) => processAndInsertImageFile(params$1)
       });
       this.#dragDropManager.bind();
     }
+    #showDragDropIndicator(pos) {
+      const docSize = this.getActiveEditor()?.state?.doc?.content.size;
+      if (!Number.isFinite(pos) || docSize == null)
+        return;
+      const clampedPos = Math.min(Math.max(pos, 1), docSize);
+      if (this.#dragDropIndicatorPos === clampedPos)
+        return;
+      this.#dragDropIndicatorPos = clampedPos;
+      this.#scheduleSelectionUpdate({ immediate: true });
+    }
+    #clearDragDropIndicator() {
+      if (this.#dragDropIndicatorPos == null)
+        return;
+      this.#dragDropIndicatorPos = null;
+      this.#scheduleSelectionUpdate({ immediate: true });
+    }
     #focusEditorAfterImageSelection() {
       this.#shouldScrollSelectionIntoView = true;
       this.#scheduleSelectionUpdate();
@@ -335143,6 +335580,7 @@ function print() { __p += __j.call(arguments, '') }
         return;
       }
       let node3 = null;
+      let pos = null;
       let id2 = null;
       if (selection instanceof NodeSelection) {
         if (selection.node?.type?.name !== "structuredContentBlock") {
@@ -335150,23 +335588,24 @@ function print() { __p += __j.call(arguments, '') }
           return;
         }
         node3 = selection.node;
+        pos = selection.from;
       } else {
-        const $pos = selection.$from;
-        if (!$pos || typeof $pos.depth !== "number" || typeof $pos.node !== "function") {
+        const editorDoc = this.#editor?.view?.state?.doc;
+        if (!editorDoc) {
           this.#clearSelectedStructuredContentBlockClass();
           return;
         }
-        for (let depth = $pos.depth;depth > 0; depth--) {
-          const candidate = $pos.node(depth);
-          if (candidate.type?.name === "structuredContentBlock") {
-            node3 = candidate;
-            break;
-          }
-        }
-        if (!node3) {
+        const resolved = findStructuredContentBlockAtPos(editorDoc, selection.from);
+        if (!resolved) {
           this.#clearSelectedStructuredContentBlockClass();
           return;
         }
+        node3 = resolved.node;
+        pos = resolved.pos;
+      }
+      if (pos == null) {
+        this.#clearSelectedStructuredContentBlockClass();
+        return;
       }
       if (!this.#painterHost) {
         this.#clearSelectedStructuredContentBlockClass();
@@ -335178,7 +335617,7 @@ function print() { __p += __j.call(arguments, '') }
       if (id2)
         elements = this.#painterAdapter.getStructuredContentBlockElementsById(id2);
       if (elements.length === 0) {
-        const container = this.getElementAtPos(selection.from, { fallbackToCoords: true })?.closest?.(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
+        const container = this.getElementAtPos(pos, { fallbackToCoords: true })?.closest?.(`.${DOM_CLASS_NAMES.BLOCK_SDT}`);
         if (container)
           elements = [container];
       }
@@ -335301,27 +335740,18 @@ function print() { __p += __j.call(arguments, '') }
         node3 = selection.node;
         pos = selection.from;
       } else {
-        const $pos = selection.$from;
-        if (!$pos || typeof $pos.depth !== "number" || typeof $pos.node !== "function") {
+        const editorDoc = this.#editor?.view?.state?.doc;
+        if (!editorDoc) {
           this.#clearSelectedStructuredContentInlineClass();
           return;
         }
-        for (let depth = $pos.depth;depth > 0; depth--) {
-          const candidate = $pos.node(depth);
-          if (candidate.type?.name === "structuredContent") {
-            if (typeof $pos.before !== "function") {
-              this.#clearSelectedStructuredContentInlineClass();
-              return;
-            }
-            node3 = candidate;
-            pos = $pos.before(depth);
-            break;
-          }
-        }
-        if (!node3 || pos == null) {
+        const resolved = findStructuredContentInlineAtPos(editorDoc, selection.from);
+        if (!resolved) {
           this.#clearSelectedStructuredContentInlineClass();
           return;
         }
+        node3 = resolved.node;
+        pos = resolved.pos;
       }
       if (!this.#painterHost) {
         this.#clearSelectedStructuredContentInlineClass();
@@ -335375,7 +335805,8 @@ function print() { __p += __j.call(arguments, '') }
       const hasFocus = activeEditor?.view?.hasFocus?.() ?? false;
       const contextMenuOpen = activeEditor?.state ? !!ContextMenuPluginKey.getState(activeEditor.state)?.open : false;
       const isOnEditorUi = !!document.activeElement?.closest?.("[data-editor-ui-surface], .sd-toolbar-dropdown-menu, .toolbar-dropdown-menu");
-      if (!hasFocus && !contextMenuOpen && !isOnEditorUi) {
+      const isDragDropIndicatorActive = this.#dragDropIndicatorPos != null;
+      if (!hasFocus && !contextMenuOpen && !isOnEditorUi && !isDragDropIndicatorActive) {
         try {
           this.#clearSelectedFieldAnnotationClass();
           this.#localSelectionLayer.innerHTML = "";
@@ -335415,8 +335846,9 @@ function print() { __p += __j.call(arguments, '') }
         }
         return;
       }
-      if (from$1 === to) {
-        const caretLayout = this.#computeCaretLayoutRect(from$1);
+      if (from$1 === to || isDragDropIndicatorActive) {
+        const caretPos = this.#dragDropIndicatorPos ?? from$1;
+        const caretLayout = this.#computeCaretLayoutRect(caretPos);
         if (!caretLayout)
           return;
         try {
@@ -335430,7 +335862,7 @@ function print() { __p += __j.call(arguments, '') }
           if (process$12.env.NODE_ENV === "development")
             console.warn("[PresentationEditor] Failed to render caret overlay:", error3);
         }
-        if (shouldScrollIntoView)
+        if (shouldScrollIntoView && !isDragDropIndicatorActive)
           this.#scrollActiveEndIntoView(caretLayout.pageIndex);
         return;
       }
@@ -337551,7 +337983,7 @@ var init_zipper_BxRAi0_5_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_C_jV2TZI_es();
+  init_src_CSHo1aJM_es();
   init_SuperConverter_D1o6_yKI_es();
   init_jszip_C49i9kUs_es();
   init_xml_js_CqGKpaft_es();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.8.0-next.80",
+  "version": "0.8.0-next.81",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -26,19 +26,19 @@
     "typescript": "^5.9.2",
     "@superdoc/document-api": "0.0.1",
     "@superdoc/pm-adapter": "0.0.0",
-    "superdoc": "1.31.0",
-    "@superdoc/super-editor": "0.0.1"
+    "@superdoc/super-editor": "0.0.1",
+    "superdoc": "1.31.0"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.80",
-    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.80",
-    "@superdoc-dev/cli-linux-x64": "0.8.0-next.80",
-    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.80",
-    "@superdoc-dev/cli-windows-x64": "0.8.0-next.80"
+    "@superdoc-dev/cli-darwin-arm64": "0.8.0-next.81",
+    "@superdoc-dev/cli-darwin-x64": "0.8.0-next.81",
+    "@superdoc-dev/cli-linux-arm64": "0.8.0-next.81",
+    "@superdoc-dev/cli-linux-x64": "0.8.0-next.81",
+    "@superdoc-dev/cli-windows-x64": "0.8.0-next.81"
   },
   "scripts": {
     "predev": "node scripts/ensure-superdoc-build.js",