superdoc 1.0.0-beta.30 → 1.0.0-beta.32

package/dist/chunks/{super-editor.es-463G9jKM.cjs → super-editor.es-BbbbKgEs.cjs}

@@ -9340,14 +9340,14 @@ function requireSax() {
       var nameBody = /[:_A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u00B7\u0300-\u036F\u203F-\u2040.\d-]/;
       var entityStart = /[#:_A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD]/;
       var entityBody = /[#:_A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u00B7\u0300-\u036F\u203F-\u2040.\d-]/;
-      function isWhitespace(c2) {
+      function isWhitespace2(c2) {
         return c2 === " " || c2 === "\n" || c2 === "\r" || c2 === "	";
       }
       function isQuote(c2) {
         return c2 === '"' || c2 === "'";
       }
       function isAttribEnd(c2) {
-        return c2 === ">" || isWhitespace(c2);
+        return c2 === ">" || isWhitespace2(c2);
       }
       function isMatch(regex, c2) {
         return regex.test(c2);
@@ -9972,7 +9972,7 @@ function requireSax() {
         if (c2 === "<") {
           parser.state = S2.OPEN_WAKA;
           parser.startTagPosition = parser.position;
-        } else if (!isWhitespace(c2)) {
+        } else if (!isWhitespace2(c2)) {
           strictFail(parser, "Non-whitespace before first tag.");
           parser.textNode = c2;
           parser.state = S2.TEXT;
@@ -10051,7 +10051,7 @@ function requireSax() {
                 parser.state = S2.OPEN_WAKA;
                 parser.startTagPosition = parser.position;
               } else {
-                if (!isWhitespace(c2) && (!parser.sawRoot || parser.closedRoot)) {
+                if (!isWhitespace2(c2) && (!parser.sawRoot || parser.closedRoot)) {
                   strictFail(parser, "Text data outside of root node.");
                 }
                 if (c2 === "&") {
@@ -10080,7 +10080,7 @@ function requireSax() {
               if (c2 === "!") {
                 parser.state = S2.SGML_DECL;
                 parser.sgmlDecl = "";
-              } else if (isWhitespace(c2)) ;
+              } else if (isWhitespace2(c2)) ;
               else if (isMatch(nameStart, c2)) {
                 parser.state = S2.OPEN_TAG;
                 parser.tagName = c2;
@@ -10264,14 +10264,14 @@ function requireSax() {
             case S2.PROC_INST:
               if (c2 === "?") {
                 parser.state = S2.PROC_INST_ENDING;
-              } else if (isWhitespace(c2)) {
+              } else if (isWhitespace2(c2)) {
                 parser.state = S2.PROC_INST_BODY;
               } else {
                 parser.procInstName += c2;
               }
               continue;
             case S2.PROC_INST_BODY:
-              if (!parser.procInstBody && isWhitespace(c2)) {
+              if (!parser.procInstBody && isWhitespace2(c2)) {
                 continue;
               } else if (c2 === "?") {
                 parser.state = S2.PROC_INST_ENDING;
@@ -10302,7 +10302,7 @@ function requireSax() {
                 } else if (c2 === "/") {
                   parser.state = S2.OPEN_TAG_SLASH;
                 } else {
-                  if (!isWhitespace(c2)) {
+                  if (!isWhitespace2(c2)) {
                     strictFail(parser, "Invalid character in tag name");
                   }
                   parser.state = S2.ATTRIB;
@@ -10322,7 +10322,7 @@ function requireSax() {
               }
               continue;
             case S2.ATTRIB:
-              if (isWhitespace(c2)) {
+              if (isWhitespace2(c2)) {
                 continue;
               } else if (c2 === ">") {
                 openTag(parser);
@@ -10344,7 +10344,7 @@ function requireSax() {
                 parser.attribValue = parser.attribName;
                 attrib(parser);
                 openTag(parser);
-              } else if (isWhitespace(c2)) {
+              } else if (isWhitespace2(c2)) {
                 parser.state = S2.ATTRIB_NAME_SAW_WHITE;
               } else if (isMatch(nameBody, c2)) {
                 parser.attribName += c2;
@@ -10355,7 +10355,7 @@ function requireSax() {
             case S2.ATTRIB_NAME_SAW_WHITE:
               if (c2 === "=") {
                 parser.state = S2.ATTRIB_VALUE;
-              } else if (isWhitespace(c2)) {
+              } else if (isWhitespace2(c2)) {
                 continue;
               } else {
                 strictFail(parser, "Attribute without value");
@@ -10378,7 +10378,7 @@ function requireSax() {
               }
               continue;
             case S2.ATTRIB_VALUE:
-              if (isWhitespace(c2)) {
+              if (isWhitespace2(c2)) {
                 continue;
               } else if (isQuote(c2)) {
                 parser.q = c2;
@@ -10405,7 +10405,7 @@ function requireSax() {
               parser.state = S2.ATTRIB_VALUE_CLOSED;
               continue;
             case S2.ATTRIB_VALUE_CLOSED:
-              if (isWhitespace(c2)) {
+              if (isWhitespace2(c2)) {
                 parser.state = S2.ATTRIB;
               } else if (c2 === ">") {
                 openTag(parser);
@@ -10438,7 +10438,7 @@ function requireSax() {
               continue;
             case S2.CLOSE_TAG:
               if (!parser.tagName) {
-                if (isWhitespace(c2)) {
+                if (isWhitespace2(c2)) {
                   continue;
                 } else if (notMatch(nameStart, c2)) {
                   if (parser.script) {
@@ -10459,14 +10459,14 @@ function requireSax() {
                 parser.tagName = "";
                 parser.state = S2.SCRIPT;
               } else {
-                if (!isWhitespace(c2)) {
+                if (!isWhitespace2(c2)) {
                   strictFail(parser, "Invalid tagname in closing tag");
                 }
                 parser.state = S2.CLOSE_TAG_SAW_WHITE;
               }
               continue;
             case S2.CLOSE_TAG_SAW_WHITE:
-              if (isWhitespace(c2)) {
+              if (isWhitespace2(c2)) {
                 continue;
               }
               if (c2 === ">") {
@@ -41858,7 +41858,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.30") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.32") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -45164,7 +45164,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _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, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -59031,7 +59031,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.30";
+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) {
@@ -59820,7 +59820,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DUzV7kkk-CM3uwGCb.cjs")),
+      Promise.resolve().then(() => require("./index-SGV4U12y-Dh5jaROA.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -60025,7 +60025,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.30");
+    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");
@@ -62062,9 +62062,11 @@ const applyMarksToRun = (run2, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG
         case TRACK_INSERT_MARK:
         case TRACK_DELETE_MARK:
         case TRACK_FORMAT_MARK: {
-          const tracked = buildTrackedChangeMetaFromMark(mark);
-          if (tracked) {
-            run2.trackedChange = selectTrackedChangeMeta(run2.trackedChange, tracked);
+          if (!isTabRun2) {
+            const tracked = buildTrackedChangeMetaFromMark(mark);
+            if (tracked) {
+              run2.trackedChange = selectTrackedChangeMeta(run2.trackedChange, tracked);
+            }
           }
           break;
         }
@@ -65165,7 +65167,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) {
@@ -65635,6 +65657,65 @@ function imageNodeToRun(node, positions, activeSdt) {
   }
   return run2;
 }
+function fieldAnnotationNodeToRun(node, positions, fieldMetadata) {
+  const attrs = node.attrs ?? {};
+  const rawVariant = attrs.type ?? fieldMetadata?.variant ?? "text";
+  const validVariants = ["text", "image", "signature", "checkbox", "html", "link"];
+  const variant = validVariants.includes(rawVariant) ? rawVariant : "text";
+  const displayLabel = (typeof attrs.displayLabel === "string" ? attrs.displayLabel : void 0) || (typeof attrs.defaultDisplayLabel === "string" ? attrs.defaultDisplayLabel : void 0) || (typeof fieldMetadata?.displayLabel === "string" ? fieldMetadata.displayLabel : void 0) || (typeof fieldMetadata?.defaultDisplayLabel === "string" ? fieldMetadata.defaultDisplayLabel : void 0) || (typeof attrs.alias === "string" ? attrs.alias : void 0) || (typeof fieldMetadata?.alias === "string" ? fieldMetadata.alias : void 0) || "";
+  const run2 = {
+    kind: "fieldAnnotation",
+    variant,
+    displayLabel
+  };
+  const fieldId = typeof attrs.fieldId === "string" ? attrs.fieldId : fieldMetadata?.fieldId;
+  if (fieldId) run2.fieldId = fieldId;
+  const fieldType = typeof attrs.fieldType === "string" ? attrs.fieldType : fieldMetadata?.fieldType;
+  if (fieldType) run2.fieldType = fieldType;
+  const fieldColor = typeof attrs.fieldColor === "string" ? attrs.fieldColor : fieldMetadata?.fieldColor;
+  if (fieldColor) run2.fieldColor = fieldColor;
+  const borderColor = typeof attrs.borderColor === "string" ? attrs.borderColor : fieldMetadata?.borderColor;
+  if (borderColor) run2.borderColor = borderColor;
+  const highlighted = attrs.highlighted ?? fieldMetadata?.highlighted;
+  if (highlighted === false) run2.highlighted = false;
+  if (attrs.hidden === true || fieldMetadata?.hidden === true) run2.hidden = true;
+  const visibility = attrs.visibility ?? fieldMetadata?.visibility;
+  if (visibility === "hidden") run2.visibility = "hidden";
+  const imageSrc = typeof attrs.imageSrc === "string" ? attrs.imageSrc : fieldMetadata?.imageSrc;
+  if (imageSrc) run2.imageSrc = imageSrc;
+  const linkUrl = typeof attrs.linkUrl === "string" ? attrs.linkUrl : fieldMetadata?.linkUrl;
+  if (linkUrl) run2.linkUrl = linkUrl;
+  const rawHtml = attrs.rawHtml ?? fieldMetadata?.rawHtml;
+  if (typeof rawHtml === "string") run2.rawHtml = rawHtml;
+  const size2 = attrs.size ?? fieldMetadata?.size;
+  if (size2 && (typeof size2.width === "number" || typeof size2.height === "number")) {
+    run2.size = {
+      width: typeof size2.width === "number" ? size2.width : void 0,
+      height: typeof size2.height === "number" ? size2.height : void 0
+    };
+  }
+  const fontFamily2 = attrs.fontFamily ?? fieldMetadata?.fontFamily;
+  if (typeof fontFamily2 === "string") run2.fontFamily = fontFamily2;
+  const fontSize2 = attrs.fontSize ?? fieldMetadata?.fontSize;
+  if (typeof fontSize2 === "string" || typeof fontSize2 === "number") run2.fontSize = fontSize2;
+  const textColor = attrs.textColor ?? fieldMetadata?.textColor;
+  if (typeof textColor === "string") run2.textColor = textColor;
+  const textHighlight = attrs.textHighlight ?? fieldMetadata?.textHighlight;
+  if (typeof textHighlight === "string") run2.textHighlight = textHighlight;
+  const formatting = fieldMetadata?.formatting;
+  if (attrs.bold === true || formatting?.bold === true) run2.bold = true;
+  if (attrs.italic === true || formatting?.italic === true) run2.italic = true;
+  if (attrs.underline === true || formatting?.underline === true) run2.underline = true;
+  const pos = positions.get(node);
+  if (pos) {
+    run2.pmStart = pos.start;
+    run2.pmEnd = pos.end;
+  }
+  if (fieldMetadata) {
+    run2.sdt = fieldMetadata;
+  }
+  return run2;
+}
 const isTextRun$1 = (run2) => run2.kind !== "tab";
 const dataAttrsCompatible = (a, b2) => {
   const aAttrs = a.dataAttrs;
@@ -65930,28 +66011,20 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
     }
     if (node.type === "fieldAnnotation") {
       const fieldMetadata = resolveNodeSdtMetadata(node, "fieldAnnotation");
+      let contentText;
       if (Array.isArray(node.content) && node.content.length > 0) {
-        node.content.forEach((child) => visitNode(child, inheritedMarks, fieldMetadata ?? activeSdt, activeRunStyleId));
-      } else {
-        const nodeAttrs = typeof node.attrs === "object" && node.attrs !== null ? node.attrs : {};
-        const label = (typeof nodeAttrs.displayLabel === "string" ? nodeAttrs.displayLabel : void 0) || (typeof nodeAttrs.defaultDisplayLabel === "string" ? nodeAttrs.defaultDisplayLabel : void 0) || (typeof nodeAttrs.alias === "string" ? nodeAttrs.alias : void 0) || "";
-        if (label && typeof label === "string") {
-          const run2 = textNodeToRun(
-            { type: "text", text: label },
-            positions,
-            defaultFont,
-            defaultSize,
-            inheritedMarks,
-            fieldMetadata ?? activeSdt,
-            hyperlinkConfig,
-            themeColors
-          );
-          const inlineStyleId = getInlineStyleId(inheritedMarks);
-          applyRunStyles2(run2, inlineStyleId, activeRunStyleId);
-          applyBaseRunDefaults(run2, baseRunDefaults, defaultFont, defaultSize);
-          currentRuns.push(run2);
-        }
+        const extractText = (n) => {
+          if (n.type === "text" && typeof n.text === "string") return n.text;
+          if (Array.isArray(n.content)) {
+            return n.content.map(extractText).join("");
+          }
+          return "";
+        };
+        contentText = node.content.map(extractText).join("");
       }
+      const nodeForRun = contentText && contentText.length > 0 ? { ...node, attrs: { ...node.attrs ?? {}, displayLabel: contentText } } : node;
+      const run2 = fieldAnnotationNodeToRun(nodeForRun, positions, fieldMetadata);
+      currentRuns.push(run2);
       return;
     }
     if (node.type === "pageReference") {
@@ -66788,9 +66861,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);
@@ -66805,11 +66878,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;
@@ -67461,7 +67534,7 @@ function getMeasurementContext() {
   return measurementCtx;
 }
 function getRunFontString(run2) {
-  if (run2.kind === "tab" || run2.kind === "lineBreak" || run2.kind === "break" || "src" in run2) {
+  if (run2.kind === "tab" || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" || "src" in run2) {
     return "normal normal 16px Arial";
   }
   const style2 = run2.italic ? "italic" : "normal";
@@ -67492,6 +67565,10 @@ function sliceRunsForLine$1(block, line) {
       result.push(run2);
       continue;
     }
+    if (run2.kind === "fieldAnnotation") {
+      result.push(run2);
+      continue;
+    }
     const text = run2.text ?? "";
     const isFirstRun = runIndex === line.fromRun;
     const isLastRun = runIndex === line.toRun;
@@ -67525,7 +67602,8 @@ function measureCharacterX(block, line, charOffset) {
       1,
       runs2.reduce((sum, run2) => {
         if (isTabRun$1(run2)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") return sum;
+        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation")
+          return sum;
         return sum + (run2.text ?? "").length;
       }, 0)
     );
@@ -67546,7 +67624,7 @@ function measureCharacterX(block, line, charOffset) {
       currentCharOffset += runLength2;
       continue;
     }
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     if (currentCharOffset + runLength >= charOffset) {
       const offsetInRun = charOffset - currentCharOffset;
@@ -67589,7 +67667,7 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
       if (isTabRun$1(run2)) {
         return segmentBaseX + (offsetInSegment > 0 ? segment.width ?? 0 : 0);
       }
-      if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") {
+      if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation") {
         return segmentBaseX + (offsetInSegment >= segmentChars ? segment.width ?? 0 : 0);
       }
       const text = run2.text ?? "";
@@ -67604,6 +67682,38 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
   }
   return line.width;
 }
+function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
+  if (!Number.isFinite(charOffset) || !Number.isFinite(fallbackPmStart)) {
+    console.warn("[charOffsetToPm] Invalid input:", { charOffset, fallbackPmStart });
+    return fallbackPmStart;
+  }
+  const safeCharOffset = Math.max(0, charOffset);
+  if (block.kind !== "paragraph") {
+    return fallbackPmStart + safeCharOffset;
+  }
+  const runs = sliceRunsForLine$1(block, line);
+  let cursor = 0;
+  let lastPm = fallbackPmStart;
+  for (const run2 of runs) {
+    const isTab = isTabRun$1(run2);
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
+    const runLength = isTab ? TAB_CHAR_LENGTH : text.length;
+    const runPmStart = typeof run2.pmStart === "number" ? run2.pmStart : null;
+    const runPmEnd = typeof run2.pmEnd === "number" ? run2.pmEnd : runPmStart != null ? runPmStart + runLength : null;
+    if (runPmStart != null) {
+      lastPm = runPmStart;
+    }
+    if (safeCharOffset <= cursor + runLength) {
+      const offsetInRun = Math.max(0, safeCharOffset - cursor);
+      return runPmStart != null ? runPmStart + Math.min(offsetInRun, runLength) : fallbackPmStart + safeCharOffset;
+    }
+    if (runPmEnd != null) {
+      lastPm = runPmEnd;
+    }
+    cursor += runLength;
+  }
+  return lastPm;
+}
 function findCharacterAtX(block, line, x2, pmStart) {
   const ctx2 = getMeasurementContext();
   if (!ctx2) {
@@ -67612,15 +67722,17 @@ function findCharacterAtX(block, line, x2, pmStart) {
       1,
       runs2.reduce((sum, run2) => {
         if (isTabRun$1(run2)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break") return sum;
+        if ("src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation")
+          return sum;
         return sum + (run2.text ?? "").length;
       }, 0)
     );
     const ratio = Math.max(0, Math.min(1, x2 / line.width));
     const charOffset = Math.round(ratio * charsInLine);
+    const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
     return {
       charOffset,
-      pmPosition: pmStart + charOffset
+      pmPosition: pmPosition2
     };
   }
   const runs = sliceRunsForLine$1(block, line);
@@ -67636,18 +67748,17 @@ function findCharacterAtX(block, line, x2, pmStart) {
         const midpoint = startX + tabWidth / 2;
         const offsetInRun = safeX < midpoint ? 0 : TAB_CHAR_LENGTH;
         const charOffset = currentCharOffset + offsetInRun;
-        const pmBase = run2.pmStart ?? pmStart + currentCharOffset;
-        const pmPosition = pmBase + offsetInRun;
+        const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
         return {
           charOffset,
-          pmPosition
+          pmPosition: pmPosition2
         };
       }
       currentX = endX;
       currentCharOffset += TAB_CHAR_LENGTH;
       continue;
     }
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     if (runLength === 0) continue;
     ctx2.font = getRunFontString(run2);
@@ -67657,9 +67768,10 @@ function findCharacterAtX(block, line, x2, pmStart) {
       const charX = currentX + measured2.width + computeLetterSpacingWidth(run2, i, runLength);
       if (charX >= safeX) {
         if (i === 0) {
+          const pmPosition3 = charOffsetToPm(block, line, currentCharOffset, pmStart);
           return {
             charOffset: currentCharOffset,
-            pmPosition: pmStart + currentCharOffset
+            pmPosition: pmPosition3
           };
         }
         const prevText = text.slice(0, i - 1);
@@ -67668,9 +67780,10 @@ function findCharacterAtX(block, line, x2, pmStart) {
         const distToPrev = Math.abs(safeX - prevX);
         const distToCurrent = Math.abs(safeX - charX);
         const charOffset = distToPrev < distToCurrent ? currentCharOffset + i - 1 : currentCharOffset + i;
+        const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
         return {
           charOffset,
-          pmPosition: pmStart + charOffset
+          pmPosition: pmPosition2
         };
       }
     }
@@ -67678,13 +67791,14 @@ function findCharacterAtX(block, line, x2, pmStart) {
     currentX += measured.width + computeLetterSpacingWidth(run2, runLength, runLength);
     currentCharOffset += runLength;
   }
+  const pmPosition = charOffsetToPm(block, line, currentCharOffset, pmStart);
   return {
     charOffset: currentCharOffset,
-    pmPosition: pmStart + currentCharOffset
+    pmPosition
   };
 }
 const computeLetterSpacingWidth = (run2, precedingChars, runLength) => {
-  if (isTabRun$1(run2) || "src" in run2 || !("letterSpacing" in run2) || !run2.letterSpacing) {
+  if (isTabRun$1(run2) || "src" in run2 || run2.kind === "fieldAnnotation" || !("letterSpacing" in run2) || !run2.letterSpacing) {
     return 0;
   }
   const maxGaps = Math.max(runLength - 1, 0);
@@ -67781,6 +67895,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;
 }
@@ -67846,7 +67971,82 @@ 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) => {
+      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 },
+    pageX: viewX,
+    pageY: viewY
+  });
+  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 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) => {
@@ -70793,7 +70993,7 @@ const hashRuns = (block) => {
       return `img:${srcHash}:${imgRun.width}x${imgRun.height}`;
     }
     const text = normalizeText(
-      "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? ""
+      "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? ""
     );
     const bold = "bold" in run2 ? run2.bold : false;
     const italic = "italic" in run2 ? run2.italic : false;
@@ -71452,6 +71652,88 @@ async function layoutHeaderFooterWithCache(sections, constraints, measureBlock2,
   }
   return result;
 }
+function findWordBoundaries(blocks, pos) {
+  const blockInfo = findBlockAtPosition(blocks, pos);
+  if (!blockInfo) return null;
+  const { block, localPos } = blockInfo;
+  if (block.kind !== "paragraph") return null;
+  const { text, pmStart } = extractBlockText(block);
+  if (text.length === 0) return null;
+  const clampedPos = Math.max(0, Math.min(localPos, text.length));
+  let wordStart = clampedPos;
+  while (wordStart > 0 && isWordChar(text[wordStart - 1])) {
+    wordStart--;
+  }
+  let wordEnd = clampedPos;
+  while (wordEnd < text.length && isWordChar(text[wordEnd])) {
+    wordEnd++;
+  }
+  if (wordStart === wordEnd) {
+    while (wordStart > 0 && isWhitespace(text[wordStart - 1])) {
+      wordStart--;
+    }
+    while (wordEnd < text.length && isWhitespace(text[wordEnd])) {
+      wordEnd++;
+    }
+    if (wordStart === wordEnd) {
+      return null;
+    }
+  }
+  return {
+    from: pmStart + wordStart,
+    to: pmStart + wordEnd
+  };
+}
+function findParagraphBoundaries(blocks, pos) {
+  const blockInfo = findBlockAtPosition(blocks, pos);
+  if (!blockInfo) return null;
+  const { block } = blockInfo;
+  if (block.kind === "paragraph") {
+    const { pmStart, pmEnd } = extractBlockText(block);
+    return { from: pmStart, to: pmEnd };
+  }
+  if (block.kind === "image") {
+    return { from: pos, to: pos + 1 };
+  }
+  return null;
+}
+function extractBlockText(block) {
+  if (block.kind !== "paragraph") {
+    return { text: "", pmStart: 0, pmEnd: 0 };
+  }
+  let text = "";
+  let pmStart = Infinity;
+  let pmEnd = 0;
+  for (const run2 of block.runs) {
+    text += "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text;
+    if (run2.pmStart !== void 0) {
+      pmStart = Math.min(pmStart, run2.pmStart);
+    }
+    if (run2.pmEnd !== void 0) {
+      pmEnd = Math.max(pmEnd, run2.pmEnd);
+    }
+  }
+  if (pmStart === Infinity) pmStart = 0;
+  if (pmEnd === 0 && text.length > 0) pmEnd = pmStart + text.length;
+  return { text, pmStart, pmEnd };
+}
+function findBlockAtPosition(blocks, pos) {
+  for (const block of blocks) {
+    if (block.kind === "paragraph") {
+      const { pmStart, pmEnd } = extractBlockText(block);
+      if (pos >= pmStart && pos <= pmEnd) {
+        return { block, localPos: pos - pmStart };
+      }
+    }
+  }
+  return null;
+}
+function isWordChar(char) {
+  return /[\p{L}\p{N}_]/u.test(char);
+}
+function isWhitespace(char) {
+  return /\s/.test(char);
+}
 let canvas = null;
 let ctx$1 = null;
 function getCtx() {
@@ -71473,7 +71755,7 @@ function fontString(run2) {
   return `${italic}${bold}${size2}px ${family}`.trim();
 }
 function runText(run2) {
-  return "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+  return "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
 }
 function measureRunSliceWidth(run2, fromChar, toChar) {
   const context = getCtx();
@@ -71635,7 +71917,7 @@ const paragraphBlocksEqual = (a, b2) => {
   for (let i = 0; i < a.runs.length; i += 1) {
     const runA = a.runs[i];
     const runB = b2.runs[i];
-    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
+    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" || runA.kind === "fieldAnnotation" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" || runB.kind === "fieldAnnotation" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
       return false;
     }
   }
@@ -71755,7 +72037,7 @@ function computeHeaderFooterContentHash(blocks) {
     parts.push(block.id);
     if (block.kind === "paragraph") {
       for (const run2 of block.runs) {
-        if (!("src" in run2) && run2.kind !== "lineBreak" && run2.kind !== "break") {
+        if (!("src" in run2) && run2.kind !== "lineBreak" && run2.kind !== "break" && run2.kind !== "fieldAnnotation") {
           parts.push(run2.text ?? "");
         }
         if ("bold" in run2 && run2.bold) parts.push("b");
@@ -72240,11 +72522,266 @@ var Priority = /* @__PURE__ */ ((Priority2) => {
   /** P3: Heavy debounce for full document layout */
   [Priority.P3]: 150
 });
+const DEFAULT_MIME_TYPE$1 = "application/x-field-annotation";
+const LEGACY_MIME_TYPE = "fieldAnnotation";
+function parseIntSafe(value) {
+  if (!value) return void 0;
+  const parsed = parseInt(value, 10);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function extractFieldAnnotationData(element) {
+  const dataset = element.dataset;
+  const attributes = {};
+  for (const key2 in dataset) {
+    const value = dataset[key2];
+    if (value !== void 0) {
+      attributes[key2] = value;
+    }
+  }
+  return {
+    fieldId: dataset.fieldId,
+    fieldType: dataset.fieldType,
+    variant: dataset.variant ?? dataset.type,
+    displayLabel: dataset.displayLabel,
+    pmStart: parseIntSafe(dataset.pmStart),
+    pmEnd: parseIntSafe(dataset.pmEnd),
+    attributes
+  };
+}
+class DragHandler {
+  /**
+   * Creates a new DragHandler instance.
+   *
+   * @param container - The DOM container element (typically .superdoc-layout)
+   * @param config - Configuration options and callbacks
+   */
+  constructor(container, config2 = {}) {
+    this.container = container;
+    this.config = config2;
+    this.mimeType = config2.mimeType ?? DEFAULT_MIME_TYPE$1;
+    this.boundHandlers = {
+      dragstart: this.handleDragStart.bind(this),
+      dragover: this.handleDragOver.bind(this),
+      drop: this.handleDrop.bind(this),
+      dragend: this.handleDragEnd.bind(this),
+      dragleave: this.handleDragLeave.bind(this)
+    };
+    this.windowDragoverHandler = this.handleWindowDragOver.bind(this);
+    this.windowDropHandler = this.handleWindowDrop.bind(this);
+    this.attachListeners();
+  }
+  /**
+   * Attaches event listeners to the container and window.
+   */
+  attachListeners() {
+    this.container.addEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.addEventListener("dragover", this.boundHandlers.dragover);
+    this.container.addEventListener("drop", this.boundHandlers.drop);
+    this.container.addEventListener("dragend", this.boundHandlers.dragend);
+    this.container.addEventListener("dragleave", this.boundHandlers.dragleave);
+    window.addEventListener("dragover", this.windowDragoverHandler, false);
+    window.addEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Removes event listeners from the container and window.
+   */
+  removeListeners() {
+    this.container.removeEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.removeEventListener("dragover", this.boundHandlers.dragover);
+    this.container.removeEventListener("drop", this.boundHandlers.drop);
+    this.container.removeEventListener("dragend", this.boundHandlers.dragend);
+    this.container.removeEventListener("dragleave", this.boundHandlers.dragleave);
+    window.removeEventListener("dragover", this.windowDragoverHandler, false);
+    window.removeEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Handles dragover at window level to allow drops on overlay elements.
+   * This ensures preventDefault is called even when dragging over selection
+   * highlights or other UI elements that sit on top of the layout content.
+   */
+  handleWindowDragOver(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.config.onDragOver?.({
+          event,
+          clientX: event.clientX,
+          clientY: event.clientY,
+          hasFieldAnnotation: true
+        });
+      }
+    }
+  }
+  /**
+   * Handles drop at window level to catch drops on overlay elements.
+   * If the drop target is outside the container, we process it here.
+   */
+  handleWindowDrop(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.handleDrop(event);
+      }
+    }
+  }
+  /**
+   * Handles the dragstart event.
+   * Sets up dataTransfer with field annotation data and drag image.
+   */
+  handleDragStart(event) {
+    const target = event.target;
+    if (!target?.dataset?.draggable || target.dataset.draggable !== "true") {
+      return;
+    }
+    const data = extractFieldAnnotationData(target);
+    if (event.dataTransfer) {
+      const jsonData = JSON.stringify({
+        attributes: data.attributes,
+        sourceField: data
+      });
+      event.dataTransfer.setData(this.mimeType, jsonData);
+      event.dataTransfer.setData(LEGACY_MIME_TYPE, jsonData);
+      event.dataTransfer.setData("text/plain", data.displayLabel ?? "Field Annotation");
+      event.dataTransfer.setDragImage(target, 0, 0);
+      event.dataTransfer.effectAllowed = "move";
+    }
+    this.config.onDragStart?.({
+      event,
+      element: target,
+      data
+    });
+  }
+  /**
+   * Handles the dragover event.
+   * Provides visual feedback and determines if drop is allowed.
+   */
+  handleDragOver(event) {
+    const hasFieldAnnotation = this.hasFieldAnnotationData(event);
+    if (hasFieldAnnotation) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      this.container.classList.add("drag-over");
+    }
+    this.config.onDragOver?.({
+      event,
+      clientX: event.clientX,
+      clientY: event.clientY,
+      hasFieldAnnotation
+    });
+  }
+  /**
+   * Handles the dragleave event.
+   * Removes visual feedback when drag leaves the container.
+   */
+  handleDragLeave(event) {
+    const relatedTarget = event.relatedTarget;
+    if (!relatedTarget || !this.container.contains(relatedTarget)) {
+      this.container.classList.remove("drag-over");
+    }
+  }
+  /**
+   * Handles the drop event.
+   * Maps drop coordinates to ProseMirror position and emits drop event.
+   */
+  handleDrop(event) {
+    this.container.classList.remove("drag-over");
+    if (!this.hasFieldAnnotationData(event)) {
+      return;
+    }
+    event.preventDefault();
+    const data = this.extractDragData(event);
+    if (!data) {
+      return;
+    }
+    const pmPosition = clickToPositionDom(this.container, event.clientX, event.clientY);
+    this.config.onDrop?.({
+      event,
+      data,
+      pmPosition,
+      clientX: event.clientX,
+      clientY: event.clientY
+    });
+  }
+  /**
+   * Handles the dragend event.
+   * Cleans up drag state.
+   */
+  handleDragEnd(event) {
+    this.container.classList.remove("drag-over");
+    this.config.onDragEnd?.(event);
+  }
+  /**
+   * Checks if a drag event contains field annotation data.
+   */
+  hasFieldAnnotationData(event) {
+    if (!event.dataTransfer) {
+      return false;
+    }
+    const types2 = event.dataTransfer.types;
+    return types2.includes(this.mimeType) || types2.includes(LEGACY_MIME_TYPE);
+  }
+  /**
+   * Extracts field annotation data from a drag event's dataTransfer.
+   */
+  extractDragData(event) {
+    if (!event.dataTransfer) {
+      return null;
+    }
+    let jsonData = event.dataTransfer.getData(this.mimeType);
+    if (!jsonData) {
+      jsonData = event.dataTransfer.getData(LEGACY_MIME_TYPE);
+    }
+    if (!jsonData) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(jsonData);
+      return parsed.sourceField ?? parsed.attributes ?? parsed;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Updates the configuration options.
+   *
+   * @param config - New configuration options to merge
+   */
+  updateConfig(config2) {
+    this.config = { ...this.config, ...config2 };
+    if (config2.mimeType) {
+      this.mimeType = config2.mimeType;
+    }
+  }
+  /**
+   * Destroys the drag handler and removes all event listeners.
+   * Call this when the layout engine is unmounted or the container is removed.
+   */
+  destroy() {
+    this.removeListeners();
+    this.container.classList.remove("drag-over");
+  }
+}
+function createDragHandler(container, config2 = {}) {
+  const handler2 = new DragHandler(container, config2);
+  return () => handler2.destroy();
+}
 const isAtomicFragment = (fragment) => {
   return fragment.kind === "drawing" || fragment.kind === "image";
 };
 const logClickStage = (_level, _stage, _payload) => {
 };
+const logPositionDebug = (payload) => {
+  return;
+};
+const logSelectionMapDebug = (payload) => {
+  return;
+};
 const blockPmRangeFromAttrs = (block) => {
   const attrs = block?.attrs;
   const pmStart = typeof attrs?.pmStart === "number" ? attrs.pmStart : void 0;
@@ -72514,6 +73051,10 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
       return null;
     }
     const column = determineColumn(layout, fragment.x);
+    logPositionDebug({
+      blockId: fragment.blockId,
+      x: pageRelativePoint.x - fragment.x
+    });
     logClickStage("log", "success", {
       blockId: fragment.blockId
     });
@@ -72622,10 +73163,13 @@ function selectionToRects(layout, blocks, measures, from2, to) {
           const sliceFrom = Math.max(range2.pmStart, from2);
           const sliceTo = Math.min(range2.pmEnd, to);
           if (sliceFrom >= sliceTo) return;
-          const x1 = mapPmToX(block, line, sliceFrom - range2.pmStart, fragment.width);
-          const x2 = mapPmToX(block, line, sliceTo - range2.pmStart, fragment.width);
-          const rectX = fragment.x + Math.min(x1, x2);
-          const rectWidth = Math.max(1, Math.abs(x2 - x1));
+          const charOffsetFrom = pmPosToCharOffset(block, line, sliceFrom);
+          const charOffsetTo = pmPosToCharOffset(block, line, sliceTo);
+          const startX = mapPmToX(block, line, charOffsetFrom, fragment.width);
+          const endX = mapPmToX(block, line, charOffsetTo, fragment.width);
+          const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
+          const rectX = fragment.x + markerWidth + Math.min(startX, endX);
+          const rectWidth = Math.max(1, Math.abs(endX - startX));
           const lineOffset = lineHeightBeforeIndex(measure, index2) - lineHeightBeforeIndex(measure, fragment.fromLine);
           const rectY = fragment.y + lineOffset;
           rects.push({
@@ -72765,7 +73309,7 @@ function computeLinePmRange$1(block, line) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run2 = block.runs[runIndex];
     if (!run2) continue;
-    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
     const runLength = text.length;
     const runPmStart = run2.pmStart ?? null;
     const runPmEnd = run2.pmEnd ?? (runPmStart != null ? runPmStart + runLength : null);
@@ -72783,6 +73327,57 @@ function computeLinePmRange$1(block, line) {
   }
   return { pmStart, pmEnd };
 }
+function pmPosToCharOffset(block, line, pmPos) {
+  if (block.kind !== "paragraph") return 0;
+  let charOffset = 0;
+  for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
+    const run2 = block.runs[runIndex];
+    if (!run2) continue;
+    const text = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
+    const runTextLength = text.length;
+    const runPmStart = run2.pmStart ?? null;
+    const runPmEnd = run2.pmEnd ?? (runPmStart != null ? runPmStart + runTextLength : null);
+    if (runPmStart == null || runPmEnd == null || runTextLength === 0) continue;
+    const isFirstRun = runIndex === line.fromRun;
+    const isLastRun = runIndex === line.toRun;
+    const lineStartChar = isFirstRun ? line.fromChar : 0;
+    const lineEndChar = isLastRun ? line.toChar : runTextLength;
+    const runSliceCharCount = lineEndChar - lineStartChar;
+    const runPmRange = runPmEnd - runPmStart;
+    const runSlicePmStart = runPmStart + lineStartChar / runTextLength * runPmRange;
+    const runSlicePmEnd = runPmStart + lineEndChar / runTextLength * runPmRange;
+    if (pmPos >= runSlicePmStart && pmPos <= runSlicePmEnd) {
+      const runSlicePmRange = runSlicePmEnd - runSlicePmStart;
+      if (runSlicePmRange > 0) {
+        const pmOffsetInSlice = pmPos - runSlicePmStart;
+        const charOffsetInSlice = Math.round(pmOffsetInSlice / runSlicePmRange * runSliceCharCount);
+        const result = charOffset + Math.min(charOffsetInSlice, runSliceCharCount);
+        const runText2 = text;
+        const offsetInRun = result - charOffset - (isFirstRun ? 0 : 0);
+        logSelectionMapDebug({
+          blockId: block.id,
+          lineFromRun: line.fromRun,
+          lineToRun: line.toRun,
+          runTextPreview: runText2.slice(Math.max(0, offsetInRun - 10), Math.min(runText2.length, offsetInRun + 10))
+        });
+        return result;
+      }
+      logSelectionMapDebug({
+        blockId: block.id
+      });
+      return charOffset;
+    }
+    if (pmPos > runSlicePmEnd) {
+      charOffset += runSliceCharCount;
+    }
+  }
+  logSelectionMapDebug({
+    blockId: block.id,
+    lineFromRun: line.fromRun,
+    lineToRun: line.toRun
+  });
+  return charOffset;
+}
 const determineColumn = (layout, fragmentX) => {
   const columns = layout.columns;
   if (!columns || columns.count <= 1) return 0;
@@ -72827,8 +73422,8 @@ const mapPointToPm = (block, line, x2, isRTL) => {
   if (isRTL) {
     const charOffset = result.charOffset;
     const charsInLine = Math.max(1, line.toChar - line.fromChar);
-    const reversedOffset = charsInLine - charOffset;
-    return range2.pmStart + reversedOffset;
+    const reversedOffset = Math.max(0, Math.min(charsInLine, charsInLine - charOffset));
+    return charOffsetToPm(block, line, reversedOffset, range2.pmStart);
   }
   return result.pmPosition;
 };
@@ -75271,9 +75866,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");
@@ -75298,6 +76111,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",
@@ -75627,6 +76456,50 @@ const renderTableRow = (deps) => {
     container.appendChild(cellElement);
   }
 };
+function isStructuredContentMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
+}
+function isDocumentSectionMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "documentSection";
+}
+function getSdtContainerConfig(sdt) {
+  if (isDocumentSectionMetadata(sdt)) {
+    return {
+      className: "superdoc-document-section",
+      labelText: sdt.title ?? "Document section",
+      labelClassName: "superdoc-document-section__tooltip",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  if (isStructuredContentMetadata(sdt) && sdt.scope === "block") {
+    return {
+      className: "superdoc-structured-content-block",
+      labelText: sdt.alias ?? "Structured content",
+      labelClassName: "superdoc-structured-content__label",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  return null;
+}
+function applySdtContainerStyling(doc2, container, sdt, containerSdt) {
+  let config2 = getSdtContainerConfig(sdt);
+  if (!config2 && containerSdt) {
+    config2 = getSdtContainerConfig(containerSdt);
+  }
+  if (!config2) return;
+  container.classList.add(config2.className);
+  container.dataset.sdtContainerStart = String(config2.isStart);
+  container.dataset.sdtContainerEnd = String(config2.isEnd);
+  container.style.overflow = "visible";
+  const labelEl = doc2.createElement("div");
+  labelEl.className = config2.labelClassName;
+  const labelText = doc2.createElement("span");
+  labelText.textContent = config2.labelText;
+  labelEl.appendChild(labelText);
+  container.appendChild(labelEl);
+}
 const renderTableFragment = (deps) => {
   const { doc: doc2, fragment, blockLookup, context, renderLine, applyFragmentFrame, applySdtDataset, applyStyles: applyStyles2 } = deps;
   if (!doc2) {
@@ -75663,6 +76536,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;
@@ -76129,6 +77003,8 @@ const _DomPainter = class _DomPainter2 {
     ensurePrintStyles(doc2);
     ensureLinkStyles(doc2);
     ensureTrackChangeStyles(doc2);
+    ensureFieldAnnotationStyles(doc2);
+    ensureSdtContainerStyles(doc2);
     mount2.classList.add(CLASS_NAMES.container);
     if (this.mount && this.mount !== mount2) {
       this.resetState();
@@ -76651,7 +77527,8 @@ const _DomPainter = class _DomPainter2 {
       fragmentEl.classList.add(CLASS_NAMES.fragment);
       const isTocEntry = block.attrs?.isTocEntry;
       const hasMarker = !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
-      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
+      const hasSdtContainer = block.attrs?.sdt?.type === "documentSection" || block.attrs?.sdt?.type === "structuredContent" || block.attrs?.containerSdt?.type === "documentSection" || block.attrs?.containerSdt?.type === "structuredContent";
+      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker || hasSdtContainer ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
       applyStyles$2(fragmentEl, styles);
       this.applyFragmentFrame(fragmentEl, fragment, context.section);
       if (isTocEntry) {
@@ -76671,6 +77548,7 @@ const _DomPainter = class _DomPainter2 {
       }
       this.applySdtDataset(fragmentEl, block.attrs?.sdt);
       this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
+      applySdtContainerStyling(this.doc, fragmentEl, block.attrs?.sdt, block.attrs?.containerSdt);
       const dropCapDescriptor = block.attrs?.dropCapDescriptor;
       const dropCapMeasure = measure.dropCap;
       if (dropCapDescriptor && dropCapMeasure && !fragment.continuesFromPrev) {
@@ -76685,8 +77563,22 @@ const _DomPainter = class _DomPainter2 {
       const paraIndentRight = paraIndent?.right ?? 0;
       const suppressFirstLineIndent = block.attrs?.suppressFirstLineIndent === true;
       const firstLineOffset = suppressFirstLineIndent ? 0 : (paraIndent?.firstLine ?? 0) - (paraIndent?.hanging ?? 0);
+      const isListParagraph = !!(fragment.markerWidth && wordLayout?.marker);
+      const lastRun = block.runs.length > 0 ? block.runs[block.runs.length - 1] : null;
+      const paragraphEndsWithLineBreak = lastRun?.kind === "lineBreak";
       lines.forEach((line, index2) => {
-        const lineEl = this.renderLine(block, line, context);
+        const availableWidthOverride = Math.max(0, fragment.width - (paraIndentLeft + paraIndentRight));
+        const isLastLineOfFragment = index2 === lines.length - 1;
+        const isLastLineOfParagraph = isLastLineOfFragment && !fragment.continuesOnNext;
+        const shouldSkipJustifyForLastLine = isLastLineOfParagraph && !paragraphEndsWithLineBreak;
+        const lineEl = this.renderLine(
+          block,
+          line,
+          context,
+          availableWidthOverride,
+          fragment.fromLine + index2,
+          isListParagraph || shouldSkipJustifyForLastLine
+        );
         const isListFirstLine = index2 === 0 && !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
         const hasExplicitSegmentPositioning = line.segments?.some((seg) => seg.x !== void 0);
         const isFirstLine = index2 === 0 && !fragment.continuesFromPrev;
@@ -76875,6 +77767,7 @@ const _DomPainter = class _DomPainter2 {
       fragmentEl.dataset.itemId = fragment.itemId;
       const paragraphMetadata = item.paragraph.attrs?.sdt;
       this.applySdtDataset(fragmentEl, paragraphMetadata);
+      applySdtContainerStyling(this.doc, fragmentEl, paragraphMetadata, item.paragraph.attrs?.containerSdt);
       if (fragment.continuesFromPrev) {
         fragmentEl.dataset.continuesFromPrev = "true";
       }
@@ -76915,8 +77808,13 @@ const _DomPainter = class _DomPainter2 {
       const lines = itemMeasure.paragraph.lines.slice(fragment.fromLine, fragment.toLine);
       const contentAttrs = wordLayout ? item.paragraph.attrs : stripListIndent(item.paragraph.attrs);
       applyParagraphBlockStyles(contentEl, contentAttrs);
-      lines.forEach((line) => {
-        const lineEl = this.renderLine(item.paragraph, line, context);
+      contentEl.style.textAlign = "left";
+      const paraForList = {
+        ...item.paragraph,
+        attrs: { ...item.paragraph.attrs || {}, alignment: "left" }
+      };
+      lines.forEach((line, idx) => {
+        const lineEl = this.renderLine(paraForList, line, context, fragment.width, fragment.fromLine + idx, true);
         contentEl.appendChild(lineEl);
       });
       fragmentEl.appendChild(contentEl);
@@ -77438,12 +78336,15 @@ const _DomPainter = class _DomPainter2 {
     const applyFragmentFrameWithSection = (el, frag) => {
       this.applyFragmentFrame(el, frag, context.section);
     };
+    const renderLineForTableCell = (block, line, ctx2) => {
+      return this.renderLine(block, line, ctx2, void 0, void 0, true);
+    };
     return renderTableFragment({
       doc: this.doc,
       fragment,
       context,
       blockLookup: this.blockLookup,
-      renderLine: this.renderLine.bind(this),
+      renderLine: renderLineForTableCell,
       applyFragmentFrame: applyFragmentFrameWithSection,
       applySdtDataset: this.applySdtDataset.bind(this),
       applyStyles: applyStyles$2
@@ -77638,10 +78539,19 @@ const _DomPainter = class _DomPainter2 {
   isBreakRun(run2) {
     return run2.kind === "break";
   }
+  /**
+   * Type guard to check if a run is a field annotation run.
+   */
+  isFieldAnnotationRun(run2) {
+    return run2.kind === "fieldAnnotation";
+  }
   renderRun(run2, context, trackedConfig) {
     if (this.isImageRun(run2)) {
       return this.renderImageRun(run2);
     }
+    if (this.isFieldAnnotationRun(run2)) {
+      return this.renderFieldAnnotationRun(run2);
+    }
     if (this.isLineBreakRun(run2)) {
       return null;
     }
@@ -77778,7 +78688,212 @@ const _DomPainter = class _DomPainter2 {
     }
     return img;
   }
-  renderLine(block, line, context) {
+  /**
+   * Renders a FieldAnnotationRun as an inline "pill" element matching super-editor's visual appearance.
+   *
+   * Field annotations are styled inline elements that display form fields with:
+   * - Outer span with border, border-radius, padding, and background color
+   * - Inner span containing the displayLabel or type-specific content (image, link, etc.)
+   *
+   * @param run - The FieldAnnotationRun to render containing field configuration and styling
+   * @returns HTMLElement (span) or null if document is not available
+   *
+   * @example
+   * ```typescript
+   * // Text variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'text', displayLabel: 'Full Name', fieldColor: '#980043' })
+   * // Returns: <span class="annotation" style="border: 2px solid #b015b3; ..."><span class="annotation-content">Full Name</span></span>
+   *
+   * // Image variant with imageSrc
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'image', displayLabel: 'Photo', imageSrc: 'data:image/png;...' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><img src="..." /></span></span>
+   *
+   * // Link variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'link', displayLabel: 'Website', linkUrl: 'https://example.com' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><a href="...">https://example.com</a></span></span>
+   * ```
+   */
+  renderFieldAnnotationRun(run2) {
+    if (!this.doc) {
+      return null;
+    }
+    if (run2.hidden) {
+      const hidden = this.doc.createElement("span");
+      hidden.style.display = "none";
+      if (run2.pmStart != null) hidden.dataset.pmStart = String(run2.pmStart);
+      if (run2.pmEnd != null) hidden.dataset.pmEnd = String(run2.pmEnd);
+      return hidden;
+    }
+    const defaultBorderColor = "#b015b3";
+    const defaultFieldColor = "#980043";
+    const annotation = this.doc.createElement("span");
+    annotation.classList.add("annotation");
+    annotation.setAttribute("aria-label", "Field annotation");
+    const showHighlight = run2.highlighted !== false;
+    if (showHighlight) {
+      const borderColor = run2.borderColor || defaultBorderColor;
+      annotation.style.border = `2px solid ${borderColor}`;
+      annotation.style.borderRadius = "2px";
+      annotation.style.padding = "1px 2px";
+      annotation.style.boxSizing = "border-box";
+      const fieldColor = run2.fieldColor || defaultFieldColor;
+      const bgColor = fieldColor.length === 7 ? `${fieldColor}33` : fieldColor;
+      if (run2.textHighlight) {
+        annotation.style.backgroundColor = run2.textHighlight;
+      } else {
+        annotation.style.backgroundColor = bgColor;
+      }
+    }
+    if (run2.visibility === "hidden") {
+      annotation.style.visibility = "hidden";
+    }
+    if (run2.size) {
+      if (run2.size.width) {
+        annotation.style.width = `${run2.size.width}px`;
+        annotation.style.display = "inline-block";
+        annotation.style.overflow = "hidden";
+      }
+      if (run2.size.height) {
+        annotation.style.height = `${run2.size.height}px`;
+      }
+    }
+    if (run2.fontFamily) {
+      annotation.style.fontFamily = run2.fontFamily;
+    }
+    if (run2.fontSize) {
+      const fontSize2 = typeof run2.fontSize === "number" ? `${run2.fontSize}pt` : run2.fontSize;
+      annotation.style.fontSize = fontSize2;
+    }
+    if (run2.textColor) {
+      annotation.style.color = run2.textColor;
+    }
+    if (run2.bold) {
+      annotation.style.fontWeight = "bold";
+    }
+    if (run2.italic) {
+      annotation.style.fontStyle = "italic";
+    }
+    if (run2.underline) {
+      annotation.style.textDecoration = "underline";
+    }
+    annotation.style.zIndex = "1";
+    const content = this.doc.createElement("span");
+    content.classList.add("annotation-content");
+    content.style.pointerEvents = "none";
+    content.setAttribute("contenteditable", "false");
+    switch (run2.variant) {
+      case "image":
+      case "signature": {
+        if (run2.imageSrc) {
+          const img = this.doc.createElement("img");
+          const isDataUrl = run2.imageSrc.startsWith("data:");
+          if (isDataUrl) {
+            if (run2.imageSrc.length <= MAX_DATA_URL_LENGTH && VALID_IMAGE_DATA_URL.test(run2.imageSrc)) {
+              img.src = run2.imageSrc;
+            } else {
+              content.textContent = run2.displayLabel;
+              break;
+            }
+          } else {
+            const sanitized = sanitizeHref(run2.imageSrc);
+            if (sanitized) {
+              img.src = sanitized.href;
+            } else {
+              content.textContent = run2.displayLabel;
+              break;
+            }
+          }
+          img.alt = run2.displayLabel;
+          img.style.height = "auto";
+          img.style.maxWidth = "100%";
+          img.style.pointerEvents = "none";
+          img.style.verticalAlign = "middle";
+          if (run2.variant === "signature") {
+            img.style.maxHeight = "28px";
+          }
+          content.appendChild(img);
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run2.displayLabel || (run2.variant === "signature" ? "Signature" : "");
+        }
+        break;
+      }
+      case "link": {
+        if (run2.linkUrl) {
+          const link = this.doc.createElement("a");
+          const sanitized = sanitizeHref(run2.linkUrl);
+          if (sanitized) {
+            link.href = sanitized.href;
+            link.target = "_blank";
+            link.rel = "noopener noreferrer";
+            link.textContent = run2.linkUrl;
+            link.style.textDecoration = "none";
+            content.style.pointerEvents = "all";
+            content.appendChild(link);
+          } else {
+            content.textContent = run2.displayLabel;
+          }
+        } else {
+          content.textContent = run2.displayLabel;
+        }
+        break;
+      }
+      case "html": {
+        if (run2.rawHtml && typeof run2.rawHtml === "string") {
+          content.textContent = run2.displayLabel;
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run2.displayLabel;
+        }
+        break;
+      }
+      case "text":
+      case "checkbox":
+      default: {
+        content.textContent = run2.displayLabel;
+        break;
+      }
+    }
+    annotation.appendChild(content);
+    annotation.dataset.type = run2.variant;
+    if (run2.fieldId) {
+      annotation.dataset.fieldId = run2.fieldId;
+    }
+    if (run2.fieldType) {
+      annotation.dataset.fieldType = run2.fieldType;
+    }
+    annotation.draggable = true;
+    annotation.dataset.draggable = "true";
+    if (run2.displayLabel) {
+      annotation.dataset.displayLabel = run2.displayLabel;
+    }
+    if (run2.variant) {
+      annotation.dataset.variant = run2.variant;
+    }
+    assertPmPositions(run2, "field annotation run");
+    if (run2.pmStart != null) {
+      annotation.dataset.pmStart = String(run2.pmStart);
+    }
+    if (run2.pmEnd != null) {
+      annotation.dataset.pmEnd = String(run2.pmEnd);
+    }
+    this.applySdtDataset(annotation, run2.sdt);
+    return annotation;
+  }
+  /**
+   * Renders a single line of a paragraph block.
+   *
+   * @param block - The paragraph block containing the line
+   * @param line - The line measurement data
+   * @param context - Rendering context with fragment information
+   * @param availableWidthOverride - Optional override for available width used in justification calculations
+   * @param lineIndex - Optional zero-based index of the line within the fragment
+   * @param skipJustify - When true, prevents justification even if alignment is 'justify'
+   * @returns The rendered line element
+   */
+  renderLine(block, line, context, availableWidthOverride, lineIndex, skipJustify) {
     if (!this.doc) {
       throw new Error("DomPainter: document is not available");
     }
@@ -77790,8 +78905,10 @@ const _DomPainter = class _DomPainter2 {
       el.setAttribute("styleid", styleId);
     }
     const alignment2 = block.attrs?.alignment;
-    if (alignment2 === "center" || alignment2 === "right" || alignment2 === "justify") {
-      el.style.textAlign = alignment2 === "justify" ? "justify" : alignment2;
+    if (alignment2 === "center" || alignment2 === "right") {
+      el.style.textAlign = alignment2;
+    } else if (alignment2 === "justify") {
+      el.style.textAlign = "left";
     } else {
       el.style.textAlign = "left";
     }
@@ -77804,6 +78921,7 @@ const _DomPainter = class _DomPainter2 {
     }
     const runsForLine = sliceRunsForLine(block, line);
     const trackedConfig = this.resolveTrackedChangesConfig(block);
+    const textSlices = runsForLine.length > 0 ? runsForLine.filter((r2) => (r2.kind === "text" || r2.kind === void 0) && "text" in r2 && r2.text != null).map((r2) => r2.text) : gatherTextSlicesForLine(block, line);
     if (runsForLine.length === 0) {
       const span = this.doc.createElement("span");
       span.innerHTML = "&nbsp;";
@@ -77850,6 +78968,19 @@ const _DomPainter = class _DomPainter2 {
       });
     }
     const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
+    const availableWidth = availableWidthOverride ?? line.maxWidth ?? line.width;
+    const shouldJustify = !skipJustify && alignment2 === "justify" && !hasExplicitPositioning;
+    if (shouldJustify) {
+      const spaceCount = textSlices.reduce(
+        (sum, s2) => sum + Array.from(s2).filter((ch) => ch === " " || ch === " ").length,
+        0
+      );
+      const slack = Math.max(0, availableWidth - line.width);
+      if (spaceCount > 0 && slack > 0) {
+        const extraPerSpace = slack / spaceCount;
+        el.style.wordSpacing = `${extraPerSpace}px`;
+      }
+    }
     if (hasExplicitPositioning && line.segments) {
       let cumulativeX = 0;
       const segmentsByRun = /* @__PURE__ */ new Map();
@@ -77928,6 +79059,22 @@ const _DomPainter = class _DomPainter2 {
         if (this.isBreakRun(baseRun)) {
           continue;
         }
+        if (this.isFieldAnnotationRun(baseRun)) {
+          const elem = this.renderRun(baseRun, context, trackedConfig);
+          if (elem) {
+            if (styleId) {
+              elem.setAttribute("styleid", styleId);
+            }
+            const runSegments2 = segmentsByRun.get(runIndex);
+            const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : 0) ?? 0;
+            elem.style.position = "absolute";
+            elem.style.left = `${segX}px`;
+            el.appendChild(elem);
+            cumulativeX = segX + segWidth;
+          }
+          continue;
+        }
         const runSegments = segmentsByRun.get(runIndex);
         if (!runSegments || runSegments.length === 0) {
           continue;
@@ -77973,7 +79120,22 @@ const _DomPainter = class _DomPainter2 {
         });
       }
     } else {
+      let currentInlineSdtWrapper = null;
+      let currentInlineSdtId = null;
+      const closeCurrentWrapper = () => {
+        if (currentInlineSdtWrapper) {
+          el.appendChild(currentInlineSdtWrapper);
+          currentInlineSdtWrapper = null;
+          currentInlineSdtId = null;
+        }
+      };
       runsForLine.forEach((run2) => {
+        const runSdt = run2.sdt;
+        const isInlineSdt = runSdt?.type === "structuredContent" && runSdt?.scope === "inline";
+        const runSdtId = isInlineSdt && runSdt?.id ? String(runSdt.id) : null;
+        if (runSdtId !== currentInlineSdtId) {
+          closeCurrentWrapper();
+        }
         if (run2.kind === "tab") {
           const tabEl = this.doc.createElement("span");
           tabEl.classList.add("superdoc-tab");
@@ -78001,9 +79163,37 @@ const _DomPainter = class _DomPainter2 {
           if (styleId) {
             elem.setAttribute("styleid", styleId);
           }
-          el.appendChild(elem);
+          if (isInlineSdt && runSdtId && this.doc) {
+            if (!currentInlineSdtWrapper) {
+              currentInlineSdtWrapper = this.doc.createElement("span");
+              currentInlineSdtWrapper.className = "superdoc-structured-content-inline";
+              currentInlineSdtId = runSdtId;
+              this.applySdtDataset(currentInlineSdtWrapper, runSdt);
+              const alias = runSdt?.alias || "Inline content";
+              const labelEl = this.doc.createElement("span");
+              labelEl.className = "superdoc-structured-content-inline__label";
+              labelEl.textContent = alias;
+              currentInlineSdtWrapper.appendChild(labelEl);
+            }
+            const wrapperPmStart = currentInlineSdtWrapper.dataset.pmStart;
+            const wrapperPmEnd = currentInlineSdtWrapper.dataset.pmEnd;
+            if (run2.pmStart != null) {
+              if (!wrapperPmStart || run2.pmStart < parseInt(wrapperPmStart, 10)) {
+                currentInlineSdtWrapper.dataset.pmStart = String(run2.pmStart);
+              }
+            }
+            if (run2.pmEnd != null) {
+              if (!wrapperPmEnd || run2.pmEnd > parseInt(wrapperPmEnd, 10)) {
+                currentInlineSdtWrapper.dataset.pmEnd = String(run2.pmEnd);
+              }
+            }
+            currentInlineSdtWrapper.appendChild(elem);
+          } else {
+            el.appendChild(elem);
+          }
         }
       });
+      closeCurrentWrapper();
     }
     const anchors = el.querySelectorAll("a[href]");
     anchors.forEach((anchor) => {
@@ -78511,7 +79701,7 @@ const deriveBlockVersion = (block) => {
   return block.id;
 };
 const applyRunStyles = (element, run2, _isLink = false) => {
-  if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "break") {
+  if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation") {
     return;
   }
   element.style.fontFamily = run2.fontFamily;
@@ -78633,6 +79823,23 @@ const applyParagraphShadingStyles = (element, shading) => {
   if (!shading?.fill) return;
   element.style.backgroundColor = shading.fill;
 };
+const gatherTextSlicesForLine = (block, line) => {
+  const slices = [];
+  const startRun = line.fromRun ?? 0;
+  const endRun = line.toRun ?? startRun;
+  for (let runIndex = startRun; runIndex <= endRun; runIndex += 1) {
+    const run2 = block.runs[runIndex];
+    if (!run2 || run2.kind !== "text" && run2.kind !== void 0 || !("text" in run2) || !run2.text) continue;
+    const isFirst = runIndex === startRun;
+    const isLast = runIndex === endRun;
+    const start2 = isFirst ? line.fromChar ?? 0 : 0;
+    const end2 = isLast ? line.toChar ?? run2.text.length : run2.text.length;
+    if (start2 >= end2) continue;
+    const slice2 = run2.text.slice(start2, end2);
+    if (slice2) slices.push(slice2);
+  }
+  return slices;
+};
 const sliceRunsForLine = (block, line) => {
   const result = [];
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
@@ -78654,6 +79861,10 @@ const sliceRunsForLine = (block, line) => {
       result.push(run2);
       continue;
     }
+    if (run2.kind === "fieldAnnotation") {
+      result.push(run2);
+      continue;
+    }
     if (!("text" in run2)) {
       continue;
     }
@@ -78969,6 +80180,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) {
@@ -79048,6 +80263,9 @@ function isImageRun(run2) {
 function isLineBreakRun(run2) {
   return run2.kind === "lineBreak";
 }
+function isFieldAnnotationRun(run2) {
+  return run2.kind === "fieldAnnotation";
+}
 async function measureBlock(block, constraints) {
   const normalized = normalizeConstraints(constraints);
   if (block.kind === "drawing") {
@@ -79414,6 +80632,92 @@ async function measureParagraphBlock(block, maxWidth) {
       lastAppliedTabAlign = null;
       continue;
     }
+    if (isFieldAnnotationRun(run2)) {
+      const displayText = run2.displayLabel || "";
+      const annotationFontSize = typeof run2.fontSize === "number" ? run2.fontSize : typeof run2.fontSize === "string" ? parseFloat(run2.fontSize) || DEFAULT_FIELD_ANNOTATION_FONT_SIZE : DEFAULT_FIELD_ANNOTATION_FONT_SIZE;
+      const annotationFontFamily = run2.fontFamily || "Arial, sans-serif";
+      const fontWeight = run2.bold ? "bold" : "normal";
+      const fontStyle = run2.italic ? "italic" : "normal";
+      const annotationFont = `${fontStyle} ${fontWeight} ${annotationFontSize}px ${annotationFontFamily}`;
+      ctx2.font = annotationFont;
+      const textWidth = displayText ? ctx2.measureText(displayText).width : 0;
+      const annotationWidth = textWidth + FIELD_ANNOTATION_PILL_PADDING;
+      const annotationHeight = annotationFontSize * FIELD_ANNOTATION_LINE_HEIGHT_MULTIPLIER + FIELD_ANNOTATION_VERTICAL_PADDING;
+      let annotationStartX;
+      if (pendingTabAlignment && currentLine) {
+        annotationStartX = alignPendingTabForWidth(annotationWidth);
+      }
+      if (!currentLine) {
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          // Field annotations are atomic units
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(initialAvailableWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth,
+              ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+            }
+          ]
+        };
+        continue;
+      }
+      if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
+        const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+        const completedLine = {
+          ...currentLine,
+          ...metrics
+        };
+        addBarTabsToLine(completedLine);
+        lines.push(completedLine);
+        tabStopCursor = 0;
+        pendingTabAlignment = null;
+        lastAppliedTabAlign = null;
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(contentWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth
+            }
+          ]
+        };
+      } else {
+        currentLine.toRun = runIndex;
+        currentLine.toChar = 1;
+        currentLine.width = roundValue(currentLine.width + annotationWidth);
+        currentLine.maxFontSize = Math.max(currentLine.maxFontSize, annotationHeight);
+        if (!currentLine.segments) currentLine.segments = [];
+        currentLine.segments.push({
+          runIndex,
+          fromChar: 0,
+          toChar: 1,
+          width: annotationWidth,
+          ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+        });
+      }
+      const tabAlign = lastAppliedTabAlign;
+      if (tabAlign && currentLine && tabAlign.val === "end") {
+        currentLine.width = roundValue(tabAlign.target);
+      }
+      lastAppliedTabAlign = null;
+      continue;
+    }
     if (!("text" in run2) || !("fontSize" in run2)) {
       continue;
     }
@@ -81378,6 +82682,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;
@@ -81403,6 +82713,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateAdd$1(this, _layoutOptions);
     __privateAdd$1(this, _layoutState, { blocks: [], measures: [], layout: null });
     __privateAdd$1(this, _domPainter, null);
+    __privateAdd$1(this, _dragHandlerCleanup, null);
     __privateAdd$1(this, _layoutError, null);
     __privateAdd$1(this, _layoutErrorState, "healthy");
     __privateAdd$1(this, _errorBanner, null);
@@ -81446,6 +82757,9 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateAdd$1(this, _lastClickTime, 0);
     __privateAdd$1(this, _lastClickPosition, { x: 0, y: 0 });
     __privateAdd$1(this, _lastSelectedImageBlockId, null);
+    __privateAdd$1(this, _dragAnchor, null);
+    __privateAdd$1(this, _isDragging, false);
+    __privateAdd$1(this, _dragExtensionMode, "char");
     __privateAdd$1(this, _remoteCursorState, /* @__PURE__ */ new Map());
     __privateAdd$1(this, _remoteCursorDirty, false);
     __privateAdd$1(this, _remoteCursorOverlay, null);
@@ -81458,8 +82772,12 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (event.button !== 0) {
         return;
       }
+      const target = event.target;
+      const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
       if (!__privateGet$1(this, _layoutState).layout) {
-        event.preventDefault();
+        if (!isDraggableAnnotation) {
+          event.preventDefault();
+        }
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
         }
@@ -81468,10 +82786,10 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
           return;
         }
         const validPos = __privateMethod$1(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-        const doc22 = __privateGet$1(this, _editor3)?.state?.doc;
-        if (doc22) {
+        const doc222 = __privateGet$1(this, _editor3)?.state?.doc;
+        if (doc222) {
           try {
-            const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc22, validPos));
+            const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc222, validPos));
             __privateGet$1(this, _editor3).view?.dispatch(tr);
           } catch (error) {
             if (process$1$1.env.NODE_ENV === "development") {
@@ -81507,7 +82825,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (headerFooterRegion) {
         return;
       }
-      const hit = clickToPosition(
+      const rawHit = clickToPosition(
         __privateGet$1(this, _layoutState).layout,
         __privateGet$1(this, _layoutState).blocks,
         __privateGet$1(this, _layoutState).measures,
@@ -81516,7 +82834,11 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         event.clientX,
         event.clientY
       );
-      event.preventDefault();
+      const doc22 = __privateGet$1(this, _editor3).state?.doc;
+      const hit = rawHit && doc22 ? { ...rawHit, pos: Math.max(0, Math.min(rawHit.pos, doc22.content.size)) } : rawHit;
+      if (!isDraggableAnnotation) {
+        event.preventDefault();
+      }
       if (!hit) {
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
@@ -81524,10 +82846,10 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         const editorDom2 = __privateGet$1(this, _editor3).view?.dom;
         if (editorDom2) {
           const validPos = __privateMethod$1(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-          const doc22 = __privateGet$1(this, _editor3)?.state?.doc;
-          if (doc22) {
+          const doc222 = __privateGet$1(this, _editor3)?.state?.doc;
+          if (doc222) {
             try {
-              const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc22, validPos));
+              const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(doc222, validPos));
               __privateGet$1(this, _editor3).view?.dispatch(tr);
             } catch (error) {
               if (process$1$1.env.NODE_ENV === "development") {
@@ -81548,9 +82870,9 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         hit.pos
       );
       if (fragmentHit && (fragmentHit.fragment.kind === "image" || fragmentHit.fragment.kind === "drawing")) {
-        const doc22 = __privateGet$1(this, _editor3).state.doc;
+        const doc222 = __privateGet$1(this, _editor3).state.doc;
         try {
-          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(NodeSelection.create(doc22, hit.pos));
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(NodeSelection.create(doc222, hit.pos));
           __privateGet$1(this, _editor3).view?.dispatch(tr);
           if (__privateGet$1(this, _lastSelectedImageBlockId) && __privateGet$1(this, _lastSelectedImageBlockId) !== fragmentHit.fragment.blockId) {
             this.emit("imageDeselected", { blockId: __privateGet$1(this, _lastSelectedImageBlockId) });
@@ -81588,18 +82910,61 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         this.emit("imageDeselected", { blockId: __privateGet$1(this, _lastSelectedImageBlockId) });
         __privateSet(this, _lastSelectedImageBlockId, null);
       }
+      if (event.shiftKey && __privateGet$1(this, _editor3).state.selection.$anchor) {
+        const anchor = __privateGet$1(this, _editor3).state.selection.anchor;
+        const head = hit.pos;
+        const { selAnchor, selHead } = __privateMethod$1(this, _PresentationEditor_instances, calculateExtendedSelection_fn).call(this, anchor, head, __privateGet$1(this, _dragExtensionMode));
+        try {
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, selAnchor, selHead));
+          __privateGet$1(this, _editor3).view?.dispatch(tr);
+          __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        } catch (error) {
+          console.warn("[SELECTION] Failed to extend selection on shift+click:", {
+            error,
+            anchor,
+            head,
+            selAnchor,
+            selHead,
+            mode: __privateGet$1(this, _dragExtensionMode)
+          });
+        }
+        if (document.activeElement instanceof HTMLElement) {
+          document.activeElement.blur();
+        }
+        const editorDom2 = __privateGet$1(this, _editor3).view?.dom;
+        if (editorDom2) {
+          editorDom2.focus();
+          __privateGet$1(this, _editor3).view?.focus();
+        }
+        return;
+      }
       const clickDepth = __privateMethod$1(this, _PresentationEditor_instances, registerPointerClick_fn).call(this, event);
+      if (clickDepth === 1) {
+        __privateSet(this, _dragAnchor, hit.pos);
+      }
+      __privateSet(this, _isDragging, true);
+      if (clickDepth >= 3) {
+        __privateSet(this, _dragExtensionMode, "para");
+      } else if (clickDepth === 2) {
+        __privateSet(this, _dragExtensionMode, "word");
+      } else {
+        __privateSet(this, _dragExtensionMode, "char");
+      }
+      if (typeof __privateGet$1(this, _viewportHost).setPointerCapture === "function") {
+        __privateGet$1(this, _viewportHost).setPointerCapture(event.pointerId);
+      }
       let handledByDepth = false;
       if (__privateGet$1(this, _session).mode === "body") {
+        const selectionPos = clickDepth >= 2 && __privateGet$1(this, _dragAnchor) !== null ? __privateGet$1(this, _dragAnchor) : hit.pos;
         if (clickDepth >= 3) {
-          handledByDepth = __privateMethod$1(this, _PresentationEditor_instances, selectParagraphAt_fn).call(this, hit.pos);
+          handledByDepth = __privateMethod$1(this, _PresentationEditor_instances, selectParagraphAt_fn).call(this, selectionPos);
         } else if (clickDepth === 2) {
-          handledByDepth = __privateMethod$1(this, _PresentationEditor_instances, selectWordAt_fn).call(this, hit.pos);
+          handledByDepth = __privateMethod$1(this, _PresentationEditor_instances, selectWordAt_fn).call(this, selectionPos);
         }
       }
       if (!handledByDepth) {
-        const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, hit.pos));
         try {
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, hit.pos));
           __privateGet$1(this, _editor3).view?.dispatch(tr);
         } catch {
         }
@@ -81619,6 +82984,36 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (!__privateGet$1(this, _layoutState).layout) return;
       const normalized = __privateMethod$1(this, _PresentationEditor_instances, normalizeClientPoint_fn).call(this, event.clientX, event.clientY);
       if (!normalized) return;
+      if (__privateGet$1(this, _isDragging) && __privateGet$1(this, _dragAnchor) !== null && event.buttons & 1) {
+        const hit = clickToPosition(
+          __privateGet$1(this, _layoutState).layout,
+          __privateGet$1(this, _layoutState).blocks,
+          __privateGet$1(this, _layoutState).measures,
+          { x: normalized.x, y: normalized.y },
+          __privateGet$1(this, _viewportHost),
+          event.clientX,
+          event.clientY
+        );
+        if (!hit) return;
+        const anchor = __privateGet$1(this, _dragAnchor);
+        const head = hit.pos;
+        const { selAnchor, selHead } = __privateMethod$1(this, _PresentationEditor_instances, calculateExtendedSelection_fn).call(this, anchor, head, __privateGet$1(this, _dragExtensionMode));
+        try {
+          const tr = __privateGet$1(this, _editor3).state.tr.setSelection(TextSelection$1.create(__privateGet$1(this, _editor3).state.doc, selAnchor, selHead));
+          __privateGet$1(this, _editor3).view?.dispatch(tr);
+          __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        } catch (error) {
+          console.warn("[SELECTION] Failed to extend selection during drag:", {
+            error,
+            anchor,
+            head,
+            selAnchor,
+            selHead,
+            mode: __privateGet$1(this, _dragExtensionMode)
+          });
+        }
+        return;
+      }
       if (__privateGet$1(this, _session).mode !== "body") {
         __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
         return;
@@ -81637,6 +83032,97 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateAdd$1(this, _handlePointerLeave, () => {
       __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
     });
+    __privateAdd$1(this, _handlePointerUp, (event) => {
+      if (!__privateGet$1(this, _isDragging)) return;
+      if (typeof __privateGet$1(this, _viewportHost).hasPointerCapture === "function" && typeof __privateGet$1(this, _viewportHost).releasePointerCapture === "function" && __privateGet$1(this, _viewportHost).hasPointerCapture(event.pointerId)) {
+        __privateGet$1(this, _viewportHost).releasePointerCapture(event.pointerId);
+      }
+      __privateSet(this, _isDragging, false);
+    });
+    __privateAdd$1(this, _handleDragOver, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "copy";
+      }
+      const dt = event.dataTransfer;
+      const hasFieldAnnotation = dt?.types?.includes(FIELD_ANNOTATION_DATA_TYPE) || Boolean(dt?.getData?.(FIELD_ANNOTATION_DATA_TYPE));
+      if (!hasFieldAnnotation) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc22 = activeEditor.state?.doc;
+      if (!hit || !doc22) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc22.content.size);
+      const currentSelection = activeEditor.state.selection;
+      const isSameCursor = currentSelection instanceof TextSelection$1 && currentSelection.from === pos && currentSelection.to === pos;
+      if (isSameCursor) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection$1.create(doc22, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch (error) {
+        if (process$1$1.env.NODE_ENV === "development") {
+          console.debug("[PresentationEditor] Drag position update skipped:", error);
+        }
+      }
+    });
+    __privateAdd$1(this, _handleDrop, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      if (event.dataTransfer?.types?.includes("application/x-field-annotation")) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      const fieldAnnotationData = event.dataTransfer?.getData(FIELD_ANNOTATION_DATA_TYPE);
+      if (!fieldAnnotationData) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const selection = activeEditor.state?.selection;
+      const fallbackPos = selection?.from ?? activeEditor.state?.doc?.content.size ?? null;
+      const pos = hit?.pos ?? fallbackPos;
+      if (pos == null) {
+        return;
+      }
+      let parsedData = null;
+      try {
+        parsedData = JSON.parse(fieldAnnotationData);
+      } catch {
+        return;
+      }
+      const { attributes, sourceField } = parsedData ?? {};
+      activeEditor.emit?.("fieldAnnotationDropped", {
+        sourceField,
+        editor: activeEditor,
+        coordinates: hit,
+        pos
+      });
+      if (attributes && isValidFieldAnnotationAttributes(attributes)) {
+        activeEditor.commands?.addFieldAnnotation?.(pos, attributes, true);
+        const posAfter = Math.min(pos + 1, activeEditor.state?.doc?.content.size ?? pos + 1);
+        const tr = activeEditor.state?.tr.setSelection(TextSelection$1.create(activeEditor.state.doc, posAfter));
+        if (tr) {
+          activeEditor.view?.dispatch(tr);
+        }
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      }
+      const editorDom = activeEditor.view?.dom;
+      if (editorDom) {
+        editorDom.focus();
+        activeEditor.view?.focus();
+      }
+    });
     __privateAdd$1(this, _handleDoubleClick, (event) => {
       if (event.button !== 0) return;
       if (!__privateGet$1(this, _layoutState).layout) return;
@@ -81826,6 +83312,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       __privateMethod$1(this, _PresentationEditor_instances, applyZoom_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupEditorListeners_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupPointerHandlers_fn).call(this);
+      __privateMethod$1(this, _PresentationEditor_instances, setupDragHandlers_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, setupInputBridge_fn).call(this);
       __privateMethod$1(this, _PresentationEditor_instances, syncTrackedChangesPreferences_fn).call(this);
       if (options.documentId) {
@@ -82537,6 +84024,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
    * Safe to call during partial initialization.
    */
   destroy() {
+    var _a2;
     if (__privateGet$1(this, _rafHandle) != null) {
       __privateMethod$1(this, _PresentationEditor_instances, safeCleanup_fn).call(this, () => {
         const win = __privateGet$1(this, _visibleHost)?.ownerDocument?.defaultView ?? window;
@@ -82556,7 +84044,10 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointerdown", __privateGet$1(this, _handlePointerDown));
     __privateGet$1(this, _viewportHost)?.removeEventListener("dblclick", __privateGet$1(this, _handleDoubleClick));
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointermove", __privateGet$1(this, _handlePointerMove));
+    __privateGet$1(this, _viewportHost)?.removeEventListener("pointerup", __privateGet$1(this, _handlePointerUp));
     __privateGet$1(this, _viewportHost)?.removeEventListener("pointerleave", __privateGet$1(this, _handlePointerLeave));
+    __privateGet$1(this, _viewportHost)?.removeEventListener("dragover", __privateGet$1(this, _handleDragOver));
+    __privateGet$1(this, _viewportHost)?.removeEventListener("drop", __privateGet$1(this, _handleDrop));
     __privateGet$1(this, _visibleHost)?.removeEventListener("keydown", __privateGet$1(this, _handleKeyDown));
     __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
     __privateGet$1(this, _inputBridge)?.destroy();
@@ -82595,6 +84086,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateSet(this, _domPainter, null);
+    (_a2 = __privateGet$1(this, _dragHandlerCleanup)) == null ? void 0 : _a2.call(this);
+    __privateSet(this, _dragHandlerCleanup, null);
     __privateGet$1(this, _selectionOverlay2)?.remove();
     __privateGet$1(this, _painterHost)?.remove();
     __privateGet$1(this, _hiddenHost)?.remove();
@@ -82622,6 +84115,7 @@ _hiddenHost = /* @__PURE__ */ new WeakMap();
 _layoutOptions = /* @__PURE__ */ new WeakMap();
 _layoutState = /* @__PURE__ */ new WeakMap();
 _domPainter = /* @__PURE__ */ new WeakMap();
+_dragHandlerCleanup = /* @__PURE__ */ new WeakMap();
 _layoutError = /* @__PURE__ */ new WeakMap();
 _layoutErrorState = /* @__PURE__ */ new WeakMap();
 _errorBanner = /* @__PURE__ */ new WeakMap();
@@ -82665,6 +84159,9 @@ _clickCount = /* @__PURE__ */ new WeakMap();
 _lastClickTime = /* @__PURE__ */ new WeakMap();
 _lastClickPosition = /* @__PURE__ */ new WeakMap();
 _lastSelectedImageBlockId = /* @__PURE__ */ new WeakMap();
+_dragAnchor = /* @__PURE__ */ new WeakMap();
+_isDragging = /* @__PURE__ */ new WeakMap();
+_dragExtensionMode = /* @__PURE__ */ new WeakMap();
 _remoteCursorState = /* @__PURE__ */ new WeakMap();
 _remoteCursorDirty = /* @__PURE__ */ new WeakMap();
 _remoteCursorOverlay = /* @__PURE__ */ new WeakMap();
@@ -83000,9 +84497,101 @@ setupPointerHandlers_fn = function() {
   __privateGet$1(this, _viewportHost).addEventListener("pointerdown", __privateGet$1(this, _handlePointerDown));
   __privateGet$1(this, _viewportHost).addEventListener("dblclick", __privateGet$1(this, _handleDoubleClick));
   __privateGet$1(this, _viewportHost).addEventListener("pointermove", __privateGet$1(this, _handlePointerMove));
+  __privateGet$1(this, _viewportHost).addEventListener("pointerup", __privateGet$1(this, _handlePointerUp));
   __privateGet$1(this, _viewportHost).addEventListener("pointerleave", __privateGet$1(this, _handlePointerLeave));
+  __privateGet$1(this, _viewportHost).addEventListener("dragover", __privateGet$1(this, _handleDragOver));
+  __privateGet$1(this, _viewportHost).addEventListener("drop", __privateGet$1(this, _handleDrop));
   __privateGet$1(this, _visibleHost).addEventListener("keydown", __privateGet$1(this, _handleKeyDown));
 };
+setupDragHandlers_fn = function() {
+  var _a2;
+  (_a2 = __privateGet$1(this, _dragHandlerCleanup)) == null ? void 0 : _a2.call(this);
+  __privateSet(this, _dragHandlerCleanup, null);
+  __privateSet(this, _dragHandlerCleanup, createDragHandler(__privateGet$1(this, _painterHost), {
+    onDragOver: (event) => {
+      if (!event.hasFieldAnnotation || event.event.clientX === 0) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc2 = activeEditor.state?.doc;
+      if (!hit || !doc2) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc2.content.size);
+      const currentSelection = activeEditor.state.selection;
+      if (currentSelection instanceof TextSelection$1 && currentSelection.from === pos && currentSelection.to === pos) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection$1.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch {
+      }
+    },
+    onDrop: (event) => {
+      event.event.preventDefault();
+      event.event.stopPropagation();
+      if (event.pmPosition === null) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      const { state: state2, view } = activeEditor;
+      if (!state2 || !view) {
+        return;
+      }
+      const fieldId = event.data.fieldId;
+      if (fieldId) {
+        const targetPos = event.pmPosition;
+        let sourceStart = null;
+        let sourceEnd = null;
+        let sourceNode = null;
+        state2.doc.descendants((node, pos) => {
+          if (node.type.name === "fieldAnnotation" && node.attrs.fieldId === fieldId) {
+            sourceStart = pos;
+            sourceEnd = pos + node.nodeSize;
+            sourceNode = node;
+            return false;
+          }
+          return true;
+        });
+        if (sourceStart === null || sourceEnd === null || !sourceNode) {
+          return;
+        }
+        if (targetPos >= sourceStart && targetPos <= sourceEnd) {
+          return;
+        }
+        const tr = state2.tr;
+        tr.delete(sourceStart, sourceEnd);
+        const mappedTarget = tr.mapping.map(targetPos);
+        if (mappedTarget < 0 || mappedTarget > tr.doc.content.size) {
+          return;
+        }
+        tr.insert(mappedTarget, sourceNode);
+        tr.setMeta("uiEvent", "drop");
+        view.dispatch(tr);
+        return;
+      }
+      const attrs = event.data.attributes;
+      if (attrs && isValidFieldAnnotationAttributes(attrs)) {
+        const inserted = activeEditor.commands?.addFieldAnnotation?.(event.pmPosition, attrs, true);
+        if (inserted) {
+          __privateMethod$1(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        }
+        return;
+      }
+      activeEditor.emit("fieldAnnotationDropped", {
+        sourceField: event.data,
+        editor: activeEditor,
+        coordinates: { pos: event.pmPosition }
+      });
+    }
+  }));
+};
 setupInputBridge_fn = function() {
   __privateGet$1(this, _inputBridge)?.destroy();
   const win = __privateGet$1(this, _visibleHost).ownerDocument?.defaultView ?? window;
@@ -83079,8 +84668,11 @@ getFirstTextPosition_fn = function() {
 registerPointerClick_fn = function(event) {
   const MAX_CLICK_COUNT = 3;
   const time2 = event.timeStamp ?? performance.now();
-  const withinTime = time2 - __privateGet$1(this, _lastClickTime) <= MULTI_CLICK_TIME_THRESHOLD_MS;
-  const withinDistance = Math.abs(event.clientX - __privateGet$1(this, _lastClickPosition).x) <= MULTI_CLICK_DISTANCE_THRESHOLD_PX && Math.abs(event.clientY - __privateGet$1(this, _lastClickPosition).y) <= MULTI_CLICK_DISTANCE_THRESHOLD_PX;
+  const timeDelta = time2 - __privateGet$1(this, _lastClickTime);
+  const withinTime = timeDelta <= MULTI_CLICK_TIME_THRESHOLD_MS;
+  const distanceX = Math.abs(event.clientX - __privateGet$1(this, _lastClickPosition).x);
+  const distanceY = Math.abs(event.clientY - __privateGet$1(this, _lastClickPosition).y);
+  const withinDistance = distanceX <= MULTI_CLICK_DISTANCE_THRESHOLD_PX && distanceY <= MULTI_CLICK_DISTANCE_THRESHOLD_PX;
   if (withinTime && withinDistance) {
     __privateSet(this, _clickCount, Math.min(__privateGet$1(this, _clickCount) + 1, MAX_CLICK_COUNT));
   } else {
@@ -83095,6 +84687,9 @@ selectWordAt_fn = function(pos) {
   if (!state2?.doc) {
     return false;
   }
+  if (pos < 0 || pos > state2.doc.content.size) {
+    return false;
+  }
   const $pos = state2.doc.resolve(pos);
   let textblockPos = $pos;
   while (textblockPos.depth > 0) {
@@ -83181,6 +84776,30 @@ selectParagraphAt_fn = function(pos) {
     return false;
   }
 };
+calculateExtendedSelection_fn = function(anchor, head, mode) {
+  if (mode === "word") {
+    const anchorBounds = findWordBoundaries(__privateGet$1(this, _layoutState).blocks, anchor);
+    const headBounds = findWordBoundaries(__privateGet$1(this, _layoutState).blocks, head);
+    if (anchorBounds && headBounds) {
+      if (head >= anchor) {
+        return { selAnchor: anchorBounds.from, selHead: headBounds.to };
+      } else {
+        return { selAnchor: anchorBounds.to, selHead: headBounds.from };
+      }
+    }
+  } else if (mode === "para") {
+    const anchorBounds = findParagraphBoundaries(__privateGet$1(this, _layoutState).blocks, anchor);
+    const headBounds = findParagraphBoundaries(__privateGet$1(this, _layoutState).blocks, head);
+    if (anchorBounds && headBounds) {
+      if (head >= anchor) {
+        return { selAnchor: anchorBounds.from, selHead: headBounds.to };
+      } else {
+        return { selAnchor: anchorBounds.to, selHead: headBounds.from };
+      }
+    }
+  }
+  return { selAnchor: anchor, selHead: head };
+};
 isWordCharacter_fn = function(char) {
   if (!char) {
     return false;
@@ -83189,6 +84808,9 @@ isWordCharacter_fn = function(char) {
 };
 _handlePointerMove = /* @__PURE__ */ new WeakMap();
 _handlePointerLeave = /* @__PURE__ */ new WeakMap();
+_handlePointerUp = /* @__PURE__ */ new WeakMap();
+_handleDragOver = /* @__PURE__ */ new WeakMap();
+_handleDrop = /* @__PURE__ */ new WeakMap();
 _handleDoubleClick = /* @__PURE__ */ new WeakMap();
 _handleKeyDown = /* @__PURE__ */ new WeakMap();
 focusHeaderFooterShortcut_fn = function(kind) {
@@ -84361,10 +85983,12 @@ convertPageLocalToOverlayCoords_fn = function(pageIndex, pageLocalX, pageLocalY)
   }
   const pageRect = pageEl.getBoundingClientRect();
   const overlayRect = __privateGet$1(this, _selectionOverlay2).getBoundingClientRect();
-  const zoom = __privateGet$1(this, _layoutOptions).zoom ?? 1;
+  const layoutPageSize = __privateGet$1(this, _layoutState).layout?.pageSize;
+  const scaleX = layoutPageSize && typeof layoutPageSize.w === "number" && layoutPageSize.w > 0 ? pageRect.width / layoutPageSize.w : 1;
+  const scaleY = layoutPageSize && typeof layoutPageSize.h === "number" && layoutPageSize.h > 0 ? pageRect.height / layoutPageSize.h : 1;
   return {
-    x: pageRect.left - overlayRect.left + pageLocalX * zoom,
-    y: pageRect.top - overlayRect.top + pageLocalY * zoom
+    x: pageRect.left - overlayRect.left + pageLocalX * scaleX,
+    y: pageRect.top - overlayRect.top + pageLocalY * scaleY
   };
 };
 normalizeClientPoint_fn = function(clientX, clientY) {