@harbour-enterprises/superdoc 1.0.0-beta.31 → 1.0.0-beta.32

package/dist/super-editor/chunks/{editor-COQCS1pn.js → editor-CFv-RJI-.js}

@@ -9,11 +9,11 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(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, hideDimmingOverlay_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, hideDimmingOverlay_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, 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;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName, $ as TrackInsertMarkName, a0 as v4, a1 as TrackFormatMarkName, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as encodeCSSFromPPr, at as twipsToPixels$2, au as resolveRunProperties, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-CRKt1TG_.js";
-import { D as DocxZipper } from "./docx-zipper-CgVw58T-.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName, $ as TrackInsertMarkName, a0 as v4, a1 as TrackFormatMarkName, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as encodeCSSFromPPr, at as twipsToPixels$2, au as resolveRunProperties, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-CpuOoAUa.js";
+import { D as DocxZipper } from "./docx-zipper-Dk99r397.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -13913,7 +13913,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.31";
+const summaryVersion = "1.0.0-beta.32";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -14705,7 +14705,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-eG-VYUeN.js"),
+      import("./index-SGV4U12y.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -14910,7 +14910,7 @@ const _Editor = class _Editor extends EventEmitter {
    * 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.32");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -20140,7 +20140,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) {
@@ -20610,6 +20630,65 @@ function imageNodeToRun(node, positions, activeSdt) {
   }
   return run;
 }
+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 run = {
+    kind: "fieldAnnotation",
+    variant,
+    displayLabel
+  };
+  const fieldId = typeof attrs.fieldId === "string" ? attrs.fieldId : fieldMetadata?.fieldId;
+  if (fieldId) run.fieldId = fieldId;
+  const fieldType = typeof attrs.fieldType === "string" ? attrs.fieldType : fieldMetadata?.fieldType;
+  if (fieldType) run.fieldType = fieldType;
+  const fieldColor = typeof attrs.fieldColor === "string" ? attrs.fieldColor : fieldMetadata?.fieldColor;
+  if (fieldColor) run.fieldColor = fieldColor;
+  const borderColor = typeof attrs.borderColor === "string" ? attrs.borderColor : fieldMetadata?.borderColor;
+  if (borderColor) run.borderColor = borderColor;
+  const highlighted = attrs.highlighted ?? fieldMetadata?.highlighted;
+  if (highlighted === false) run.highlighted = false;
+  if (attrs.hidden === true || fieldMetadata?.hidden === true) run.hidden = true;
+  const visibility = attrs.visibility ?? fieldMetadata?.visibility;
+  if (visibility === "hidden") run.visibility = "hidden";
+  const imageSrc = typeof attrs.imageSrc === "string" ? attrs.imageSrc : fieldMetadata?.imageSrc;
+  if (imageSrc) run.imageSrc = imageSrc;
+  const linkUrl = typeof attrs.linkUrl === "string" ? attrs.linkUrl : fieldMetadata?.linkUrl;
+  if (linkUrl) run.linkUrl = linkUrl;
+  const rawHtml = attrs.rawHtml ?? fieldMetadata?.rawHtml;
+  if (typeof rawHtml === "string") run.rawHtml = rawHtml;
+  const size = attrs.size ?? fieldMetadata?.size;
+  if (size && (typeof size.width === "number" || typeof size.height === "number")) {
+    run.size = {
+      width: typeof size.width === "number" ? size.width : void 0,
+      height: typeof size.height === "number" ? size.height : void 0
+    };
+  }
+  const fontFamily = attrs.fontFamily ?? fieldMetadata?.fontFamily;
+  if (typeof fontFamily === "string") run.fontFamily = fontFamily;
+  const fontSize = attrs.fontSize ?? fieldMetadata?.fontSize;
+  if (typeof fontSize === "string" || typeof fontSize === "number") run.fontSize = fontSize;
+  const textColor = attrs.textColor ?? fieldMetadata?.textColor;
+  if (typeof textColor === "string") run.textColor = textColor;
+  const textHighlight = attrs.textHighlight ?? fieldMetadata?.textHighlight;
+  if (typeof textHighlight === "string") run.textHighlight = textHighlight;
+  const formatting = fieldMetadata?.formatting;
+  if (attrs.bold === true || formatting?.bold === true) run.bold = true;
+  if (attrs.italic === true || formatting?.italic === true) run.italic = true;
+  if (attrs.underline === true || formatting?.underline === true) run.underline = true;
+  const pos = positions.get(node);
+  if (pos) {
+    run.pmStart = pos.start;
+    run.pmEnd = pos.end;
+  }
+  if (fieldMetadata) {
+    run.sdt = fieldMetadata;
+  }
+  return run;
+}
 const isTextRun$1 = (run) => run.kind !== "tab";
 const dataAttrsCompatible = (a, b) => {
   const aAttrs = a.dataAttrs;
@@ -20905,28 +20984,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 run = textNodeToRun(
-            { type: "text", text: label },
-            positions,
-            defaultFont,
-            defaultSize,
-            inheritedMarks,
-            fieldMetadata ?? activeSdt,
-            hyperlinkConfig,
-            themeColors
-          );
-          const inlineStyleId = getInlineStyleId(inheritedMarks);
-          applyRunStyles2(run, inlineStyleId, activeRunStyleId);
-          applyBaseRunDefaults(run, baseRunDefaults, defaultFont, defaultSize);
-          currentRuns.push(run);
-        }
+        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 run = fieldAnnotationNodeToRun(nodeForRun, positions, fieldMetadata);
+      currentRuns.push(run);
       return;
     }
     if (node.type === "pageReference") {
@@ -21763,9 +21834,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);
@@ -21780,11 +21851,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;
@@ -22436,7 +22507,7 @@ function getMeasurementContext() {
   return measurementCtx;
 }
 function getRunFontString(run) {
-  if (run.kind === "tab" || run.kind === "lineBreak" || run.kind === "break" || "src" in run) {
+  if (run.kind === "tab" || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" || "src" in run) {
     return "normal normal 16px Arial";
   }
   const style = run.italic ? "italic" : "normal";
@@ -22467,6 +22538,10 @@ function sliceRunsForLine$1(block, line) {
       result.push(run);
       continue;
     }
+    if (run.kind === "fieldAnnotation") {
+      result.push(run);
+      continue;
+    }
     const text = run.text ?? "";
     const isFirstRun = runIndex === line.fromRun;
     const isLastRun = runIndex === line.toRun;
@@ -22500,7 +22575,8 @@ function measureCharacterX(block, line, charOffset) {
       1,
       runs2.reduce((sum, run) => {
         if (isTabRun$1(run)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run || run.kind === "lineBreak" || run.kind === "break") return sum;
+        if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation")
+          return sum;
         return sum + (run.text ?? "").length;
       }, 0)
     );
@@ -22521,7 +22597,7 @@ function measureCharacterX(block, line, charOffset) {
       currentCharOffset += runLength2;
       continue;
     }
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     if (currentCharOffset + runLength >= charOffset) {
       const offsetInRun = charOffset - currentCharOffset;
@@ -22564,7 +22640,7 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
       if (isTabRun$1(run)) {
         return segmentBaseX + (offsetInSegment > 0 ? segment.width ?? 0 : 0);
       }
-      if ("src" in run || run.kind === "lineBreak" || run.kind === "break") {
+      if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation") {
         return segmentBaseX + (offsetInSegment >= segmentChars ? segment.width ?? 0 : 0);
       }
       const text = run.text ?? "";
@@ -22593,7 +22669,7 @@ function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
   let lastPm = fallbackPmStart;
   for (const run of runs) {
     const isTab = isTabRun$1(run);
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = isTab ? TAB_CHAR_LENGTH : text.length;
     const runPmStart = typeof run.pmStart === "number" ? run.pmStart : null;
     const runPmEnd = typeof run.pmEnd === "number" ? run.pmEnd : runPmStart != null ? runPmStart + runLength : null;
@@ -22619,7 +22695,8 @@ function findCharacterAtX(block, line, x, pmStart) {
       1,
       runs2.reduce((sum, run) => {
         if (isTabRun$1(run)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run || run.kind === "lineBreak" || run.kind === "break") return sum;
+        if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation")
+          return sum;
         return sum + (run.text ?? "").length;
       }, 0)
     );
@@ -22654,7 +22731,7 @@ function findCharacterAtX(block, line, x, pmStart) {
       currentCharOffset += TAB_CHAR_LENGTH;
       continue;
     }
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     if (runLength === 0) continue;
     ctx2.font = getRunFontString(run);
@@ -22694,7 +22771,7 @@ function findCharacterAtX(block, line, x, pmStart) {
   };
 }
 const computeLetterSpacingWidth = (run, precedingChars, runLength) => {
-  if (isTabRun$1(run) || "src" in run || !("letterSpacing" in run) || !run.letterSpacing) {
+  if (isTabRun$1(run) || "src" in run || run.kind === "fieldAnnotation" || !("letterSpacing" in run) || !run.letterSpacing) {
     return 0;
   }
   const maxGaps = Math.max(runLength - 1, 0);
@@ -22791,6 +22868,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;
 }
@@ -22856,7 +22944,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) => {
@@ -22915,6 +23005,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;
@@ -25805,7 +25966,7 @@ const hashRuns = (block) => {
       return `img:${srcHash}:${imgRun.width}x${imgRun.height}`;
     }
     const text = normalizeText(
-      "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? ""
+      "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? ""
     );
     const bold = "bold" in run ? run.bold : false;
     const italic = "italic" in run ? run.italic : false;
@@ -26517,7 +26678,7 @@ function extractBlockText(block) {
   let pmStart = Infinity;
   let pmEnd = 0;
   for (const run of block.runs) {
-    text += "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text;
+    text += "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text;
     if (run.pmStart !== void 0) {
       pmStart = Math.min(pmStart, run.pmStart);
     }
@@ -26567,7 +26728,7 @@ function fontString(run) {
   return `${italic}${bold}${size}px ${family}`.trim();
 }
 function runText(run) {
-  return "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+  return "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
 }
 function measureRunSliceWidth(run, fromChar, toChar) {
   const context = getCtx();
@@ -26729,7 +26890,7 @@ const paragraphBlocksEqual = (a, b) => {
   for (let i = 0; i < a.runs.length; i += 1) {
     const runA = a.runs[i];
     const runB = b.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;
     }
   }
@@ -26849,7 +27010,7 @@ function computeHeaderFooterContentHash(blocks) {
     parts.push(block.id);
     if (block.kind === "paragraph") {
       for (const run of block.runs) {
-        if (!("src" in run) && run.kind !== "lineBreak" && run.kind !== "break") {
+        if (!("src" in run) && run.kind !== "lineBreak" && run.kind !== "break" && run.kind !== "fieldAnnotation") {
           parts.push(run.text ?? "");
         }
         if ("bold" in run && run.bold) parts.push("b");
@@ -27334,6 +27495,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, config = {}) {
+    this.container = container;
+    this.config = config;
+    this.mimeType = config.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 types = event.dataTransfer.types;
+    return types.includes(this.mimeType) || types.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(config) {
+    this.config = { ...this.config, ...config };
+    if (config.mimeType) {
+      this.mimeType = config.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, config = {}) {
+  const handler = new DragHandler(container, config);
+  return () => handler.destroy();
+}
 const isAtomicFragment = (fragment) => {
   return fragment.kind === "drawing" || fragment.kind === "image";
 };
@@ -27872,7 +28282,7 @@ function computeLinePmRange$1(block, line) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run = block.runs[runIndex];
     if (!run) continue;
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     const runPmStart = run.pmStart ?? null;
     const runPmEnd = run.pmEnd ?? (runPmStart != null ? runPmStart + runLength : null);
@@ -27896,7 +28306,7 @@ function pmPosToCharOffset(block, line, pmPos) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run = block.runs[runIndex];
     if (!run) continue;
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runTextLength = text.length;
     const runPmStart = run.pmStart ?? null;
     const runPmEnd = run.pmEnd ?? (runPmStart != null ? runPmStart + runTextLength : null);
@@ -30429,9 +30839,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");
@@ -30456,6 +31084,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",
@@ -30785,6 +31429,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 config = getSdtContainerConfig(sdt);
+  if (!config && containerSdt) {
+    config = getSdtContainerConfig(containerSdt);
+  }
+  if (!config) return;
+  container.classList.add(config.className);
+  container.dataset.sdtContainerStart = String(config.isStart);
+  container.dataset.sdtContainerEnd = String(config.isEnd);
+  container.style.overflow = "visible";
+  const labelEl = doc2.createElement("div");
+  labelEl.className = config.labelClassName;
+  const labelText = doc2.createElement("span");
+  labelText.textContent = config.labelText;
+  labelEl.appendChild(labelText);
+  container.appendChild(labelEl);
+}
 const renderTableFragment = (deps) => {
   const { doc: doc2, fragment, blockLookup, context, renderLine, applyFragmentFrame, applySdtDataset, applyStyles: applyStyles2 } = deps;
   if (!doc2) {
@@ -30821,6 +31509,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;
@@ -31287,6 +31976,8 @@ const _DomPainter = class _DomPainter {
     ensurePrintStyles(doc2);
     ensureLinkStyles(doc2);
     ensureTrackChangeStyles(doc2);
+    ensureFieldAnnotationStyles(doc2);
+    ensureSdtContainerStyles(doc2);
     mount.classList.add(CLASS_NAMES.container);
     if (this.mount && this.mount !== mount) {
       this.resetState();
@@ -31809,7 +32500,8 @@ const _DomPainter = class _DomPainter {
       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) {
@@ -31829,6 +32521,7 @@ const _DomPainter = class _DomPainter {
       }
       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) {
@@ -32047,6 +32740,7 @@ const _DomPainter = class _DomPainter {
       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";
       }
@@ -32818,10 +33512,19 @@ const _DomPainter = class _DomPainter {
   isBreakRun(run) {
     return run.kind === "break";
   }
+  /**
+   * Type guard to check if a run is a field annotation run.
+   */
+  isFieldAnnotationRun(run) {
+    return run.kind === "fieldAnnotation";
+  }
   renderRun(run, context, trackedConfig) {
     if (this.isImageRun(run)) {
       return this.renderImageRun(run);
     }
+    if (this.isFieldAnnotationRun(run)) {
+      return this.renderFieldAnnotationRun(run);
+    }
     if (this.isLineBreakRun(run)) {
       return null;
     }
@@ -32958,6 +33661,200 @@ const _DomPainter = class _DomPainter {
     }
     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(run) {
+    if (!this.doc) {
+      return null;
+    }
+    if (run.hidden) {
+      const hidden = this.doc.createElement("span");
+      hidden.style.display = "none";
+      if (run.pmStart != null) hidden.dataset.pmStart = String(run.pmStart);
+      if (run.pmEnd != null) hidden.dataset.pmEnd = String(run.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 = run.highlighted !== false;
+    if (showHighlight) {
+      const borderColor = run.borderColor || defaultBorderColor;
+      annotation.style.border = `2px solid ${borderColor}`;
+      annotation.style.borderRadius = "2px";
+      annotation.style.padding = "1px 2px";
+      annotation.style.boxSizing = "border-box";
+      const fieldColor = run.fieldColor || defaultFieldColor;
+      const bgColor = fieldColor.length === 7 ? `${fieldColor}33` : fieldColor;
+      if (run.textHighlight) {
+        annotation.style.backgroundColor = run.textHighlight;
+      } else {
+        annotation.style.backgroundColor = bgColor;
+      }
+    }
+    if (run.visibility === "hidden") {
+      annotation.style.visibility = "hidden";
+    }
+    if (run.size) {
+      if (run.size.width) {
+        annotation.style.width = `${run.size.width}px`;
+        annotation.style.display = "inline-block";
+        annotation.style.overflow = "hidden";
+      }
+      if (run.size.height) {
+        annotation.style.height = `${run.size.height}px`;
+      }
+    }
+    if (run.fontFamily) {
+      annotation.style.fontFamily = run.fontFamily;
+    }
+    if (run.fontSize) {
+      const fontSize = typeof run.fontSize === "number" ? `${run.fontSize}pt` : run.fontSize;
+      annotation.style.fontSize = fontSize;
+    }
+    if (run.textColor) {
+      annotation.style.color = run.textColor;
+    }
+    if (run.bold) {
+      annotation.style.fontWeight = "bold";
+    }
+    if (run.italic) {
+      annotation.style.fontStyle = "italic";
+    }
+    if (run.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 (run.variant) {
+      case "image":
+      case "signature": {
+        if (run.imageSrc) {
+          const img = this.doc.createElement("img");
+          const isDataUrl = run.imageSrc.startsWith("data:");
+          if (isDataUrl) {
+            if (run.imageSrc.length <= MAX_DATA_URL_LENGTH && VALID_IMAGE_DATA_URL.test(run.imageSrc)) {
+              img.src = run.imageSrc;
+            } else {
+              content.textContent = run.displayLabel;
+              break;
+            }
+          } else {
+            const sanitized = sanitizeHref(run.imageSrc);
+            if (sanitized) {
+              img.src = sanitized.href;
+            } else {
+              content.textContent = run.displayLabel;
+              break;
+            }
+          }
+          img.alt = run.displayLabel;
+          img.style.height = "auto";
+          img.style.maxWidth = "100%";
+          img.style.pointerEvents = "none";
+          img.style.verticalAlign = "middle";
+          if (run.variant === "signature") {
+            img.style.maxHeight = "28px";
+          }
+          content.appendChild(img);
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run.displayLabel || (run.variant === "signature" ? "Signature" : "");
+        }
+        break;
+      }
+      case "link": {
+        if (run.linkUrl) {
+          const link = this.doc.createElement("a");
+          const sanitized = sanitizeHref(run.linkUrl);
+          if (sanitized) {
+            link.href = sanitized.href;
+            link.target = "_blank";
+            link.rel = "noopener noreferrer";
+            link.textContent = run.linkUrl;
+            link.style.textDecoration = "none";
+            content.style.pointerEvents = "all";
+            content.appendChild(link);
+          } else {
+            content.textContent = run.displayLabel;
+          }
+        } else {
+          content.textContent = run.displayLabel;
+        }
+        break;
+      }
+      case "html": {
+        if (run.rawHtml && typeof run.rawHtml === "string") {
+          content.textContent = run.displayLabel;
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run.displayLabel;
+        }
+        break;
+      }
+      case "text":
+      case "checkbox":
+      default: {
+        content.textContent = run.displayLabel;
+        break;
+      }
+    }
+    annotation.appendChild(content);
+    annotation.dataset.type = run.variant;
+    if (run.fieldId) {
+      annotation.dataset.fieldId = run.fieldId;
+    }
+    if (run.fieldType) {
+      annotation.dataset.fieldType = run.fieldType;
+    }
+    annotation.draggable = true;
+    annotation.dataset.draggable = "true";
+    if (run.displayLabel) {
+      annotation.dataset.displayLabel = run.displayLabel;
+    }
+    if (run.variant) {
+      annotation.dataset.variant = run.variant;
+    }
+    assertPmPositions(run, "field annotation run");
+    if (run.pmStart != null) {
+      annotation.dataset.pmStart = String(run.pmStart);
+    }
+    if (run.pmEnd != null) {
+      annotation.dataset.pmEnd = String(run.pmEnd);
+    }
+    this.applySdtDataset(annotation, run.sdt);
+    return annotation;
+  }
   /**
    * Renders a single line of a paragraph block.
    *
@@ -33135,6 +34032,22 @@ const _DomPainter = class _DomPainter {
         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;
@@ -33180,7 +34093,22 @@ const _DomPainter = class _DomPainter {
         });
       }
     } else {
+      let currentInlineSdtWrapper = null;
+      let currentInlineSdtId = null;
+      const closeCurrentWrapper = () => {
+        if (currentInlineSdtWrapper) {
+          el.appendChild(currentInlineSdtWrapper);
+          currentInlineSdtWrapper = null;
+          currentInlineSdtId = null;
+        }
+      };
       runsForLine.forEach((run) => {
+        const runSdt = run.sdt;
+        const isInlineSdt = runSdt?.type === "structuredContent" && runSdt?.scope === "inline";
+        const runSdtId = isInlineSdt && runSdt?.id ? String(runSdt.id) : null;
+        if (runSdtId !== currentInlineSdtId) {
+          closeCurrentWrapper();
+        }
         if (run.kind === "tab") {
           const tabEl = this.doc.createElement("span");
           tabEl.classList.add("superdoc-tab");
@@ -33208,9 +34136,37 @@ const _DomPainter = class _DomPainter {
           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 (run.pmStart != null) {
+              if (!wrapperPmStart || run.pmStart < parseInt(wrapperPmStart, 10)) {
+                currentInlineSdtWrapper.dataset.pmStart = String(run.pmStart);
+              }
+            }
+            if (run.pmEnd != null) {
+              if (!wrapperPmEnd || run.pmEnd > parseInt(wrapperPmEnd, 10)) {
+                currentInlineSdtWrapper.dataset.pmEnd = String(run.pmEnd);
+              }
+            }
+            currentInlineSdtWrapper.appendChild(elem);
+          } else {
+            el.appendChild(elem);
+          }
         }
       });
+      closeCurrentWrapper();
     }
     const anchors = el.querySelectorAll("a[href]");
     anchors.forEach((anchor) => {
@@ -33718,7 +34674,7 @@ const deriveBlockVersion = (block) => {
   return block.id;
 };
 const applyRunStyles = (element, run, _isLink = false) => {
-  if (run.kind === "tab" || run.kind === "image" || run.kind === "lineBreak" || run.kind === "break") {
+  if (run.kind === "tab" || run.kind === "image" || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation") {
     return;
   }
   element.style.fontFamily = run.fontFamily;
@@ -33878,6 +34834,10 @@ const sliceRunsForLine = (block, line) => {
       result.push(run);
       continue;
     }
+    if (run.kind === "fieldAnnotation") {
+      result.push(run);
+      continue;
+    }
     if (!("text" in run)) {
       continue;
     }
@@ -34193,6 +35153,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) {
@@ -34272,6 +35236,9 @@ function isImageRun(run) {
 function isLineBreakRun(run) {
   return run.kind === "lineBreak";
 }
+function isFieldAnnotationRun(run) {
+  return run.kind === "fieldAnnotation";
+}
 async function measureBlock(block, constraints) {
   const normalized = normalizeConstraints(constraints);
   if (block.kind === "drawing") {
@@ -34638,6 +35605,92 @@ async function measureParagraphBlock(block, maxWidth) {
       lastAppliedTabAlign = null;
       continue;
     }
+    if (isFieldAnnotationRun(run)) {
+      const displayText = run.displayLabel || "";
+      const annotationFontSize = typeof run.fontSize === "number" ? run.fontSize : typeof run.fontSize === "string" ? parseFloat(run.fontSize) || DEFAULT_FIELD_ANNOTATION_FONT_SIZE : DEFAULT_FIELD_ANNOTATION_FONT_SIZE;
+      const annotationFontFamily = run.fontFamily || "Arial, sans-serif";
+      const fontWeight = run.bold ? "bold" : "normal";
+      const fontStyle = run.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 run) || !("fontSize" in run)) {
       continue;
     }
@@ -36711,6 +37764,12 @@ function isInRegisteredSurface(event) {
   }
   return false;
 }
+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;
@@ -36736,6 +37795,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateAdd(this, _layoutOptions);
     __privateAdd(this, _layoutState, { blocks: [], measures: [], layout: null });
     __privateAdd(this, _domPainter, null);
+    __privateAdd(this, _dragHandlerCleanup, null);
     __privateAdd(this, _layoutError, null);
     __privateAdd(this, _layoutErrorState, "healthy");
     __privateAdd(this, _errorBanner, null);
@@ -36805,8 +37865,12 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       if (event.button !== 0) {
         return;
       }
+      const target = event.target;
+      const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
       if (!__privateGet(this, _layoutState).layout) {
-        event.preventDefault();
+        if (!isDraggableAnnotation) {
+          event.preventDefault();
+        }
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
         }
@@ -36815,10 +37879,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
           return;
         }
         const validPos = __privateMethod(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-        const doc2 = __privateGet(this, _editor3)?.state?.doc;
-        if (doc2) {
+        const doc22 = __privateGet(this, _editor3)?.state?.doc;
+        if (doc22) {
           try {
-            const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc2, validPos));
+            const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc22, validPos));
             __privateGet(this, _editor3).view?.dispatch(tr);
           } catch (error) {
             if (process$1.env.NODE_ENV === "development") {
@@ -36854,7 +37918,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       if (headerFooterRegion) {
         return;
       }
-      const hit = clickToPosition(
+      const rawHit = clickToPosition(
         __privateGet(this, _layoutState).layout,
         __privateGet(this, _layoutState).blocks,
         __privateGet(this, _layoutState).measures,
@@ -36863,7 +37927,11 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         event.clientX,
         event.clientY
       );
-      event.preventDefault();
+      const doc2 = __privateGet(this, _editor3).state?.doc;
+      const hit = rawHit && doc2 ? { ...rawHit, pos: Math.max(0, Math.min(rawHit.pos, doc2.content.size)) } : rawHit;
+      if (!isDraggableAnnotation) {
+        event.preventDefault();
+      }
       if (!hit) {
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
@@ -36871,10 +37939,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         const editorDom2 = __privateGet(this, _editor3).view?.dom;
         if (editorDom2) {
           const validPos = __privateMethod(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-          const doc2 = __privateGet(this, _editor3)?.state?.doc;
-          if (doc2) {
+          const doc22 = __privateGet(this, _editor3)?.state?.doc;
+          if (doc22) {
             try {
-              const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc2, validPos));
+              const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc22, validPos));
               __privateGet(this, _editor3).view?.dispatch(tr);
             } catch (error) {
               if (process$1.env.NODE_ENV === "development") {
@@ -36895,9 +37963,9 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         hit.pos
       );
       if (fragmentHit && (fragmentHit.fragment.kind === "image" || fragmentHit.fragment.kind === "drawing")) {
-        const doc2 = __privateGet(this, _editor3).state.doc;
+        const doc22 = __privateGet(this, _editor3).state.doc;
         try {
-          const tr = __privateGet(this, _editor3).state.tr.setSelection(NodeSelection.create(doc2, hit.pos));
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(NodeSelection.create(doc22, hit.pos));
           __privateGet(this, _editor3).view?.dispatch(tr);
           if (__privateGet(this, _lastSelectedImageBlockId) && __privateGet(this, _lastSelectedImageBlockId) !== fragmentHit.fragment.blockId) {
             this.emit("imageDeselected", { blockId: __privateGet(this, _lastSelectedImageBlockId) });
@@ -36988,8 +38056,8 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         }
       }
       if (!handledByDepth) {
-        const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, hit.pos));
         try {
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, hit.pos));
           __privateGet(this, _editor3).view?.dispatch(tr);
         } catch {
         }
@@ -37064,6 +38132,133 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       }
       __privateSet(this, _isDragging, false);
     });
+    /**
+     * Handles dragover events for field annotation drag-and-drop operations.
+     * Updates the cursor position during drag to provide visual feedback.
+     *
+     * @param event - The dragover event from the browser
+     *
+     * Side effects:
+     * - Prevents default browser drag behavior
+     * - Sets dropEffect to 'copy' to indicate the drag operation type
+     * - Updates the editor's text selection to follow the drag cursor
+     * - Triggers selection overlay updates via #scheduleSelectionUpdate
+     *
+     * Early returns:
+     * - If the editor is not editable
+     * - If no field annotation data is present in the drag
+     * - If hit testing fails or document is unavailable
+     * - If the cursor position hasn't changed
+     */
+    __privateAdd(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 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;
+      const isSameCursor = currentSelection instanceof TextSelection && currentSelection.from === pos && currentSelection.to === pos;
+      if (isSameCursor) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch (error) {
+        if (process$1.env.NODE_ENV === "development") {
+          console.debug("[PresentationEditor] Drag position update skipped:", error);
+        }
+      }
+    });
+    /**
+     * Handles drop events for field annotation drag-and-drop operations.
+     * Inserts a field annotation at the drop position and emits events for tracking.
+     *
+     * @param event - The drop event from the browser
+     *
+     * Side effects:
+     * - Prevents default browser drop behavior and stops event propagation
+     * - Inserts a field annotation node at the drop position
+     * - Moves the cursor to just after the inserted node
+     * - Emits 'fieldAnnotationDropped' event with drop metadata
+     * - Focuses the editor view
+     * - Triggers selection overlay updates via #scheduleSelectionUpdate
+     *
+     * Early returns:
+     * - If the editor is not editable
+     * - If no field annotation data is present in the drop
+     * - If JSON parsing of the payload fails
+     * - If hit testing and fallback position both fail
+     * - If the parsed attributes fail validation
+     *
+     * Fallback behavior:
+     * - If hit testing fails (e.g., during a reflow), falls back to current selection position
+     * - If selection is unavailable, falls back to end of document
+     */
+    __privateAdd(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.create(activeEditor.state.doc, posAfter));
+        if (tr) {
+          activeEditor.view?.dispatch(tr);
+        }
+        __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      }
+      const editorDom = activeEditor.view?.dom;
+      if (editorDom) {
+        editorDom.focus();
+        activeEditor.view?.focus();
+      }
+    });
     __privateAdd(this, _handleDoubleClick, (event) => {
       if (event.button !== 0) return;
       if (!__privateGet(this, _layoutState).layout) return;
@@ -37253,6 +38448,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       __privateMethod(this, _PresentationEditor_instances, applyZoom_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupEditorListeners_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupPointerHandlers_fn).call(this);
+      __privateMethod(this, _PresentationEditor_instances, setupDragHandlers_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupInputBridge_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, syncTrackedChangesPreferences_fn).call(this);
       if (options.documentId) {
@@ -37964,6 +39160,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
    * Safe to call during partial initialization.
    */
   destroy() {
+    var _a;
     if (__privateGet(this, _rafHandle) != null) {
       __privateMethod(this, _PresentationEditor_instances, safeCleanup_fn).call(this, () => {
         const win = __privateGet(this, _visibleHost)?.ownerDocument?.defaultView ?? window;
@@ -37985,6 +39182,8 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateGet(this, _viewportHost)?.removeEventListener("pointermove", __privateGet(this, _handlePointerMove));
     __privateGet(this, _viewportHost)?.removeEventListener("pointerup", __privateGet(this, _handlePointerUp));
     __privateGet(this, _viewportHost)?.removeEventListener("pointerleave", __privateGet(this, _handlePointerLeave));
+    __privateGet(this, _viewportHost)?.removeEventListener("dragover", __privateGet(this, _handleDragOver));
+    __privateGet(this, _viewportHost)?.removeEventListener("drop", __privateGet(this, _handleDrop));
     __privateGet(this, _visibleHost)?.removeEventListener("keydown", __privateGet(this, _handleKeyDown));
     __privateGet(this, _inputBridge)?.notifyTargetChanged();
     __privateGet(this, _inputBridge)?.destroy();
@@ -38023,6 +39222,8 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateSet(this, _domPainter, null);
+    (_a = __privateGet(this, _dragHandlerCleanup)) == null ? void 0 : _a.call(this);
+    __privateSet(this, _dragHandlerCleanup, null);
     __privateGet(this, _selectionOverlay2)?.remove();
     __privateGet(this, _painterHost)?.remove();
     __privateGet(this, _hiddenHost)?.remove();
@@ -38050,6 +39251,7 @@ _hiddenHost = new WeakMap();
 _layoutOptions = new WeakMap();
 _layoutState = new WeakMap();
 _domPainter = new WeakMap();
+_dragHandlerCleanup = new WeakMap();
 _layoutError = new WeakMap();
 _layoutErrorState = new WeakMap();
 _errorBanner = new WeakMap();
@@ -38550,8 +39752,104 @@ setupPointerHandlers_fn = function() {
   __privateGet(this, _viewportHost).addEventListener("pointermove", __privateGet(this, _handlePointerMove));
   __privateGet(this, _viewportHost).addEventListener("pointerup", __privateGet(this, _handlePointerUp));
   __privateGet(this, _viewportHost).addEventListener("pointerleave", __privateGet(this, _handlePointerLeave));
+  __privateGet(this, _viewportHost).addEventListener("dragover", __privateGet(this, _handleDragOver));
+  __privateGet(this, _viewportHost).addEventListener("drop", __privateGet(this, _handleDrop));
   __privateGet(this, _visibleHost).addEventListener("keydown", __privateGet(this, _handleKeyDown));
 };
+/**
+ * Sets up drag and drop handlers for field annotations in the layout engine view.
+ * Uses the DragHandler from layout-bridge to handle drag events and map drop
+ * coordinates to ProseMirror positions.
+ */
+setupDragHandlers_fn = function() {
+  var _a;
+  (_a = __privateGet(this, _dragHandlerCleanup)) == null ? void 0 : _a.call(this);
+  __privateSet(this, _dragHandlerCleanup, null);
+  __privateSet(this, _dragHandlerCleanup, createDragHandler(__privateGet(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 && currentSelection.from === pos && currentSelection.to === pos) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod(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, view } = activeEditor;
+      if (!state || !view) {
+        return;
+      }
+      const fieldId = event.data.fieldId;
+      if (fieldId) {
+        const targetPos = event.pmPosition;
+        let sourceStart = null;
+        let sourceEnd = null;
+        let sourceNode = null;
+        state.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 = state.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(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        }
+        return;
+      }
+      activeEditor.emit("fieldAnnotationDropped", {
+        sourceField: event.data,
+        editor: activeEditor,
+        coordinates: { pos: event.pmPosition }
+      });
+    }
+  }));
+};
 setupInputBridge_fn = function() {
   __privateGet(this, _inputBridge)?.destroy();
   const win = __privateGet(this, _visibleHost).ownerDocument?.defaultView ?? window;
@@ -38850,6 +40148,8 @@ isWordCharacter_fn = function(char) {
 _handlePointerMove = new WeakMap();
 _handlePointerLeave = new WeakMap();
 _handlePointerUp = new WeakMap();
+_handleDragOver = new WeakMap();
+_handleDrop = new WeakMap();
 _handleDoubleClick = new WeakMap();
 _handleKeyDown = new WeakMap();
 focusHeaderFooterShortcut_fn = function(kind) {