superdoc 1.0.0-beta.31 → 1.0.0-beta.33

package/dist/chunks/{super-editor.es-BAKZgAuj.es.js → super-editor.es-CpmC4G9F.es.js}

@@ -18263,9 +18263,9 @@ const canMergeTextNodes = (nodeA, nodeB) => {
 const areAttrsEqual = (attrsA = {}, attrsB = {}) => {
   return objectIncludes(attrsA, attrsB);
 };
-const TrackInsertMarkName = "trackInsert";
-const TrackDeleteMarkName = "trackDelete";
-const TrackFormatMarkName = "trackFormat";
+const TrackInsertMarkName$1 = "trackInsert";
+const TrackDeleteMarkName$1 = "trackDelete";
+const TrackFormatMarkName$1 = "trackFormat";
 const generateV2HandlerEntity = (handlerName, translator2) => ({
   handlerName,
   handler: (params2) => {
@@ -20031,7 +20031,7 @@ function handleStyleChangeMarksV2(rPrChange, currentMarks, params2) {
     const runProperties = translator$1N.encode({ ...params2, nodes: [rPr] });
     submarks = encodeMarksFromRPr(runProperties, params2?.docx);
   }
-  return [{ type: TrackFormatMarkName, attrs: { ...mappedAttributes, before: submarks, after: [...currentMarks] } }];
+  return [{ type: TrackFormatMarkName$1, attrs: { ...mappedAttributes, before: submarks, after: [...currentMarks] } }];
 }
 function handleStyleChangeMarks(rPr, currentMarks) {
   const styleChangeMark = rPr.elements?.find((el) => el.name === "w:rPrChange");
@@ -20046,7 +20046,7 @@ function handleStyleChangeMarks(rPr, currentMarks) {
     authorEmail: attributes["w:authorEmail"]
   };
   const submarks = parseMarks(styleChangeMark);
-  return [{ type: TrackFormatMarkName, attrs: { ...mappedAttributes, before: submarks, after: [...currentMarks] } }];
+  return [{ type: TrackFormatMarkName$1, attrs: { ...mappedAttributes, before: submarks, after: [...currentMarks] } }];
 }
 function createImportMarks(marks) {
   const textStyleMarksToCombine = marks.filter((mark) => mark.type === "textStyle");
@@ -20484,7 +20484,7 @@ const cloneRuns = (runs = []) => runs.map((run2) => cloneNode(run2));
 const prepareRunTrackingContext = (node = {}) => {
   const marks = Array.isArray(node.marks) ? node.marks : [];
   const trackingMarks = marks.filter(
-    (mark) => mark?.type === TrackInsertMarkName || mark?.type === TrackDeleteMarkName
+    (mark) => mark?.type === TrackInsertMarkName$1 || mark?.type === TrackDeleteMarkName$1
   );
   if (!trackingMarks.length) {
     return { runNode: node, trackingMarksByType: /* @__PURE__ */ new Map() };
@@ -20493,7 +20493,7 @@ const prepareRunTrackingContext = (node = {}) => {
   trackingMarks.forEach((mark) => {
     if (mark?.type) trackingMarksByType.set(mark.type, cloneMark(mark));
   });
-  const preservedMarks = marks.filter((mark) => mark?.type !== TrackInsertMarkName && mark?.type !== TrackDeleteMarkName).map((mark) => cloneMark(mark));
+  const preservedMarks = marks.filter((mark) => mark?.type !== TrackInsertMarkName$1 && mark?.type !== TrackDeleteMarkName$1).map((mark) => cloneMark(mark));
   const clonedContent = Array.isArray(node.content) ? node.content.map((child) => {
     const childClone = cloneNode(child);
     const childMarks = Array.isArray(childClone.marks) ? childClone.marks.slice() : [];
@@ -20532,8 +20532,8 @@ const ensureTrackedWrapper = (runs, trackingMarksByType = /* @__PURE__ */ new Ma
     return runs;
   }
   if (!trackingMarksByType.size) return runs;
-  if (trackingMarksByType.has(TrackInsertMarkName)) {
-    const mark = trackingMarksByType.get(TrackInsertMarkName);
+  if (trackingMarksByType.has(TrackInsertMarkName$1)) {
+    const mark = trackingMarksByType.get(TrackInsertMarkName$1);
     const clonedRuns = cloneRuns(runs);
     const wrapper = {
       name: "w:ins",
@@ -20550,8 +20550,8 @@ const ensureTrackedWrapper = (runs, trackingMarksByType = /* @__PURE__ */ new Ma
     };
     return [wrapper];
   }
-  if (trackingMarksByType.has(TrackDeleteMarkName)) {
-    const mark = trackingMarksByType.get(TrackDeleteMarkName);
+  if (trackingMarksByType.has(TrackDeleteMarkName$1)) {
+    const mark = trackingMarksByType.get(TrackDeleteMarkName$1);
     const clonedRuns = cloneRuns(runs);
     clonedRuns.forEach(renameTextElementsForDeletion);
     const wrapper = {
@@ -41841,7 +41841,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.31") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.33") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -45147,7 +45147,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -55999,13 +55999,13 @@ const findTrackedMarkBetween = ({
   return markFound;
 };
 const markInsertion = ({ tr, from: from2, to, user, date }) => {
-  tr.removeMark(from2, to, tr.doc.type.schema.marks[TrackDeleteMarkName]);
-  tr.removeMark(from2, to, tr.doc.type.schema.marks[TrackInsertMarkName]);
+  tr.removeMark(from2, to, tr.doc.type.schema.marks[TrackDeleteMarkName$1]);
+  tr.removeMark(from2, to, tr.doc.type.schema.marks[TrackInsertMarkName$1]);
   let trackedMark = findTrackedMarkBetween({
     tr,
     from: from2,
     to,
-    markName: TrackInsertMarkName,
+    markName: TrackInsertMarkName$1,
     attrs: { authorEmail: user.email }
   });
   let id;
@@ -56014,7 +56014,7 @@ const markInsertion = ({ tr, from: from2, to, user, date }) => {
   } else {
     id = v4();
   }
-  const insertionMark = tr.doc.type.schema.marks[TrackInsertMarkName].create({
+  const insertionMark = tr.doc.type.schema.marks[TrackInsertMarkName$1].create({
     id,
     author: user.name,
     authorEmail: user.email,
@@ -56040,7 +56040,7 @@ const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
     tr,
     from: from2,
     to,
-    markName: TrackDeleteMarkName,
+    markName: TrackDeleteMarkName$1,
     attrs: { authorEmail: user.email }
   });
   let id;
@@ -56051,7 +56051,7 @@ const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
   } else {
     id = v4();
   }
-  const deletionMark = tr.doc.type.schema.marks[TrackDeleteMarkName].create({
+  const deletionMark = tr.doc.type.schema.marks[TrackDeleteMarkName$1].create({
     id,
     author: user.name,
     authorEmail: user.email,
@@ -56064,7 +56064,7 @@ const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
     if (node.type.name.includes("table")) {
       return;
     }
-    if (node.isInline && node.marks.find((mark) => mark.type.name === TrackInsertMarkName && mark.attrs.authorEmail === user.email)) {
+    if (node.isInline && node.marks.find((mark) => mark.type.name === TrackInsertMarkName$1 && mark.attrs.authorEmail === user.email)) {
       const removeStep = new ReplaceStep(
         deletionMap.map(Math.max(from2, pos)),
         deletionMap.map(Math.min(to, pos + node.nodeSize)),
@@ -56073,14 +56073,14 @@ const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
       if (!tr.maybeStep(removeStep).failed) {
         deletionMap.appendMap(removeStep.getMap());
       }
-    } else if (node.isInline && !node.marks.find((mark) => mark.type.name === TrackDeleteMarkName)) {
+    } else if (node.isInline && !node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1)) {
       nodes.push(node);
       tr.addMark(
         deletionMap.map(Math.max(from2, pos)),
         deletionMap.map(Math.min(to, pos + node.nodeSize)),
         deletionMark
       );
-    } else if (node.attrs.track && !node.attrs.track.find((trackAttr) => trackAttr.type === TrackDeleteMarkName) && !["bulletList", "orderedList"].includes(node.type.name)) ;
+    } else if (node.attrs.track && !node.attrs.track.find((trackAttr) => trackAttr.type === TrackDeleteMarkName$1) && !["bulletList", "orderedList"].includes(node.type.name)) ;
   });
   return { deletionMark, deletionMap, nodes };
 };
@@ -56147,7 +56147,7 @@ const getTrackChanges = (state2, id = null) => {
   }
   allInlineNodes.forEach(({ node, pos }) => {
     const { marks } = node;
-    const trackedMarks = [TrackInsertMarkName, TrackDeleteMarkName, TrackFormatMarkName];
+    const trackedMarks = [TrackInsertMarkName$1, TrackDeleteMarkName$1, TrackFormatMarkName$1];
     if (marks.length > 0) {
       marks.forEach((mark) => {
         if (trackedMarks.includes(mark.type.name)) {
@@ -56260,7 +56260,7 @@ const getTrackChangesDecorations = (state2, onlyOriginalShown, onlyModifiedShown
     return DecorationSet.empty;
   }
   trackedChanges.forEach(({ mark, from: from2, to }) => {
-    if (mark.type.name === TrackInsertMarkName) {
+    if (mark.type.name === TrackInsertMarkName$1) {
       if (onlyOriginalShown) {
         const decoration = Decoration.inline(from2, to, {
           class: "track-insert-dec hidden"
@@ -56278,7 +56278,7 @@ const getTrackChangesDecorations = (state2, onlyOriginalShown, onlyModifiedShown
         decorations.push(decoration);
       }
     }
-    if (mark.type.name === TrackDeleteMarkName) {
+    if (mark.type.name === TrackDeleteMarkName$1) {
       if (onlyOriginalShown) {
         const decoration = Decoration.inline(from2, to, {
           class: "track-delete-dec normal"
@@ -56310,7 +56310,7 @@ const getTrackChangesDecorations = (state2, onlyOriginalShown, onlyModifiedShown
         decorations.push(decorationWidget);
       }
     }
-    if (mark.type.name === TrackFormatMarkName) {
+    if (mark.type.name === TrackFormatMarkName$1) {
       if (onlyOriginalShown) {
         const decoration = Decoration.inline(from2, to, {
           class: "track-format-dec before"
@@ -56331,7 +56331,7 @@ const getTrackChangesDecorations = (state2, onlyOriginalShown, onlyModifiedShown
   });
   return DecorationSet.create(state2.doc, decorations);
 };
-const CommentMarkName = "commentMark";
+const CommentMarkName$1 = "commentMark";
 const resolveCommentMeta = ({ converter, importedId }) => {
   const comments = converter?.comments || [];
   const matchingImportedComment = comments.find((c2) => c2.importedId == importedId);
@@ -56362,7 +56362,7 @@ const ensureFallbackComment = ({ converter, matchingImportedComment, commentId,
 const removeCommentsById = ({ commentId, state: state2, tr, dispatch }) => {
   const positions = getCommentPositionsById(commentId, state2.doc);
   positions.forEach(({ from: from2, to }) => {
-    tr.removeMark(from2, to, state2.schema.marks[CommentMarkName]);
+    tr.removeMark(from2, to, state2.schema.marks[CommentMarkName$1]);
   });
   dispatch(tr);
 };
@@ -56370,7 +56370,7 @@ const getCommentPositionsById = (commentId, doc2) => {
   const positions = [];
   doc2.descendants((node, pos) => {
     const { marks } = node;
-    const commentMark = marks.find((mark) => mark.type.name === CommentMarkName);
+    const commentMark = marks.find((mark) => mark.type.name === CommentMarkName$1);
     if (commentMark) {
       const { attrs } = commentMark;
       const { commentId: currentCommentId } = attrs;
@@ -56390,7 +56390,7 @@ const prepareCommentsForExport = (doc2, tr, schema, comments = []) => {
   const endNodes = [];
   const seen = /* @__PURE__ */ new Set();
   doc2.descendants((node, pos) => {
-    const commentMarks = node.marks?.filter((mark) => mark.type.name === CommentMarkName) || [];
+    const commentMarks = node.marks?.filter((mark) => mark.type.name === CommentMarkName$1) || [];
     commentMarks.forEach((commentMark) => {
       const { attrs = {} } = commentMark;
       const { commentId } = attrs;
@@ -56518,7 +56518,7 @@ const prepareCommentsForImport = (doc2, tr, schema, converter) => {
         importedId,
         internal: itemToMark.internal
       };
-      tr.addMark(start2, pos + 1, schema.marks[CommentMarkName].create(markAttrs));
+      tr.addMark(start2, pos + 1, schema.marks[CommentMarkName$1].create(markAttrs));
       toDelete.push({ start: pos, end: pos + 1 });
     } else if (type2.name === "commentReference") {
       toDelete.push({ start: pos, end: pos + 1 });
@@ -56636,7 +56636,7 @@ const updatePosition = ({ allCommentPositions, threadId, pos, currentBounds, nod
     existing.bounds.bottom = Math.max(existing.bounds.bottom, currentBounds.bottom);
   }
 };
-const TRACK_CHANGE_MARKS = [TrackInsertMarkName, TrackDeleteMarkName, TrackFormatMarkName];
+const TRACK_CHANGE_MARKS = [TrackInsertMarkName$1, TrackDeleteMarkName$1, TrackFormatMarkName$1];
 const CommentsPluginKey = new PluginKey("comments");
 const CommentsPlugin = Extension.create({
   name: "comments",
@@ -56652,7 +56652,7 @@ const CommentsPlugin = Extension.create({
         tr.addMark(
           $from.pos,
           $to.pos,
-          this.editor.schema.marks[CommentMarkName].create({
+          this.editor.schema.marks[CommentMarkName$1].create({
             commentId: resolvedCommentId,
             internal: resolvedInternal
           })
@@ -56692,7 +56692,7 @@ const CommentsPlugin = Extension.create({
         doc2.descendants((node, pos) => {
           if (foundStartNode) return;
           const { marks = [] } = node;
-          const commentMark = marks.find((mark) => mark.type.name === CommentMarkName);
+          const commentMark = marks.find((mark) => mark.type.name === CommentMarkName$1);
           if (commentMark) {
             const { attrs } = commentMark;
             const wid = attrs.commentId;
@@ -56706,7 +56706,7 @@ const CommentsPlugin = Extension.create({
         tr.addMark(
           foundPos,
           foundPos + foundStartNode.nodeSize,
-          this.editor.schema.marks[CommentMarkName].create({
+          this.editor.schema.marks[CommentMarkName$1].create({
             commentId,
             internal: isInternal
           })
@@ -56835,10 +56835,10 @@ const CommentsPlugin = Extension.create({
             prevDoc = doc2;
             shouldUpdate = false;
             const decorations = [];
-            const allCommentPositions = onlyActiveThreadChanged ? prevAllCommentPositions : {};
+            const allCommentPositions = {};
             doc2.descendants((node, pos) => {
               const { marks = [] } = node;
-              const commentMarks = marks.filter((mark) => mark.type.name === CommentMarkName);
+              const commentMarks = marks.filter((mark) => mark.type.name === CommentMarkName$1);
               let hasActive = false;
               commentMarks.forEach((commentMark) => {
                 const { attrs } = commentMark;
@@ -56964,7 +56964,7 @@ const getActiveCommentId = (doc2, selection) => {
       return;
     }
     const { marks = [] } = node;
-    const commentMark = marks.find((mark) => mark.type.name === CommentMarkName);
+    const commentMark = marks.find((mark) => mark.type.name === CommentMarkName$1);
     if (commentMark) {
       overlaps.push({
         node,
@@ -56987,7 +56987,7 @@ const getActiveCommentId = (doc2, selection) => {
     }
   });
   const { marks: closestMarks = [] } = closestCommentRangeStart || {};
-  const closestCommentMark = closestMarks.find((mark) => mark.type.name === CommentMarkName);
+  const closestCommentMark = closestMarks.find((mark) => mark.type.name === CommentMarkName$1);
   return closestCommentMark?.attrs?.commentId || closestCommentMark?.attrs?.importedId;
 };
 const findTrackedMark = ({
@@ -57037,7 +57037,7 @@ const handleTrackedChangeTransaction = (trackedChangeMeta, trackedChanges, newEd
   let nodes = step?.slice?.content?.content || [];
   if (!nodes.length) {
     newEditorState.doc.descendants((node) => {
-      const hasFormatMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName);
+      const hasFormatMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1);
       if (hasFormatMark) {
         nodes = [node];
         return false;
@@ -57062,19 +57062,19 @@ const handleTrackedChangeTransaction = (trackedChangeMeta, trackedChanges, newEd
 const getTrackedChangeText = ({ nodes, mark, trackedChangeType, isDeletionInsertion }) => {
   let trackedChangeText = "";
   let deletionText = "";
-  if (trackedChangeType === TrackInsertMarkName) {
+  if (trackedChangeType === TrackInsertMarkName$1) {
     trackedChangeText = nodes.reduce((acc, node) => {
       if (!node.marks.find((nodeMark) => nodeMark.type.name === mark.type.name)) return acc;
       acc += node?.text || node?.textContent || "";
       return acc;
     }, "");
   }
-  if (trackedChangeType === TrackFormatMarkName) {
+  if (trackedChangeType === TrackFormatMarkName$1) {
     trackedChangeText = translateFormatChangesToEnglish(mark.attrs);
   }
-  if (trackedChangeType === TrackDeleteMarkName || isDeletionInsertion) {
+  if (trackedChangeType === TrackDeleteMarkName$1 || isDeletionInsertion) {
     deletionText = nodes.reduce((acc, node) => {
-      if (!node.marks.find((nodeMark) => nodeMark.type.name === TrackDeleteMarkName)) return acc;
+      if (!node.marks.find((nodeMark) => nodeMark.type.name === TrackDeleteMarkName$1)) return acc;
       acc += node?.text || node?.textContent || "";
       return acc;
     }, "");
@@ -57140,7 +57140,7 @@ function findRangeById(doc2, id) {
       if (to === null || pos + node.nodeSize > to) to = pos + node.nodeSize;
     }
     const commentMark = node.marks.find(
-      (m2) => m2.type.name === CommentMarkName && (m2.attrs.commentId === id || m2.attrs.importedId === id)
+      (m2) => m2.type.name === CommentMarkName$1 && (m2.attrs.commentId === id || m2.attrs.importedId === id)
     );
     if (commentMark) {
       if (from2 === null || pos < from2) from2 = pos;
@@ -57150,7 +57150,7 @@ function findRangeById(doc2, id) {
   return from2 !== null && to !== null ? { from: from2, to } : null;
 }
 const replaceStep = ({ state: state2, tr, step, newTr, map: map22, user, date, originalStep, originalStepIndex }) => {
-  const deletionMarkSchema = state2.schema.marks[TrackDeleteMarkName];
+  const deletionMarkSchema = state2.schema.marks[TrackDeleteMarkName$1];
   const deletionMark = findMark(state2, deletionMarkSchema, false);
   const positionTo = deletionMark ? deletionMark.to : step.to;
   const newStep = new ReplaceStep(
@@ -57214,17 +57214,17 @@ const addMarkStep = ({ state: state2, step, newTr, doc: doc2, user, date }) => {
     if (!node.isInline) {
       return;
     }
-    if (node.marks.find((mark) => mark.type.name === TrackDeleteMarkName)) {
+    if (node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1)) {
       return false;
     }
     const existingChangeMark = node.marks.find(
-      (mark) => [TrackDeleteMarkName, TrackFormatMarkName].includes(mark.type.name)
+      (mark) => [TrackDeleteMarkName$1, TrackFormatMarkName$1].includes(mark.type.name)
     );
     const wid = existingChangeMark ? existingChangeMark.attrs.id : v4();
     newTr.addMark(Math.max(step.from, pos), Math.min(step.to, pos + node.nodeSize), step.mark);
     const allowedMarks = ["bold", "italic", "strike", "underline", "textStyle"];
     if (allowedMarks.includes(step.mark.type.name) && !node.marks.find((mark) => mark.type === step.mark.type)) {
-      const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName);
+      const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1);
       let after = [];
       let before = [];
       if (formatChangeMark) {
@@ -57260,7 +57260,7 @@ const addMarkStep = ({ state: state2, step, newTr, doc: doc2, user, date }) => {
         ];
       }
       if (after.length || before.length) {
-        const newFormatMark = state2.schema.marks[TrackFormatMarkName].create({
+        const newFormatMark = state2.schema.marks[TrackFormatMarkName$1].create({
           id: wid,
           author: user.name,
           authorEmail: user.email,
@@ -57292,13 +57292,13 @@ const removeMarkStep = ({ state: state2, step, newTr, doc: doc2, user, date }) =
     if (!node.isInline) {
       return true;
     }
-    if (node.marks.find((mark) => mark.type.name === TrackDeleteMarkName)) {
+    if (node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1)) {
       return false;
     }
     newTr.removeMark(Math.max(step.from, pos), Math.min(step.to, pos + node.nodeSize), step.mark);
     const allowedMarks = ["bold", "italic", "strike", "underline", "textStyle"];
     if (allowedMarks.includes(step.mark.type.name) && node.marks.find((mark) => mark.type === step.mark.type)) {
-      const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName);
+      const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1);
       let after = [];
       let before = [];
       if (formatChangeMark) {
@@ -57326,7 +57326,7 @@ const removeMarkStep = ({ state: state2, step, newTr, doc: doc2, user, date }) =
         ];
       }
       if (after.length || before.length) {
-        const newFormatMark = state2.schema.marks[TrackFormatMarkName].create({
+        const newFormatMark = state2.schema.marks[TrackFormatMarkName$1].create({
           id: v4(),
           author: user.name,
           authorEmail: user.email,
@@ -57407,7 +57407,7 @@ const trackedTransaction = ({ tr, state: state2, user }) => {
     newTr.setMeta("addToHistory", tr.getMeta("addToHistory"));
   }
   if (tr.selectionSet) {
-    const deletionMarkSchema = state2.schema.marks[TrackDeleteMarkName];
+    const deletionMarkSchema = state2.schema.marks[TrackDeleteMarkName$1];
     const deletionMark = findMark(state2, deletionMarkSchema, false);
     if (tr.selection instanceof TextSelection$1 && (tr.selection.from < state2.selection.from || tr.getMeta("inputType") === "deleteContentBackward")) {
       const caretPos = map22.map(tr.selection.from, -1);
@@ -59014,7 +59014,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.31";
+const summaryVersion = "1.0.0-beta.33";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -59803,7 +59803,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-eG-VYUeN-CIuOnW8W.es.js"),
+      import("./index-hX4H5xPH-ChjioDix.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -60008,7 +60008,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.31");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.33");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -65150,7 +65150,27 @@ function handleStructuredContentBlockNode(node, context) {
         blocks.push(block);
         recordBlockKind(block.kind);
       });
-    } else if (child.type === "table") ;
+    } else if (child.type === "table") {
+      const tableNodeToBlock2 = converters?.tableNodeToBlock;
+      if (tableNodeToBlock2) {
+        const tableBlock = tableNodeToBlock2(
+          child,
+          nextBlockId,
+          positions,
+          defaultFont,
+          defaultSize,
+          styleContext,
+          trackedChangesConfig,
+          bookmarks,
+          hyperlinkConfig
+        );
+        if (tableBlock) {
+          applySdtMetadataToTableBlock(tableBlock, structuredContentMetadata);
+          blocks.push(tableBlock);
+          recordBlockKind(tableBlock.kind);
+        }
+      }
+    }
   });
 }
 function processParagraphChild(child, sectionMetadata, context, output, converters) {
@@ -65620,6 +65640,65 @@ function imageNodeToRun(node, positions, activeSdt) {
   }
   return run2;
 }
+function fieldAnnotationNodeToRun(node, positions, fieldMetadata) {
+  const attrs = node.attrs ?? {};
+  const rawVariant = attrs.type ?? fieldMetadata?.variant ?? "text";
+  const validVariants = ["text", "image", "signature", "checkbox", "html", "link"];
+  const variant = validVariants.includes(rawVariant) ? rawVariant : "text";
+  const displayLabel = (typeof attrs.displayLabel === "string" ? attrs.displayLabel : void 0) || (typeof attrs.defaultDisplayLabel === "string" ? attrs.defaultDisplayLabel : void 0) || (typeof fieldMetadata?.displayLabel === "string" ? fieldMetadata.displayLabel : void 0) || (typeof fieldMetadata?.defaultDisplayLabel === "string" ? fieldMetadata.defaultDisplayLabel : void 0) || (typeof attrs.alias === "string" ? attrs.alias : void 0) || (typeof fieldMetadata?.alias === "string" ? fieldMetadata.alias : void 0) || "";
+  const run2 = {
+    kind: "fieldAnnotation",
+    variant,
+    displayLabel
+  };
+  const fieldId = typeof attrs.fieldId === "string" ? attrs.fieldId : fieldMetadata?.fieldId;
+  if (fieldId) run2.fieldId = fieldId;
+  const fieldType = typeof attrs.fieldType === "string" ? attrs.fieldType : fieldMetadata?.fieldType;
+  if (fieldType) run2.fieldType = fieldType;
+  const fieldColor = typeof attrs.fieldColor === "string" ? attrs.fieldColor : fieldMetadata?.fieldColor;
+  if (fieldColor) run2.fieldColor = fieldColor;
+  const borderColor = typeof attrs.borderColor === "string" ? attrs.borderColor : fieldMetadata?.borderColor;
+  if (borderColor) run2.borderColor = borderColor;
+  const highlighted = attrs.highlighted ?? fieldMetadata?.highlighted;
+  if (highlighted === false) run2.highlighted = false;
+  if (attrs.hidden === true || fieldMetadata?.hidden === true) run2.hidden = true;
+  const visibility = attrs.visibility ?? fieldMetadata?.visibility;
+  if (visibility === "hidden") run2.visibility = "hidden";
+  const imageSrc = typeof attrs.imageSrc === "string" ? attrs.imageSrc : fieldMetadata?.imageSrc;
+  if (imageSrc) run2.imageSrc = imageSrc;
+  const linkUrl = typeof attrs.linkUrl === "string" ? attrs.linkUrl : fieldMetadata?.linkUrl;
+  if (linkUrl) run2.linkUrl = linkUrl;
+  const rawHtml = attrs.rawHtml ?? fieldMetadata?.rawHtml;
+  if (typeof rawHtml === "string") run2.rawHtml = rawHtml;
+  const size2 = attrs.size ?? fieldMetadata?.size;
+  if (size2 && (typeof size2.width === "number" || typeof size2.height === "number")) {
+    run2.size = {
+      width: typeof size2.width === "number" ? size2.width : void 0,
+      height: typeof size2.height === "number" ? size2.height : void 0
+    };
+  }
+  const fontFamily2 = attrs.fontFamily ?? fieldMetadata?.fontFamily;
+  if (typeof fontFamily2 === "string") run2.fontFamily = fontFamily2;
+  const fontSize2 = attrs.fontSize ?? fieldMetadata?.fontSize;
+  if (typeof fontSize2 === "string" || typeof fontSize2 === "number") run2.fontSize = fontSize2;
+  const textColor = attrs.textColor ?? fieldMetadata?.textColor;
+  if (typeof textColor === "string") run2.textColor = textColor;
+  const textHighlight = attrs.textHighlight ?? fieldMetadata?.textHighlight;
+  if (typeof textHighlight === "string") run2.textHighlight = textHighlight;
+  const formatting = fieldMetadata?.formatting;
+  if (attrs.bold === true || formatting?.bold === true) run2.bold = true;
+  if (attrs.italic === true || formatting?.italic === true) run2.italic = true;
+  if (attrs.underline === true || formatting?.underline === true) run2.underline = true;
+  const pos = positions.get(node);
+  if (pos) {
+    run2.pmStart = pos.start;
+    run2.pmEnd = pos.end;
+  }
+  if (fieldMetadata) {
+    run2.sdt = fieldMetadata;
+  }
+  return run2;
+}
 const isTextRun$1 = (run2) => run2.kind !== "tab";
 const dataAttrsCompatible = (a, b2) => {
   const aAttrs = a.dataAttrs;
@@ -65915,28 +65994,20 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
     }
     if (node.type === "fieldAnnotation") {
       const fieldMetadata = resolveNodeSdtMetadata(node, "fieldAnnotation");
+      let contentText;
       if (Array.isArray(node.content) && node.content.length > 0) {
-        node.content.forEach((child) => visitNode(child, inheritedMarks, fieldMetadata ?? activeSdt, activeRunStyleId));
-      } else {
-        const nodeAttrs = typeof node.attrs === "object" && node.attrs !== null ? node.attrs : {};
-        const label = (typeof nodeAttrs.displayLabel === "string" ? nodeAttrs.displayLabel : void 0) || (typeof nodeAttrs.defaultDisplayLabel === "string" ? nodeAttrs.defaultDisplayLabel : void 0) || (typeof nodeAttrs.alias === "string" ? nodeAttrs.alias : void 0) || "";
-        if (label && typeof label === "string") {
-          const run2 = textNodeToRun(
-            { type: "text", text: label },
-            positions,
-            defaultFont,
-            defaultSize,
-            inheritedMarks,
-            fieldMetadata ?? activeSdt,
-            hyperlinkConfig,
-            themeColors
-          );
-          const inlineStyleId = getInlineStyleId(inheritedMarks);
-          applyRunStyles2(run2, inlineStyleId, activeRunStyleId);
-          applyBaseRunDefaults(run2, baseRunDefaults, defaultFont, defaultSize);
-          currentRuns.push(run2);
-        }
+        const extractText = (n) => {
+          if (n.type === "text" && typeof n.text === "string") return n.text;
+          if (Array.isArray(n.content)) {
+            return n.content.map(extractText).join("");
+          }
+          return "";
+        };
+        contentText = node.content.map(extractText).join("");
       }
+      const nodeForRun = contentText && contentText.length > 0 ? { ...node, attrs: { ...node.attrs ?? {}, displayLabel: contentText } } : node;
+      const run2 = fieldAnnotationNodeToRun(nodeForRun, positions, fieldMetadata);
+      currentRuns.push(run2);
       return;
     }
     if (node.type === "pageReference") {
@@ -66773,9 +66844,9 @@ const extractTableStyleParagraphProps = (styleId, docx) => {
     }
     const attrs = spacingEl.attributes;
     const spacing = {};
-    const before = parseIntSafe(attrs["w:before"]);
-    const after = parseIntSafe(attrs["w:after"]);
-    const line = parseIntSafe(attrs["w:line"]);
+    const before = parseIntSafe$1(attrs["w:before"]);
+    const after = parseIntSafe$1(attrs["w:after"]);
+    const line = parseIntSafe$1(attrs["w:line"]);
     const rawLineRule = attrs["w:lineRule"];
     const lineRule = rawLineRule === "auto" || rawLineRule === "exact" || rawLineRule === "atLeast" ? rawLineRule : void 0;
     if (before != null) spacing.before = twipsToPx$1(before);
@@ -66790,11 +66861,11 @@ const extractTableStyleParagraphProps = (styleId, docx) => {
     if (lineRule) spacing.lineRule = lineRule;
     const result = Object.keys(spacing).length > 0 ? { spacing } : void 0;
     return result;
-  } catch (err) {
+  } catch {
     return void 0;
   }
 };
-const parseIntSafe = (value) => {
+const parseIntSafe$1 = (value) => {
   if (value == null) return void 0;
   const num = typeof value === "number" ? value : parseInt(String(value), 10);
   return Number.isFinite(num) ? num : void 0;
@@ -67446,7 +67517,7 @@ function getMeasurementContext() {
   return measurementCtx;
 }
 function getRunFontString(run2) {
-  if (run2.kind === "tab" || run2.kind === "lineBreak" || run2.kind === "break" || "src" in run2) {
+  if (run2.kind === "tab" || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || "src" in run2) {
     return "normal normal 16px Arial";
   }
   const style2 = run2.italic ? "italic" : "normal";
@@ -67477,6 +67548,10 @@ function sliceRunsForLine$1(block, line) {
       result.push(run2);
       continue;
     }
+    if (run2.kind === "fieldAnnotation") {
+      result.push(run2);
+      continue;
+    }
     const text = run2.text ?? "";
     const isFirstRun = runIndex === line.fromRun;
     const isLastRun = runIndex === line.toRun;
@@ -67510,7 +67585,8 @@ function measureCharacterX(block, line, charOffset) {
       1,
       runs2.reduce((sum, run2) => {
         if (isTabRun$1(run2)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") return sum;
+        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation")
+          return sum;
         return sum + (run2.text ?? "").length;
       }, 0)
     );
@@ -67531,7 +67607,7 @@ function measureCharacterX(block, line, charOffset) {
       currentCharOffset += runLength2;
       continue;
     }
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     if (currentCharOffset + runLength >= charOffset) {
       const offsetInRun = charOffset - currentCharOffset;
@@ -67574,7 +67650,7 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
       if (isTabRun$1(run2)) {
         return segmentBaseX + (offsetInSegment > 0 ? segment.width ?? 0 : 0);
       }
-      if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") {
+      if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation") {
         return segmentBaseX + (offsetInSegment >= segmentChars ? segment.width ?? 0 : 0);
       }
       const text = run2.text ?? "";
@@ -67603,7 +67679,7 @@ function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
   let lastPm = fallbackPmStart;
   for (const run2 of runs) {
     const isTab = isTabRun$1(run2);
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = isTab ? TAB_CHAR_LENGTH : text.length;
     const runPmStart = typeof run2.pmStart === "number" ? run2.pmStart : null;
     const runPmEnd = typeof run2.pmEnd === "number" ? run2.pmEnd : runPmStart != null ? runPmStart + runLength : null;
@@ -67629,7 +67705,8 @@ function findCharacterAtX(block, line, x2, pmStart) {
       1,
       runs2.reduce((sum, run2) => {
         if (isTabRun$1(run2)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") return sum;
+        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation")
+          return sum;
         return sum + (run2.text ?? "").length;
       }, 0)
     );
@@ -67664,7 +67741,7 @@ function findCharacterAtX(block, line, x2, pmStart) {
       currentCharOffset += TAB_CHAR_LENGTH;
       continue;
     }
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     if (runLength === 0) continue;
     ctx2.font = getRunFontString(run2);
@@ -67704,7 +67781,7 @@ function findCharacterAtX(block, line, x2, pmStart) {
   };
 }
 const computeLetterSpacingWidth = (run2, precedingChars, runLength) => {
-  if (isTabRun$1(run2) || "src" in run2 || !("letterSpacing" in run2) || !run2.letterSpacing) {
+  if (isTabRun$1(run2) || "src" in run2 || run2.kind === "fieldAnnotation" || !("letterSpacing" in run2) || !run2.letterSpacing) {
     return 0;
   }
   const maxGaps = Math.max(runLength - 1, 0);
@@ -67801,6 +67878,17 @@ function clickToPositionDom(domContainer, clientX, clientY) {
     pmStart: fragmentEl.dataset.pmStart,
     pmEnd: fragmentEl.dataset.pmEnd
   });
+  const hitChainLine = hitChain.find(
+    (el) => el.classList?.contains?.(CLASS_NAMES$1.line) && el.dataset?.pmStart !== void 0 && el.dataset?.pmEnd !== void 0
+  );
+  if (hitChainLine) {
+    log("Using hit chain line directly:", {
+      pmStart: hitChainLine.dataset.pmStart,
+      pmEnd: hitChainLine.dataset.pmEnd
+    });
+    const result2 = processLineElement(hitChainLine, viewX);
+    return result2;
+  }
   const result = processFragment(fragmentEl, viewX, viewY);
   return result;
 }
@@ -67866,7 +67954,9 @@ function processFragment(fragmentEl, viewX, viewY) {
   if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
     return null;
   }
-  const spanEls = Array.from(lineEl.querySelectorAll("span, a"));
+  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter(
+    (el) => el.dataset.pmStart !== void 0 && el.dataset.pmEnd !== void 0
+  );
   log(
     "Spans/anchors in line:",
     spanEls.map((el, i) => {
@@ -67925,6 +68015,77 @@ function processFragment(fragmentEl, viewX, viewY) {
   const pos = spanStart + charIndex;
   return pos;
 }
+function processLineElement(lineEl, viewX) {
+  const lineStart = Number(lineEl.dataset.pmStart ?? "NaN");
+  const lineEnd = Number(lineEl.dataset.pmEnd ?? "NaN");
+  const lineRect = lineEl.getBoundingClientRect();
+  log("processLineElement:", {
+    pmStart: lineStart,
+    pmEnd: lineEnd,
+    rect: { top: lineRect.top, bottom: lineRect.bottom, left: lineRect.left, right: lineRect.right }
+  });
+  if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
+    return null;
+  }
+  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter(
+    (el) => el.dataset.pmStart !== void 0 && el.dataset.pmEnd !== void 0
+  );
+  log(
+    "Spans/anchors in line:",
+    spanEls.map((el, i) => {
+      const rect = el.getBoundingClientRect();
+      return {
+        index: i,
+        tag: el.tagName,
+        pmStart: el.dataset.pmStart,
+        pmEnd: el.dataset.pmEnd,
+        text: el.textContent?.substring(0, 20) + (el.textContent && el.textContent.length > 20 ? "..." : ""),
+        visibility: el.style.visibility,
+        rect: { left: rect.left, right: rect.right, width: rect.width }
+      };
+    })
+  );
+  if (spanEls.length === 0) {
+    return lineStart;
+  }
+  const firstRect = spanEls[0].getBoundingClientRect();
+  if (viewX <= firstRect.left) {
+    return lineStart;
+  }
+  const lastRect = spanEls[spanEls.length - 1].getBoundingClientRect();
+  if (viewX >= lastRect.right) {
+    return lineEnd;
+  }
+  const targetEl = findSpanAtX(spanEls, viewX);
+  if (!targetEl) {
+    return lineStart;
+  }
+  const spanStart = Number(targetEl.dataset.pmStart ?? "NaN");
+  const spanEnd = Number(targetEl.dataset.pmEnd ?? "NaN");
+  const targetRect = targetEl.getBoundingClientRect();
+  log("Target element:", {
+    tag: targetEl.tagName,
+    pmStart: spanStart,
+    pmEnd: spanEnd,
+    text: targetEl.textContent?.substring(0, 30),
+    visibility: targetEl.style.visibility,
+    rect: { left: targetRect.left, right: targetRect.right, width: targetRect.width }
+  });
+  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd)) {
+    return null;
+  }
+  const firstChild = targetEl.firstChild;
+  if (!firstChild || firstChild.nodeType !== Node.TEXT_NODE || !firstChild.textContent) {
+    const elRect = targetEl.getBoundingClientRect();
+    const closerToLeft = Math.abs(viewX - elRect.left) <= Math.abs(viewX - elRect.right);
+    const snapPos = closerToLeft ? spanStart : spanEnd;
+    return snapPos;
+  }
+  const textNode = firstChild;
+  const charIndex = findCharIndexAtX(textNode, targetEl, viewX);
+  const pos = spanStart + charIndex;
+  return pos;
+}
 function findLineAtY(lineEls, viewY) {
   if (lineEls.length === 0) {
     return null;
@@ -70815,7 +70976,7 @@ const hashRuns = (block) => {
       return `img:${srcHash}:${imgRun.width}x${imgRun.height}`;
     }
     const text = normalizeText(
-      "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? ""
+      "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? ""
     );
     const bold = "bold" in run2 ? run2.bold : false;
     const italic = "italic" in run2 ? run2.italic : false;
@@ -71527,7 +71688,7 @@ function extractBlockText(block) {
   let pmStart = Infinity;
   let pmEnd = 0;
   for (const run2 of block.runs) {
-    text += "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text;
+    text += "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text;
     if (run2.pmStart !== void 0) {
       pmStart = Math.min(pmStart, run2.pmStart);
     }
@@ -71577,7 +71738,7 @@ function fontString(run2) {
   return `${italic}${bold}${size2}px ${family}`.trim();
 }
 function runText(run2) {
-  return "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+  return "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
 }
 function measureRunSliceWidth(run2, fromChar, toChar) {
   const context = getCtx();
@@ -71739,7 +71900,7 @@ const paragraphBlocksEqual = (a, b2) => {
   for (let i = 0; i < a.runs.length; i += 1) {
     const runA = a.runs[i];
     const runB = b2.runs[i];
-    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
+    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" || runA.kind === "fieldAnnotation" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" || runB.kind === "fieldAnnotation" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
       return false;
     }
   }
@@ -71859,7 +72020,7 @@ function computeHeaderFooterContentHash(blocks) {
     parts.push(block.id);
     if (block.kind === "paragraph") {
       for (const run2 of block.runs) {
-        if (!("src" in run2) && run2.kind !== "lineBreak" && run2.kind !== "break") {
+        if (!("src" in run2) && run2.kind !== "lineBreak" && run2.kind !== "break" && run2.kind !== "fieldAnnotation") {
           parts.push(run2.text ?? "");
         }
         if ("bold" in run2 && run2.bold) parts.push("b");
@@ -72344,6 +72505,255 @@ var Priority = /* @__PURE__ */ ((Priority2) => {
   /** P3: Heavy debounce for full document layout */
   [Priority.P3]: 150
 });
+const DEFAULT_MIME_TYPE$1 = "application/x-field-annotation";
+const LEGACY_MIME_TYPE = "fieldAnnotation";
+function parseIntSafe(value) {
+  if (!value) return void 0;
+  const parsed = parseInt(value, 10);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function extractFieldAnnotationData(element) {
+  const dataset = element.dataset;
+  const attributes = {};
+  for (const key2 in dataset) {
+    const value = dataset[key2];
+    if (value !== void 0) {
+      attributes[key2] = value;
+    }
+  }
+  return {
+    fieldId: dataset.fieldId,
+    fieldType: dataset.fieldType,
+    variant: dataset.variant ?? dataset.type,
+    displayLabel: dataset.displayLabel,
+    pmStart: parseIntSafe(dataset.pmStart),
+    pmEnd: parseIntSafe(dataset.pmEnd),
+    attributes
+  };
+}
+class DragHandler {
+  /**
+   * Creates a new DragHandler instance.
+   *
+   * @param container - The DOM container element (typically .superdoc-layout)
+   * @param config - Configuration options and callbacks
+   */
+  constructor(container, config2 = {}) {
+    this.container = container;
+    this.config = config2;
+    this.mimeType = config2.mimeType ?? DEFAULT_MIME_TYPE$1;
+    this.boundHandlers = {
+      dragstart: this.handleDragStart.bind(this),
+      dragover: this.handleDragOver.bind(this),
+      drop: this.handleDrop.bind(this),
+      dragend: this.handleDragEnd.bind(this),
+      dragleave: this.handleDragLeave.bind(this)
+    };
+    this.windowDragoverHandler = this.handleWindowDragOver.bind(this);
+    this.windowDropHandler = this.handleWindowDrop.bind(this);
+    this.attachListeners();
+  }
+  /**
+   * Attaches event listeners to the container and window.
+   */
+  attachListeners() {
+    this.container.addEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.addEventListener("dragover", this.boundHandlers.dragover);
+    this.container.addEventListener("drop", this.boundHandlers.drop);
+    this.container.addEventListener("dragend", this.boundHandlers.dragend);
+    this.container.addEventListener("dragleave", this.boundHandlers.dragleave);
+    window.addEventListener("dragover", this.windowDragoverHandler, false);
+    window.addEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Removes event listeners from the container and window.
+   */
+  removeListeners() {
+    this.container.removeEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.removeEventListener("dragover", this.boundHandlers.dragover);
+    this.container.removeEventListener("drop", this.boundHandlers.drop);
+    this.container.removeEventListener("dragend", this.boundHandlers.dragend);
+    this.container.removeEventListener("dragleave", this.boundHandlers.dragleave);
+    window.removeEventListener("dragover", this.windowDragoverHandler, false);
+    window.removeEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Handles dragover at window level to allow drops on overlay elements.
+   * This ensures preventDefault is called even when dragging over selection
+   * highlights or other UI elements that sit on top of the layout content.
+   */
+  handleWindowDragOver(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.config.onDragOver?.({
+          event,
+          clientX: event.clientX,
+          clientY: event.clientY,
+          hasFieldAnnotation: true
+        });
+      }
+    }
+  }
+  /**
+   * Handles drop at window level to catch drops on overlay elements.
+   * If the drop target is outside the container, we process it here.
+   */
+  handleWindowDrop(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.handleDrop(event);
+      }
+    }
+  }
+  /**
+   * Handles the dragstart event.
+   * Sets up dataTransfer with field annotation data and drag image.
+   */
+  handleDragStart(event) {
+    const target = event.target;
+    if (!target?.dataset?.draggable || target.dataset.draggable !== "true") {
+      return;
+    }
+    const data = extractFieldAnnotationData(target);
+    if (event.dataTransfer) {
+      const jsonData = JSON.stringify({
+        attributes: data.attributes,
+        sourceField: data
+      });
+      event.dataTransfer.setData(this.mimeType, jsonData);
+      event.dataTransfer.setData(LEGACY_MIME_TYPE, jsonData);
+      event.dataTransfer.setData("text/plain", data.displayLabel ?? "Field Annotation");
+      event.dataTransfer.setDragImage(target, 0, 0);
+      event.dataTransfer.effectAllowed = "move";
+    }
+    this.config.onDragStart?.({
+      event,
+      element: target,
+      data
+    });
+  }
+  /**
+   * Handles the dragover event.
+   * Provides visual feedback and determines if drop is allowed.
+   */
+  handleDragOver(event) {
+    const hasFieldAnnotation = this.hasFieldAnnotationData(event);
+    if (hasFieldAnnotation) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      this.container.classList.add("drag-over");
+    }
+    this.config.onDragOver?.({
+      event,
+      clientX: event.clientX,
+      clientY: event.clientY,
+      hasFieldAnnotation
+    });
+  }
+  /**
+   * Handles the dragleave event.
+   * Removes visual feedback when drag leaves the container.
+   */
+  handleDragLeave(event) {
+    const relatedTarget = event.relatedTarget;
+    if (!relatedTarget || !this.container.contains(relatedTarget)) {
+      this.container.classList.remove("drag-over");
+    }
+  }
+  /**
+   * Handles the drop event.
+   * Maps drop coordinates to ProseMirror position and emits drop event.
+   */
+  handleDrop(event) {
+    this.container.classList.remove("drag-over");
+    if (!this.hasFieldAnnotationData(event)) {
+      return;
+    }
+    event.preventDefault();
+    const data = this.extractDragData(event);
+    if (!data) {
+      return;
+    }
+    const pmPosition = clickToPositionDom(this.container, event.clientX, event.clientY);
+    this.config.onDrop?.({
+      event,
+      data,
+      pmPosition,
+      clientX: event.clientX,
+      clientY: event.clientY
+    });
+  }
+  /**
+   * Handles the dragend event.
+   * Cleans up drag state.
+   */
+  handleDragEnd(event) {
+    this.container.classList.remove("drag-over");
+    this.config.onDragEnd?.(event);
+  }
+  /**
+   * Checks if a drag event contains field annotation data.
+   */
+  hasFieldAnnotationData(event) {
+    if (!event.dataTransfer) {
+      return false;
+    }
+    const types2 = event.dataTransfer.types;
+    return types2.includes(this.mimeType) || types2.includes(LEGACY_MIME_TYPE);
+  }
+  /**
+   * Extracts field annotation data from a drag event's dataTransfer.
+   */
+  extractDragData(event) {
+    if (!event.dataTransfer) {
+      return null;
+    }
+    let jsonData = event.dataTransfer.getData(this.mimeType);
+    if (!jsonData) {
+      jsonData = event.dataTransfer.getData(LEGACY_MIME_TYPE);
+    }
+    if (!jsonData) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(jsonData);
+      return parsed.sourceField ?? parsed.attributes ?? parsed;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Updates the configuration options.
+   *
+   * @param config - New configuration options to merge
+   */
+  updateConfig(config2) {
+    this.config = { ...this.config, ...config2 };
+    if (config2.mimeType) {
+      this.mimeType = config2.mimeType;
+    }
+  }
+  /**
+   * Destroys the drag handler and removes all event listeners.
+   * Call this when the layout engine is unmounted or the container is removed.
+   */
+  destroy() {
+    this.removeListeners();
+    this.container.classList.remove("drag-over");
+  }
+}
+function createDragHandler(container, config2 = {}) {
+  const handler2 = new DragHandler(container, config2);
+  return () => handler2.destroy();
+}
 const isAtomicFragment = (fragment) => {
   return fragment.kind === "drawing" || fragment.kind === "image";
 };
@@ -72395,7 +72805,7 @@ function hitTestFragment(layout, pageHit, blocks, measures, point) {
   });
   for (const fragment of fragments) {
     if (fragment.kind !== "para") continue;
-    const blockIndex = blocks.findIndex((block2) => block2.id === fragment.blockId);
+    const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId);
     if (blockIndex === -1) continue;
     const block = blocks[blockIndex];
     const measure = measures[blockIndex];
@@ -72422,7 +72832,7 @@ const hitTestAtomicFragment = (pageHit, blocks, measures, point) => {
     const withinX = point.x >= fragment.x && point.x <= fragment.x + fragment.width;
     const withinY = point.y >= fragment.y && point.y <= fragment.y + fragment.height;
     if (!withinX || !withinY) continue;
-    const blockIndex = blocks.findIndex((block2) => block2.id === fragment.blockId);
+    const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId);
     if (blockIndex === -1) continue;
     const block = blocks[blockIndex];
     const measure = measures[blockIndex];
@@ -72561,7 +72971,7 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
               blockId = fragment.blockId;
               pageIndex = pi;
               column = determineColumn(layout, fragment.x);
-              const blockIndex = blocks.findIndex((b2) => b2.id === fragment.blockId);
+              const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId);
               if (blockIndex !== -1) {
                 const measure = measures[blockIndex];
                 if (measure && measure.kind === "paragraph") {
@@ -72711,6 +73121,44 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
   });
   return null;
 }
+function findBlockIndexByFragmentId(blocks, fragmentBlockId, targetPmRange) {
+  const index2 = blocks.findIndex(
+    (block) => block.id === fragmentBlockId && block.kind !== "pageBreak" && block.kind !== "sectionBreak"
+  );
+  if (index2 !== -1) {
+    return index2;
+  }
+  const baseBlockId = fragmentBlockId.replace(/-\d+$/, "");
+  if (baseBlockId === fragmentBlockId) {
+    return -1;
+  }
+  const matchingIndices = [];
+  blocks.forEach((block, idx) => {
+    if (block.id === baseBlockId && block.kind === "paragraph") {
+      matchingIndices.push(idx);
+    }
+  });
+  if (matchingIndices.length === 0) {
+    return -1;
+  }
+  if (matchingIndices.length === 1) {
+    return matchingIndices[0];
+  }
+  if (targetPmRange) {
+    for (const idx of matchingIndices) {
+      const block = blocks[idx];
+      if (block.kind !== "paragraph") continue;
+      const hasOverlap = block.runs.some((run2) => {
+        if (run2.pmStart == null || run2.pmEnd == null) return false;
+        return run2.pmEnd > targetPmRange.from && run2.pmStart < targetPmRange.to;
+      });
+      if (hasOverlap) {
+        return idx;
+      }
+    }
+  }
+  return matchingIndices[0];
+}
 function selectionToRects(layout, blocks, measures, from2, to) {
   if (from2 === to) {
     return [];
@@ -72719,8 +73167,10 @@ function selectionToRects(layout, blocks, measures, from2, to) {
   layout.pages.forEach((page, pageIndex) => {
     page.fragments.forEach((fragment) => {
       if (fragment.kind === "para") {
-        const blockIndex = blocks.findIndex((block2) => block2.id === fragment.blockId);
-        if (blockIndex === -1) return;
+        const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId, { from: from2, to });
+        if (blockIndex === -1) {
+          return;
+        }
         const block = blocks[blockIndex];
         const measure = measures[blockIndex];
         if (!block || block.kind !== "paragraph" || measure?.kind !== "paragraph") {
@@ -72756,7 +73206,7 @@ function selectionToRects(layout, blocks, measures, from2, to) {
         return;
       }
       if (isAtomicFragment(fragment)) {
-        const blockIndex = blocks.findIndex((block2) => block2.id === fragment.blockId);
+        const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId, { from: from2, to });
         if (blockIndex === -1) return;
         const block = blocks[blockIndex];
         const pmRange = getAtomicPmRange(fragment, block);
@@ -72777,7 +73227,7 @@ function getFragmentAtPosition(layout, blocks, measures, pos) {
   for (let pageIndex = 0; pageIndex < layout.pages.length; pageIndex += 1) {
     const page = layout.pages[pageIndex];
     for (const fragment of page.fragments) {
-      const blockIndex = blocks.findIndex((block2) => block2.id === fragment.blockId);
+      const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId);
       if (blockIndex === -1) {
         continue;
       }
@@ -72882,7 +73332,7 @@ function computeLinePmRange$1(block, line) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run2 = block.runs[runIndex];
     if (!run2) continue;
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     const runPmStart = run2.pmStart ?? null;
     const runPmEnd = run2.pmEnd ?? (runPmStart != null ? runPmStart + runLength : null);
@@ -72906,7 +73356,7 @@ function pmPosToCharOffset(block, line, pmPos) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run2 = block.runs[runIndex];
     if (!run2) continue;
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runTextLength = text.length;
     const runPmStart = run2.pmStart ?? null;
     const runPmEnd = run2.pmEnd ?? (runPmStart != null ? runPmStart + runTextLength : null);
@@ -75439,9 +75889,227 @@ const TRACK_CHANGE_STYLES = `
   border-bottom: 2px solid gold;
 }
 `;
+const SDT_CONTAINER_STYLES = `
+/* Document Section - Block-level container with gray border and hover tooltip */
+.superdoc-document-section {
+  background-color: #fafafa;
+  border: 1px solid #ababab;
+  border-radius: 4px;
+  position: relative;
+  box-sizing: border-box;
+}
+
+/* Document section tooltip - positioned above the fragment */
+.superdoc-document-section__tooltip {
+  position: absolute;
+  top: -19px;
+  left: -1px;
+  max-width: 100px;
+  min-width: 0;
+  height: 18px;
+  border: 1px solid #ababab;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  padding: 0 8px;
+  align-items: center;
+  font-size: 10px;
+  display: none;
+  z-index: 100;
+  background-color: #fafafa;
+  pointer-events: none;
+}
+
+.superdoc-document-section__tooltip span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* Show tooltip on hover - adjust border radius to connect with tooltip tab */
+.superdoc-document-section:hover {
+  border-radius: 0 4px 4px 4px;
+}
+
+.superdoc-document-section:hover .superdoc-document-section__tooltip {
+  display: flex;
+  align-items: center;
+}
+
+/* Continuation styling: first fragment has top corners, last has bottom corners */
+.superdoc-document-section[data-sdt-container-start="true"] {
+  border-radius: 4px 4px 0 0;
+}
+
+.superdoc-document-section[data-sdt-container-end="true"] {
+  border-radius: 0 0 4px 4px;
+}
+
+.superdoc-document-section[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
+}
+
+.superdoc-document-section[data-sdt-container-start="true"]:hover {
+  border-radius: 0 4px 0 0;
+}
+
+/* Middle fragments have no border radius */
+.superdoc-document-section:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
+  border-radius: 0;
+  border-top: none;
+}
+
+/* Structured Content Block - Blue border container */
+.superdoc-structured-content-block {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+}
+
+/* Structured content drag handle/label - positioned above */
+.superdoc-structured-content__label {
+  font-size: 10px;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 2px;
+  top: -19px;
+  width: calc(100% - 4px);
+  max-width: 110px;
+  min-width: 0;
+  height: 18px;
+  padding: 0 4px;
+  border: 1px solid #629be7;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  background-color: #629be7dd;
+  box-sizing: border-box;
+  z-index: 10;
+  display: none;
+  pointer-events: none;
+}
+
+.superdoc-structured-content__label span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.superdoc-structured-content-block:hover .superdoc-structured-content__label {
+  display: inline-flex;
+}
+
+/* Continuation styling for structured content blocks */
+.superdoc-structured-content-block[data-sdt-container-start="true"] {
+  border-radius: 4px 4px 0 0;
+}
+
+.superdoc-structured-content-block[data-sdt-container-end="true"] {
+  border-radius: 0 0 4px 4px;
+}
+
+.superdoc-structured-content-block[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
+}
+
+.superdoc-structured-content-block:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
+  border-radius: 0;
+  border-top: none;
+}
+
+/* Structured Content Inline - Inline wrapper with blue border */
+.superdoc-structured-content-inline {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+  display: inline;
+}
+
+/* Hover effect for inline structured content */
+.superdoc-structured-content-inline:hover {
+  background-color: rgba(98, 155, 231, 0.15);
+  border-color: #4a8ad9;
+}
+
+/* Inline structured content label - shown on hover */
+.superdoc-structured-content-inline__label {
+  position: absolute;
+  bottom: calc(100% + 2px);
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 10px;
+  padding: 2px 6px;
+  background-color: #629be7dd;
+  color: white;
+  border-radius: 4px;
+  white-space: nowrap;
+  z-index: 100;
+  display: none;
+  pointer-events: none;
+}
+
+.superdoc-structured-content-inline:hover .superdoc-structured-content-inline__label {
+  display: block;
+}
+
+/* Print mode: hide visual styling for SDT containers */
+@media print {
+  .superdoc-document-section,
+  .superdoc-structured-content-block,
+  .superdoc-structured-content-inline {
+    background: none;
+    border: none;
+    padding: 0;
+  }
+
+  .superdoc-document-section__tooltip,
+  .superdoc-structured-content__label,
+  .superdoc-structured-content-inline__label {
+    display: none !important;
+  }
+}
+`;
+const FIELD_ANNOTATION_STYLES = `
+/* Field annotation draggable styles */
+.superdoc-layout .annotation[data-draggable="true"] {
+  cursor: grab;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.superdoc-layout .annotation[data-draggable="true"]:hover {
+  opacity: 0.9;
+}
+
+.superdoc-layout .annotation[data-draggable="true"]:active {
+  cursor: grabbing;
+}
+
+/* Drag over indicator for drop targets */
+.superdoc-layout.drag-over {
+  outline: 2px dashed #b015b3;
+  outline-offset: -2px;
+}
+
+/* Drop zone indicator */
+.superdoc-layout .superdoc-drop-indicator {
+  position: absolute;
+  width: 2px;
+  background-color: #b015b3;
+  pointer-events: none;
+  z-index: 1000;
+}
+`;
 let printStylesInjected = false;
 let linkStylesInjected = false;
 let trackChangeStylesInjected = false;
+let sdtContainerStylesInjected = false;
+let fieldAnnotationStylesInjected = false;
 const ensurePrintStyles = (doc2) => {
   if (printStylesInjected || !doc2) return;
   const styleEl = doc2.createElement("style");
@@ -75466,6 +76134,22 @@ const ensureTrackChangeStyles = (doc2) => {
   doc2.head?.appendChild(styleEl);
   trackChangeStylesInjected = true;
 };
+const ensureSdtContainerStyles = (doc2) => {
+  if (sdtContainerStylesInjected || !doc2) return;
+  const styleEl = doc2.createElement("style");
+  styleEl.setAttribute("data-superdoc-sdt-container-styles", "true");
+  styleEl.textContent = SDT_CONTAINER_STYLES;
+  doc2.head?.appendChild(styleEl);
+  sdtContainerStylesInjected = true;
+};
+const ensureFieldAnnotationStyles = (doc2) => {
+  if (fieldAnnotationStylesInjected || !doc2) return;
+  const styleEl = doc2.createElement("style");
+  styleEl.setAttribute("data-superdoc-field-annotation-styles", "true");
+  styleEl.textContent = FIELD_ANNOTATION_STYLES;
+  doc2.head?.appendChild(styleEl);
+  fieldAnnotationStylesInjected = true;
+};
 const ALLOWED_BORDER_STYLES = /* @__PURE__ */ new Set([
   "none",
   "single",
@@ -75795,6 +76479,50 @@ const renderTableRow = (deps) => {
     container.appendChild(cellElement);
   }
 };
+function isStructuredContentMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
+}
+function isDocumentSectionMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "documentSection";
+}
+function getSdtContainerConfig(sdt) {
+  if (isDocumentSectionMetadata(sdt)) {
+    return {
+      className: "superdoc-document-section",
+      labelText: sdt.title ?? "Document section",
+      labelClassName: "superdoc-document-section__tooltip",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  if (isStructuredContentMetadata(sdt) && sdt.scope === "block") {
+    return {
+      className: "superdoc-structured-content-block",
+      labelText: sdt.alias ?? "Structured content",
+      labelClassName: "superdoc-structured-content__label",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  return null;
+}
+function applySdtContainerStyling(doc2, container, sdt, containerSdt) {
+  let config2 = getSdtContainerConfig(sdt);
+  if (!config2 && containerSdt) {
+    config2 = getSdtContainerConfig(containerSdt);
+  }
+  if (!config2) return;
+  container.classList.add(config2.className);
+  container.dataset.sdtContainerStart = String(config2.isStart);
+  container.dataset.sdtContainerEnd = String(config2.isEnd);
+  container.style.overflow = "visible";
+  const labelEl = doc2.createElement("div");
+  labelEl.className = config2.labelClassName;
+  const labelText = doc2.createElement("span");
+  labelText.textContent = config2.labelText;
+  labelEl.appendChild(labelText);
+  container.appendChild(labelEl);
+}
 const renderTableFragment = (deps) => {
   const { doc: doc2, fragment, blockLookup, context, renderLine, applyFragmentFrame, applySdtDataset, applyStyles: applyStyles2 } = deps;
   if (!doc2) {
@@ -75831,6 +76559,7 @@ const renderTableFragment = (deps) => {
   applyFragmentFrame(container, fragment);
   container.style.height = `${fragment.height}px`;
   applySdtDataset(container, block.attrs?.sdt);
+  applySdtContainerStyling(doc2, container, block.attrs?.sdt);
   container.classList.add("superdoc-table-fragment");
   if (fragment.metadata?.columnBoundaries) {
     const columnCount = measure.columnWidths.length;
@@ -76297,6 +77026,8 @@ const _DomPainter = class _DomPainter2 {
     ensurePrintStyles(doc2);
     ensureLinkStyles(doc2);
     ensureTrackChangeStyles(doc2);
+    ensureFieldAnnotationStyles(doc2);
+    ensureSdtContainerStyles(doc2);
     mount2.classList.add(CLASS_NAMES.container);
     if (this.mount && this.mount !== mount2) {
       this.resetState();
@@ -76819,7 +77550,8 @@ const _DomPainter = class _DomPainter2 {
       fragmentEl.classList.add(CLASS_NAMES.fragment);
       const isTocEntry = block.attrs?.isTocEntry;
       const hasMarker = !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
-      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
+      const hasSdtContainer = block.attrs?.sdt?.type === "documentSection" || block.attrs?.sdt?.type === "structuredContent" || block.attrs?.containerSdt?.type === "documentSection" || block.attrs?.containerSdt?.type === "structuredContent";
+      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker || hasSdtContainer ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
       applyStyles$2(fragmentEl, styles);
       this.applyFragmentFrame(fragmentEl, fragment, context.section);
       if (isTocEntry) {
@@ -76839,6 +77571,7 @@ const _DomPainter = class _DomPainter2 {
       }
       this.applySdtDataset(fragmentEl, block.attrs?.sdt);
       this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
+      applySdtContainerStyling(this.doc, fragmentEl, block.attrs?.sdt, block.attrs?.containerSdt);
       const dropCapDescriptor = block.attrs?.dropCapDescriptor;
       const dropCapMeasure = measure.dropCap;
       if (dropCapDescriptor && dropCapMeasure && !fragment.continuesFromPrev) {
@@ -77057,6 +77790,7 @@ const _DomPainter = class _DomPainter2 {
       fragmentEl.dataset.itemId = fragment.itemId;
       const paragraphMetadata = item.paragraph.attrs?.sdt;
       this.applySdtDataset(fragmentEl, paragraphMetadata);
+      applySdtContainerStyling(this.doc, fragmentEl, paragraphMetadata, item.paragraph.attrs?.containerSdt);
       if (fragment.continuesFromPrev) {
         fragmentEl.dataset.continuesFromPrev = "true";
       }
@@ -77828,10 +78562,19 @@ const _DomPainter = class _DomPainter2 {
   isBreakRun(run2) {
     return run2.kind === "break";
   }
+  /**
+   * Type guard to check if a run is a field annotation run.
+   */
+  isFieldAnnotationRun(run2) {
+    return run2.kind === "fieldAnnotation";
+  }
   renderRun(run2, context, trackedConfig) {
     if (this.isImageRun(run2)) {
       return this.renderImageRun(run2);
     }
+    if (this.isFieldAnnotationRun(run2)) {
+      return this.renderFieldAnnotationRun(run2);
+    }
     if (this.isLineBreakRun(run2)) {
       return null;
     }
@@ -77968,6 +78711,200 @@ const _DomPainter = class _DomPainter2 {
     }
     return img;
   }
+  /**
+   * Renders a FieldAnnotationRun as an inline "pill" element matching super-editor's visual appearance.
+   *
+   * Field annotations are styled inline elements that display form fields with:
+   * - Outer span with border, border-radius, padding, and background color
+   * - Inner span containing the displayLabel or type-specific content (image, link, etc.)
+   *
+   * @param run - The FieldAnnotationRun to render containing field configuration and styling
+   * @returns HTMLElement (span) or null if document is not available
+   *
+   * @example
+   * ```typescript
+   * // Text variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'text', displayLabel: 'Full Name', fieldColor: '#980043' })
+   * // Returns: <span class="annotation" style="border: 2px solid #b015b3; ..."><span class="annotation-content">Full Name</span></span>
+   *
+   * // Image variant with imageSrc
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'image', displayLabel: 'Photo', imageSrc: 'data:image/png;...' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><img src="..." /></span></span>
+   *
+   * // Link variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'link', displayLabel: 'Website', linkUrl: 'https://example.com' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><a href="...">https://example.com</a></span></span>
+   * ```
+   */
+  renderFieldAnnotationRun(run2) {
+    if (!this.doc) {
+      return null;
+    }
+    if (run2.hidden) {
+      const hidden = this.doc.createElement("span");
+      hidden.style.display = "none";
+      if (run2.pmStart != null) hidden.dataset.pmStart = String(run2.pmStart);
+      if (run2.pmEnd != null) hidden.dataset.pmEnd = String(run2.pmEnd);
+      return hidden;
+    }
+    const defaultBorderColor = "#b015b3";
+    const defaultFieldColor = "#980043";
+    const annotation = this.doc.createElement("span");
+    annotation.classList.add("annotation");
+    annotation.setAttribute("aria-label", "Field annotation");
+    const showHighlight = run2.highlighted !== false;
+    if (showHighlight) {
+      const borderColor = run2.borderColor || defaultBorderColor;
+      annotation.style.border = `2px solid ${borderColor}`;
+      annotation.style.borderRadius = "2px";
+      annotation.style.padding = "1px 2px";
+      annotation.style.boxSizing = "border-box";
+      const fieldColor = run2.fieldColor || defaultFieldColor;
+      const bgColor = fieldColor.length === 7 ? `${fieldColor}33` : fieldColor;
+      if (run2.textHighlight) {
+        annotation.style.backgroundColor = run2.textHighlight;
+      } else {
+        annotation.style.backgroundColor = bgColor;
+      }
+    }
+    if (run2.visibility === "hidden") {
+      annotation.style.visibility = "hidden";
+    }
+    if (run2.size) {
+      if (run2.size.width) {
+        annotation.style.width = `${run2.size.width}px`;
+        annotation.style.display = "inline-block";
+        annotation.style.overflow = "hidden";
+      }
+      if (run2.size.height) {
+        annotation.style.height = `${run2.size.height}px`;
+      }
+    }
+    if (run2.fontFamily) {
+      annotation.style.fontFamily = run2.fontFamily;
+    }
+    if (run2.fontSize) {
+      const fontSize2 = typeof run2.fontSize === "number" ? `${run2.fontSize}pt` : run2.fontSize;
+      annotation.style.fontSize = fontSize2;
+    }
+    if (run2.textColor) {
+      annotation.style.color = run2.textColor;
+    }
+    if (run2.bold) {
+      annotation.style.fontWeight = "bold";
+    }
+    if (run2.italic) {
+      annotation.style.fontStyle = "italic";
+    }
+    if (run2.underline) {
+      annotation.style.textDecoration = "underline";
+    }
+    annotation.style.zIndex = "1";
+    const content = this.doc.createElement("span");
+    content.classList.add("annotation-content");
+    content.style.pointerEvents = "none";
+    content.setAttribute("contenteditable", "false");
+    switch (run2.variant) {
+      case "image":
+      case "signature": {
+        if (run2.imageSrc) {
+          const img = this.doc.createElement("img");
+          const isDataUrl = run2.imageSrc.startsWith("data:");
+          if (isDataUrl) {
+            if (run2.imageSrc.length <= MAX_DATA_URL_LENGTH && VALID_IMAGE_DATA_URL.test(run2.imageSrc)) {
+              img.src = run2.imageSrc;
+            } else {
+              content.textContent = run2.displayLabel;
+              break;
+            }
+          } else {
+            const sanitized = sanitizeHref(run2.imageSrc);
+            if (sanitized) {
+              img.src = sanitized.href;
+            } else {
+              content.textContent = run2.displayLabel;
+              break;
+            }
+          }
+          img.alt = run2.displayLabel;
+          img.style.height = "auto";
+          img.style.maxWidth = "100%";
+          img.style.pointerEvents = "none";
+          img.style.verticalAlign = "middle";
+          if (run2.variant === "signature") {
+            img.style.maxHeight = "28px";
+          }
+          content.appendChild(img);
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run2.displayLabel || (run2.variant === "signature" ? "Signature" : "");
+        }
+        break;
+      }
+      case "link": {
+        if (run2.linkUrl) {
+          const link = this.doc.createElement("a");
+          const sanitized = sanitizeHref(run2.linkUrl);
+          if (sanitized) {
+            link.href = sanitized.href;
+            link.target = "_blank";
+            link.rel = "noopener noreferrer";
+            link.textContent = run2.linkUrl;
+            link.style.textDecoration = "none";
+            content.style.pointerEvents = "all";
+            content.appendChild(link);
+          } else {
+            content.textContent = run2.displayLabel;
+          }
+        } else {
+          content.textContent = run2.displayLabel;
+        }
+        break;
+      }
+      case "html": {
+        if (run2.rawHtml && typeof run2.rawHtml === "string") {
+          content.textContent = run2.displayLabel;
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run2.displayLabel;
+        }
+        break;
+      }
+      case "text":
+      case "checkbox":
+      default: {
+        content.textContent = run2.displayLabel;
+        break;
+      }
+    }
+    annotation.appendChild(content);
+    annotation.dataset.type = run2.variant;
+    if (run2.fieldId) {
+      annotation.dataset.fieldId = run2.fieldId;
+    }
+    if (run2.fieldType) {
+      annotation.dataset.fieldType = run2.fieldType;
+    }
+    annotation.draggable = true;
+    annotation.dataset.draggable = "true";
+    if (run2.displayLabel) {
+      annotation.dataset.displayLabel = run2.displayLabel;
+    }
+    if (run2.variant) {
+      annotation.dataset.variant = run2.variant;
+    }
+    assertPmPositions(run2, "field annotation run");
+    if (run2.pmStart != null) {
+      annotation.dataset.pmStart = String(run2.pmStart);
+    }
+    if (run2.pmEnd != null) {
+      annotation.dataset.pmEnd = String(run2.pmEnd);
+    }
+    this.applySdtDataset(annotation, run2.sdt);
+    return annotation;
+  }
   /**
    * Renders a single line of a paragraph block.
    *
@@ -78145,6 +79082,22 @@ const _DomPainter = class _DomPainter2 {
         if (this.isBreakRun(baseRun)) {
           continue;
         }
+        if (this.isFieldAnnotationRun(baseRun)) {
+          const elem = this.renderRun(baseRun, context, trackedConfig);
+          if (elem) {
+            if (styleId) {
+              elem.setAttribute("styleid", styleId);
+            }
+            const runSegments2 = segmentsByRun.get(runIndex);
+            const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : 0) ?? 0;
+            elem.style.position = "absolute";
+            elem.style.left = `${segX}px`;
+            el.appendChild(elem);
+            cumulativeX = segX + segWidth;
+          }
+          continue;
+        }
         const runSegments = segmentsByRun.get(runIndex);
         if (!runSegments || runSegments.length === 0) {
           continue;
@@ -78190,7 +79143,22 @@ const _DomPainter = class _DomPainter2 {
         });
       }
     } else {
+      let currentInlineSdtWrapper = null;
+      let currentInlineSdtId = null;
+      const closeCurrentWrapper = () => {
+        if (currentInlineSdtWrapper) {
+          el.appendChild(currentInlineSdtWrapper);
+          currentInlineSdtWrapper = null;
+          currentInlineSdtId = null;
+        }
+      };
       runsForLine.forEach((run2) => {
+        const runSdt = run2.sdt;
+        const isInlineSdt = runSdt?.type === "structuredContent" && runSdt?.scope === "inline";
+        const runSdtId = isInlineSdt && runSdt?.id ? String(runSdt.id) : null;
+        if (runSdtId !== currentInlineSdtId) {
+          closeCurrentWrapper();
+        }
         if (run2.kind === "tab") {
           const tabEl = this.doc.createElement("span");
           tabEl.classList.add("superdoc-tab");
@@ -78218,9 +79186,37 @@ const _DomPainter = class _DomPainter2 {
           if (styleId) {
             elem.setAttribute("styleid", styleId);
           }
-          el.appendChild(elem);
+          if (isInlineSdt && runSdtId && this.doc) {
+            if (!currentInlineSdtWrapper) {
+              currentInlineSdtWrapper = this.doc.createElement("span");
+              currentInlineSdtWrapper.className = "superdoc-structured-content-inline";
+              currentInlineSdtId = runSdtId;
+              this.applySdtDataset(currentInlineSdtWrapper, runSdt);
+              const alias = runSdt?.alias || "Inline content";
+              const labelEl = this.doc.createElement("span");
+              labelEl.className = "superdoc-structured-content-inline__label";
+              labelEl.textContent = alias;
+              currentInlineSdtWrapper.appendChild(labelEl);
+            }
+            const wrapperPmStart = currentInlineSdtWrapper.dataset.pmStart;
+            const wrapperPmEnd = currentInlineSdtWrapper.dataset.pmEnd;
+            if (run2.pmStart != null) {
+              if (!wrapperPmStart || run2.pmStart < parseInt(wrapperPmStart, 10)) {
+                currentInlineSdtWrapper.dataset.pmStart = String(run2.pmStart);
+              }
+            }
+            if (run2.pmEnd != null) {
+              if (!wrapperPmEnd || run2.pmEnd > parseInt(wrapperPmEnd, 10)) {
+                currentInlineSdtWrapper.dataset.pmEnd = String(run2.pmEnd);
+              }
+            }
+            currentInlineSdtWrapper.appendChild(elem);
+          } else {
+            el.appendChild(elem);
+          }
         }
       });
+      closeCurrentWrapper();
     }
     const anchors = el.querySelectorAll("a[href]");
     anchors.forEach((anchor) => {
@@ -78728,7 +79724,7 @@ const deriveBlockVersion = (block) => {
   return block.id;
 };
 const applyRunStyles = (element, run2, _isLink = false) => {
-  if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "break") {
+  if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation") {
     return;
   }
   element.style.fontFamily = run2.fontFamily;
@@ -78888,6 +79884,10 @@ const sliceRunsForLine = (block, line) => {
       result.push(run2);
       continue;
     }
+    if (run2.kind === "fieldAnnotation") {
+      result.push(run2);
+      continue;
+    }
     if (!("text" in run2)) {
       continue;
     }
@@ -79203,6 +80203,10 @@ const DEFAULT_TAB_INTERVAL_PX = twipsToPx(DEFAULT_TAB_INTERVAL_TWIPS);
 const TAB_EPSILON = 0.1;
 const DEFAULT_DECIMAL_SEPARATOR = ".";
 const ALLOWED_TAB_VALS = /* @__PURE__ */ new Set(["start", "center", "end", "decimal", "bar", "clear"]);
+const FIELD_ANNOTATION_PILL_PADDING = 8;
+const FIELD_ANNOTATION_LINE_HEIGHT_MULTIPLIER = 1.2;
+const FIELD_ANNOTATION_VERTICAL_PADDING = 6;
+const DEFAULT_FIELD_ANNOTATION_FONT_SIZE = 16;
 const roundValue = (value) => value;
 function getCanvasContext() {
   if (!canvasContext) {
@@ -79282,6 +80286,9 @@ function isImageRun(run2) {
 function isLineBreakRun(run2) {
   return run2.kind === "lineBreak";
 }
+function isFieldAnnotationRun(run2) {
+  return run2.kind === "fieldAnnotation";
+}
 async function measureBlock(block, constraints) {
   const normalized = normalizeConstraints(constraints);
   if (block.kind === "drawing") {
@@ -79648,6 +80655,92 @@ async function measureParagraphBlock(block, maxWidth) {
       lastAppliedTabAlign = null;
       continue;
     }
+    if (isFieldAnnotationRun(run2)) {
+      const displayText = run2.displayLabel || "";
+      const annotationFontSize = typeof run2.fontSize === "number" ? run2.fontSize : typeof run2.fontSize === "string" ? parseFloat(run2.fontSize) || DEFAULT_FIELD_ANNOTATION_FONT_SIZE : DEFAULT_FIELD_ANNOTATION_FONT_SIZE;
+      const annotationFontFamily = run2.fontFamily || "Arial, sans-serif";
+      const fontWeight = run2.bold ? "bold" : "normal";
+      const fontStyle = run2.italic ? "italic" : "normal";
+      const annotationFont = `${fontStyle} ${fontWeight} ${annotationFontSize}px ${annotationFontFamily}`;
+      ctx2.font = annotationFont;
+      const textWidth = displayText ? ctx2.measureText(displayText).width : 0;
+      const annotationWidth = textWidth + FIELD_ANNOTATION_PILL_PADDING;
+      const annotationHeight = annotationFontSize * FIELD_ANNOTATION_LINE_HEIGHT_MULTIPLIER + FIELD_ANNOTATION_VERTICAL_PADDING;
+      let annotationStartX;
+      if (pendingTabAlignment && currentLine) {
+        annotationStartX = alignPendingTabForWidth(annotationWidth);
+      }
+      if (!currentLine) {
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          // Field annotations are atomic units
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(initialAvailableWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth,
+              ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+            }
+          ]
+        };
+        continue;
+      }
+      if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
+        const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+        const completedLine = {
+          ...currentLine,
+          ...metrics
+        };
+        addBarTabsToLine(completedLine);
+        lines.push(completedLine);
+        tabStopCursor = 0;
+        pendingTabAlignment = null;
+        lastAppliedTabAlign = null;
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(contentWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth
+            }
+          ]
+        };
+      } else {
+        currentLine.toRun = runIndex;
+        currentLine.toChar = 1;
+        currentLine.width = roundValue(currentLine.width + annotationWidth);
+        currentLine.maxFontSize = Math.max(currentLine.maxFontSize, annotationHeight);
+        if (!currentLine.segments) currentLine.segments = [];
+        currentLine.segments.push({
+          runIndex,
+          fromChar: 0,
+          toChar: 1,
+          width: annotationWidth,
+          ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+        });
+      }
+      const tabAlign = lastAppliedTabAlign;
+      if (tabAlign && currentLine && tabAlign.val === "end") {
+        currentLine.width = roundValue(tabAlign.target);
+      }
+      lastAppliedTabAlign = null;
+      continue;
+    }
     if (!("text" in run2) || !("fontSize" in run2)) {
       continue;
     }
@@ -81612,6 +82705,16 @@ function isInRegisteredSurface(event) {
   }
   return false;
 }
+const CommentMarkName = "commentMark";
+const TrackInsertMarkName = "trackInsert";
+const TrackDeleteMarkName = "trackDelete";
+const TrackFormatMarkName = "trackFormat";
+function isValidFieldAnnotationAttributes(attrs) {
+  if (!attrs || typeof attrs !== "object") return false;
+  const a = attrs;
+  return typeof a.fieldId === "string" && typeof a.fieldType === "string" && typeof a.displayLabel === "string" && typeof a.type === "string";
+}
+const FIELD_ANNOTATION_DATA_TYPE = "fieldAnnotation";
 const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
 const WORD_CHARACTER_REGEX = /[\p{L}\p{N}''_~-]/u;
@@ -81637,6 +82740,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateAdd$1(this, _layoutOptions);
     __privateAdd$1(this, _layoutState, { blocks: [], measures: [], layout: null });
     __privateAdd$1(this, _domPainter, null);
+    __privateAdd$1(this, _dragHandlerCleanup, null);
     __privateAdd$1(this, _layoutError, null);
     __privateAdd$1(this, _layoutErrorState, "healthy");
     __privateAdd$1(this, _errorBanner, null);
@@ -81695,8 +82799,12 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (event.button !== 0) {
         return;
       }
+      const target = event.target;
+      const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
       if (!__privateGet$1(this, _layoutState).layout) {
-        event.preventDefault();
+        if (!isDraggableAnnotation) {
+          event.preventDefault();
+        }
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
         }
@@ -81705,10 +82813,10 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
           return;
         }
         const validPos = __privateMethod$1(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-        const doc22 = __privateGet$1(this, _editor3)?.state?.doc;
-        if (doc22) {
+        const doc222 = __privateGet$1(this, _editor3)?.state?.doc;
+        if (doc222) {
           try {
-            const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc22, validPos));
+            const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc222, validPos));
             __privateGet$1(this, _editor3).view?.dispatch(tr);
           } catch (error) {
             if (process$1$1.env.NODE_ENV === "development") {
@@ -81744,7 +82852,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (headerFooterRegion) {
         return;
       }
-      const hit = clickToPosition(
+      const rawHit = clickToPosition(
         __privateGet$1(this, _layoutState).layout,
         __privateGet$1(this, _layoutState).blocks,
         __privateGet$1(this, _layoutState).measures,
@@ -81753,7 +82861,11 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         event.clientX,
         event.clientY
       );
-      event.preventDefault();
+      const doc22 = __privateGet$1(this, _editor3).state?.doc;
+      const hit = rawHit && doc22 ? { ...rawHit, pos: Math.max(0, Math.min(rawHit.pos, doc22.content.size)) } : rawHit;
+      if (!isDraggableAnnotation) {
+        event.preventDefault();
+      }
       if (!hit) {
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
@@ -81761,10 +82873,10 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         const editorDom2 = __privateGet$1(this, _editor3).view?.dom;
         if (editorDom2) {
           const validPos = __privateMethod$1(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-          const doc22 = __privateGet$1(this, _editor3)?.state?.doc;
-          if (doc22) {
+          const doc222 = __privateGet$1(this, _editor3)?.state?.doc;
+          if (doc222) {
             try {
-              const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc22, validPos));
+              const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc222, validPos));
               __privateGet$1(this, _editor3).view?.dispatch(tr);
             } catch (error) {
               if (process$1$1.env.NODE_ENV === "development") {
@@ -81785,9 +82897,9 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         hit.pos
       );
       if (fragmentHit && (fragmentHit.fragment.kind === "image" || fragmentHit.fragment.kind === "drawing")) {
-        const doc22 = __privateGet$1(this, _editor3).state.doc;
+        const doc222 = __privateGet$1(this, _editor3).state.doc;
         try {
-          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(NodeSelection.create(doc22, hit.pos));
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(NodeSelection.create(doc222, hit.pos));
           __privateGet$1(this, _editor3).view?.dispatch(tr);
           if (__privateGet$1(this, _lastSelectedImageBlockId) && __privateGet$1(this, _lastSelectedImageBlockId) !== fragmentHit.fragment.blockId) {
             this.emit("imageDeselected", { blockId: __privateGet$1(this, _lastSelectedImageBlockId) });
@@ -81878,8 +82990,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         }
       }
       if (!handledByDepth) {
-        const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, hit.pos));
         try {
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, hit.pos));
           __privateGet$1(this, _editor3).view?.dispatch(tr);
         } catch {
         }
@@ -81954,6 +83066,90 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       }
       __privateSet(this, _isDragging, false);
     });
+    __privateAdd$1(this, _handleDragOver, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "copy";
+      }
+      const dt = event.dataTransfer;
+      const hasFieldAnnotation = dt?.types?.includes(FIELD_ANNOTATION_DATA_TYPE) || Boolean(dt?.getData?.(FIELD_ANNOTATION_DATA_TYPE));
+      if (!hasFieldAnnotation) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc22 = activeEditor.state?.doc;
+      if (!hit || !doc22) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc22.content.size);
+      const currentSelection = activeEditor.state.selection;
+      const isSameCursor = currentSelection instanceof TextSelection$1 && currentSelection.from === pos && currentSelection.to === pos;
+      if (isSameCursor) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection$1.create(doc22, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch (error) {
+        if (process$1$1.env.NODE_ENV === "development") {
+          console.debug("[PresentationEditor] Drag position update skipped:", error);
+        }
+      }
+    });
+    __privateAdd$1(this, _handleDrop, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      if (event.dataTransfer?.types?.includes("application/x-field-annotation")) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      const fieldAnnotationData = event.dataTransfer?.getData(FIELD_ANNOTATION_DATA_TYPE);
+      if (!fieldAnnotationData) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const selection = activeEditor.state?.selection;
+      const fallbackPos = selection?.from ?? activeEditor.state?.doc?.content.size ?? null;
+      const pos = hit?.pos ?? fallbackPos;
+      if (pos == null) {
+        return;
+      }
+      let parsedData = null;
+      try {
+        parsedData = JSON.parse(fieldAnnotationData);
+      } catch {
+        return;
+      }
+      const { attributes, sourceField } = parsedData ?? {};
+      activeEditor.emit?.("fieldAnnotationDropped", {
+        sourceField,
+        editor: activeEditor,
+        coordinates: hit,
+        pos
+      });
+      if (attributes && isValidFieldAnnotationAttributes(attributes)) {
+        activeEditor.commands?.addFieldAnnotation?.(pos, attributes, true);
+        const posAfter = Math.min(pos + 1, activeEditor.state?.doc?.content.size ?? pos + 1);
+        const tr = activeEditor.state?.tr.setSelection(TextSelection$1.create(activeEditor.state.doc, posAfter));
+        if (tr) {
+          activeEditor.view?.dispatch(tr);
+        }
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      }
+      const editorDom = activeEditor.view?.dom;
+      if (editorDom) {
+        editorDom.focus();
+        activeEditor.view?.focus();
+      }
+    });
     __privateAdd$1(this, _handleDoubleClick, (event) => {
       if (event.button !== 0) return;
       if (!__privateGet$1(this, _layoutState).layout) return;
@@ -82143,6 +83339,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       __privateMethod$1(this, _PresentationEditor_instances, applyZoom_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupEditorListeners_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupPointerHandlers_fn).call(this);
+      __privateMethod$1(this, _PresentationEditor_instances, setupDragHandlers_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupInputBridge_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, syncTrackedChangesPreferences_fn).call(this);
       if (options.documentId) {
@@ -82854,6 +84051,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
    * Safe to call during partial initialization.
    */
   destroy() {
+    var _a2;
     if (__privateGet$1(this, _rafHandle) != null) {
       __privateMethod$1(this, _PresentationEditor_instances, safeCleanup_fn).call(this, () => {
         const win = __privateGet$1(this, _visibleHost)?.ownerDocument?.defaultView ?? window;
@@ -82875,6 +84073,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointermove", __privateGet$1(this, _handlePointerMove));
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointerup", __privateGet$1(this, _handlePointerUp));
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointerleave", __privateGet$1(this, _handlePointerLeave));
+    __privateGet$1(this, _viewportHost)?.removeEventListener("dragover", __privateGet$1(this, _handleDragOver));
+    __privateGet$1(this, _viewportHost)?.removeEventListener("drop", __privateGet$1(this, _handleDrop));
     __privateGet$1(this, _visibleHost)?.removeEventListener("keydown", __privateGet$1(this, _handleKeyDown));
     __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
     __privateGet$1(this, _inputBridge)?.destroy();
@@ -82913,6 +84113,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateSet(this, _domPainter, null);
+    (_a2 = __privateGet$1(this, _dragHandlerCleanup)) == null ? void 0 : _a2.call(this);
+    __privateSet(this, _dragHandlerCleanup, null);
     __privateGet$1(this, _selectionOverlay2)?.remove();
     __privateGet$1(this, _painterHost)?.remove();
     __privateGet$1(this, _hiddenHost)?.remove();
@@ -82940,6 +84142,7 @@ _hiddenHost = /* @__PURE__ */ new WeakMap();
 _layoutOptions = /* @__PURE__ */ new WeakMap();
 _layoutState = /* @__PURE__ */ new WeakMap();
 _domPainter = /* @__PURE__ */ new WeakMap();
+_dragHandlerCleanup = /* @__PURE__ */ new WeakMap();
 _layoutError = /* @__PURE__ */ new WeakMap();
 _layoutErrorState = /* @__PURE__ */ new WeakMap();
 _errorBanner = /* @__PURE__ */ new WeakMap();
@@ -82995,6 +84198,33 @@ _scrollCleanup = /* @__PURE__ */ new WeakMap();
 _remoteCursorRafHandle = /* @__PURE__ */ new WeakMap();
 _scrollTimeout = /* @__PURE__ */ new WeakMap();
 _PresentationEditor_instances = /* @__PURE__ */ new WeakSet();
+collectCommentPositions_fn = function() {
+  const editorState = __privateGet$1(this, _editor3)?.state;
+  if (!editorState) return {};
+  const doc2 = editorState.doc;
+  const trackChangeMarks = [TrackInsertMarkName, TrackDeleteMarkName, TrackFormatMarkName];
+  const pmPositions = {};
+  doc2.descendants((node, pos) => {
+    const marks = node.marks || [];
+    for (const mark of marks) {
+      let threadId;
+      if (mark.type.name === CommentMarkName) {
+        threadId = mark.attrs.commentId || mark.attrs.importedId;
+      } else if (trackChangeMarks.includes(mark.type.name)) {
+        threadId = mark.attrs.id;
+      }
+      if (!threadId) continue;
+      const nodeEnd = pos + node.nodeSize;
+      if (!pmPositions[threadId]) {
+        pmPositions[threadId] = { threadId, start: pos, end: nodeEnd };
+      } else {
+        pmPositions[threadId].start = Math.min(pmPositions[threadId].start, pos);
+        pmPositions[threadId].end = Math.max(pmPositions[threadId].end, nodeEnd);
+      }
+    }
+  });
+  return pmPositions;
+};
 aggregateLayoutBounds_fn = function(rects) {
   if (!rects.length) return null;
   const top2 = Math.min(...rects.map((rect) => rect.top));
@@ -83323,8 +84553,99 @@ setupPointerHandlers_fn = function() {
   __privateGet$1(this, _viewportHost).addEventListener("pointermove", __privateGet$1(this, _handlePointerMove));
   __privateGet$1(this, _viewportHost).addEventListener("pointerup", __privateGet$1(this, _handlePointerUp));
   __privateGet$1(this, _viewportHost).addEventListener("pointerleave", __privateGet$1(this, _handlePointerLeave));
+  __privateGet$1(this, _viewportHost).addEventListener("dragover", __privateGet$1(this, _handleDragOver));
+  __privateGet$1(this, _viewportHost).addEventListener("drop", __privateGet$1(this, _handleDrop));
   __privateGet$1(this, _visibleHost).addEventListener("keydown", __privateGet$1(this, _handleKeyDown));
 };
+setupDragHandlers_fn = function() {
+  var _a2;
+  (_a2 = __privateGet$1(this, _dragHandlerCleanup)) == null ? void 0 : _a2.call(this);
+  __privateSet(this, _dragHandlerCleanup, null);
+  __privateSet(this, _dragHandlerCleanup, createDragHandler(__privateGet$1(this, _painterHost), {
+    onDragOver: (event) => {
+      if (!event.hasFieldAnnotation || event.event.clientX === 0) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc2 = activeEditor.state?.doc;
+      if (!hit || !doc2) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc2.content.size);
+      const currentSelection = activeEditor.state.selection;
+      if (currentSelection instanceof TextSelection$1 && currentSelection.from === pos && currentSelection.to === pos) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection$1.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch {
+      }
+    },
+    onDrop: (event) => {
+      event.event.preventDefault();
+      event.event.stopPropagation();
+      if (event.pmPosition === null) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      const { state: state2, view } = activeEditor;
+      if (!state2 || !view) {
+        return;
+      }
+      const fieldId = event.data.fieldId;
+      if (fieldId) {
+        const targetPos = event.pmPosition;
+        let sourceStart = null;
+        let sourceEnd = null;
+        let sourceNode = null;
+        state2.doc.descendants((node, pos) => {
+          if (node.type.name === "fieldAnnotation" && node.attrs.fieldId === fieldId) {
+            sourceStart = pos;
+            sourceEnd = pos + node.nodeSize;
+            sourceNode = node;
+            return false;
+          }
+          return true;
+        });
+        if (sourceStart === null || sourceEnd === null || !sourceNode) {
+          return;
+        }
+        if (targetPos >= sourceStart && targetPos <= sourceEnd) {
+          return;
+        }
+        const tr = state2.tr;
+        tr.delete(sourceStart, sourceEnd);
+        const mappedTarget = tr.mapping.map(targetPos);
+        if (mappedTarget < 0 || mappedTarget > tr.doc.content.size) {
+          return;
+        }
+        tr.insert(mappedTarget, sourceNode);
+        tr.setMeta("uiEvent", "drop");
+        view.dispatch(tr);
+        return;
+      }
+      const attrs = event.data.attributes;
+      if (attrs && isValidFieldAnnotationAttributes(attrs)) {
+        const inserted = activeEditor.commands?.addFieldAnnotation?.(event.pmPosition, attrs, true);
+        if (inserted) {
+          __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        }
+        return;
+      }
+      activeEditor.emit("fieldAnnotationDropped", {
+        sourceField: event.data,
+        editor: activeEditor,
+        coordinates: { pos: event.pmPosition }
+      });
+    }
+  }));
+};
 setupInputBridge_fn = function() {
   __privateGet$1(this, _inputBridge)?.destroy();
   const win = __privateGet$1(this, _visibleHost).ownerDocument?.defaultView ?? window;
@@ -83542,6 +84863,8 @@ isWordCharacter_fn = function(char) {
 _handlePointerMove = /* @__PURE__ */ new WeakMap();
 _handlePointerLeave = /* @__PURE__ */ new WeakMap();
 _handlePointerUp = /* @__PURE__ */ new WeakMap();
+_handleDragOver = /* @__PURE__ */ new WeakMap();
+_handleDrop = /* @__PURE__ */ new WeakMap();
 _handleDoubleClick = /* @__PURE__ */ new WeakMap();
 _handleKeyDown = /* @__PURE__ */ new WeakMap();
 focusHeaderFooterShortcut_fn = function(kind) {
@@ -83712,6 +85035,11 @@ rerender_fn = async function() {
   const payload = { layout, blocks, measures, metrics };
   this.emit("layoutUpdated", payload);
   this.emit("paginationUpdate", payload);
+  const commentPositions = __privateMethod$1(this, _PresentationEditor_instances, collectCommentPositions_fn).call(this);
+  const positionKeys = Object.keys(commentPositions);
+  if (positionKeys.length > 0) {
+    this.emit("commentPositions", { positions: commentPositions });
+  }
   if (__privateGet$1(this, _telemetryEmitter) && metrics) {
     __privateGet$1(this, _telemetryEmitter).call(this, { type: "layout", data: { layout, blocks, measures, metrics } });
   }
@@ -89178,6 +90506,7 @@ const Paragraph = OxmlNode.create({
     return ["p", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
   },
   addNodeView() {
+    if (this.editor.options?.mode !== "docx" || !this.editor.converter) return null;
     if (shouldSkipNodeView(this.editor)) return null;
     return ({ node, editor, getPos, decorations, extensionAttrs }) => {
       return new ParagraphNodeView(node, editor, getPos, decorations, extensionAttrs);
@@ -89420,7 +90749,7 @@ const CommentReference = Node$1.create({
   }
 });
 const CommentsMark = Mark2.create({
-  name: CommentMarkName,
+  name: CommentMarkName$1,
   group: "comments",
   excludes: "",
   addOptions() {
@@ -89439,10 +90768,10 @@ const CommentsMark = Mark2.create({
     };
   },
   parseDOM() {
-    return [{ tag: CommentMarkName }];
+    return [{ tag: CommentMarkName$1 }];
   },
   renderDOM({ htmlAttributes }) {
-    return [CommentMarkName, Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+    return [CommentMarkName$1, Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
   }
 });
 let cache$2 = /* @__PURE__ */ new WeakMap();
@@ -99626,7 +100955,7 @@ function addLinkRelationship({ editor, href }) {
 }
 const trackInsertClass = "track-insert";
 const TrackInsert = Mark2.create({
-  name: TrackInsertMarkName,
+  name: TrackInsertMarkName$1,
   group: "track",
   inclusive: false,
   addOptions() {
@@ -99703,7 +101032,7 @@ const TrackInsert = Mark2.create({
 });
 const trackDeleteClass = "track-delete";
 const TrackDelete = Mark2.create({
-  name: TrackDeleteMarkName,
+  name: TrackDeleteMarkName$1,
   group: "track",
   inclusive: false,
   addOptions() {
@@ -99812,7 +101141,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 }, Symbol.toStringTag, { value: "Module" }));
 const trackFormatClass = "track-format";
 const TrackFormat = Mark2.create({
-  name: TrackFormatMarkName,
+  name: TrackFormatMarkName$1,
   group: "track",
   inclusive: false,
   addOptions() {
@@ -100026,7 +101355,7 @@ const TrackChanges = Extension.create({
         tr.setMeta("inputType", "acceptReject");
         const map22 = new Mapping();
         doc2.nodesBetween(from2, to, (node, pos) => {
-          if (node.marks && node.marks.find((mark) => mark.type.name === TrackDeleteMarkName)) {
+          if (node.marks && node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1)) {
             const deletionStep = new ReplaceStep(
               map22.map(Math.max(pos, from2)),
               map22.map(Math.min(pos + node.nodeSize, to)),
@@ -100034,8 +101363,8 @@ const TrackChanges = Extension.create({
             );
             tr.step(deletionStep);
             map22.appendMap(deletionStep.getMap());
-          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackInsertMarkName)) {
-            const insertionMark = node.marks.find((mark) => mark.type.name === TrackInsertMarkName);
+          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackInsertMarkName$1)) {
+            const insertionMark = node.marks.find((mark) => mark.type.name === TrackInsertMarkName$1);
             tr.step(
               new RemoveMarkStep(
                 map22.map(Math.max(pos, from2)),
@@ -100043,8 +101372,8 @@ const TrackChanges = Extension.create({
                 insertionMark
               )
             );
-          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackFormatMarkName)) {
-            const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName);
+          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1)) {
+            const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1);
             tr.step(
               new RemoveMarkStep(
                 map22.map(Math.max(pos, from2)),
@@ -100066,8 +101395,8 @@ const TrackChanges = Extension.create({
         tr.setMeta("inputType", "acceptReject");
         const map22 = new Mapping();
         doc2.nodesBetween(from2, to, (node, pos) => {
-          if (node.marks && node.marks.find((mark) => mark.type.name === TrackDeleteMarkName)) {
-            const deletionMark = node.marks.find((mark) => mark.type.name === TrackDeleteMarkName);
+          if (node.marks && node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1)) {
+            const deletionMark = node.marks.find((mark) => mark.type.name === TrackDeleteMarkName$1);
             tr.step(
               new RemoveMarkStep(
                 map22.map(Math.max(pos, from2)),
@@ -100075,7 +101404,7 @@ const TrackChanges = Extension.create({
                 deletionMark
               )
             );
-          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackInsertMarkName)) {
+          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackInsertMarkName$1)) {
             const deletionStep = new ReplaceStep(
               map22.map(Math.max(pos, from2)),
               map22.map(Math.min(pos + node.nodeSize, to)),
@@ -100083,8 +101412,8 @@ const TrackChanges = Extension.create({
             );
             tr.step(deletionStep);
             map22.appendMap(deletionStep.getMap());
-          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackFormatMarkName)) {
-            const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName);
+          } else if (node.marks && node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1)) {
+            const formatChangeMark = node.marks.find((mark) => mark.type.name === TrackFormatMarkName$1);
             formatChangeMark.attrs.before.forEach((oldMark) => {
               tr.step(
                 new AddMarkStep(
@@ -100260,7 +101589,7 @@ const getChangesByIdToResolve = (state2, id) => {
     const hasContentBetween = state2.doc.textBetween(left2.from, right2.to, "\n").length > getSegmentSize(left2) + getSegmentSize(right2);
     return !hasContentBetween;
   };
-  const isComplementaryPair = (firstType, secondType) => firstType === TrackDeleteMarkName && secondType === TrackInsertMarkName || firstType === TrackInsertMarkName && secondType === TrackDeleteMarkName;
+  const isComplementaryPair = (firstType, secondType) => firstType === TrackDeleteMarkName$1 && secondType === TrackInsertMarkName$1 || firstType === TrackInsertMarkName$1 && secondType === TrackDeleteMarkName$1;
   const linkedBefore = [];
   const linkedAfter = [];
   const collectDirection = (direction, collection) => {