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

package/dist/superdoc.umd.js

@@ -41859,7 +41859,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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);
     }
     /**
@@ -53022,7 +53022,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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() {
   };
@@ -66889,7 +66889,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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) {
@@ -67678,7 +67678,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexDUzV7kkk),
+        Promise.resolve().then(() => indexSGV4U12y),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -67883,7 +67883,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * 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");
@@ -69920,9 +69920,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           case TRACK_INSERT_MARK:
           case TRACK_DELETE_MARK:
           case TRACK_FORMAT_MARK: {
-            const tracked = buildTrackedChangeMetaFromMark(mark2);
-            if (tracked) {
-              run2.trackedChange = selectTrackedChangeMeta(run2.trackedChange, tracked);
+            if (!isTabRun2) {
+              const tracked = buildTrackedChangeMetaFromMark(mark2);
+              if (tracked) {
+                run2.trackedChange = selectTrackedChangeMeta(run2.trackedChange, tracked);
+              }
             }
             break;
           }
@@ -73023,7 +73025,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           blocks2.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);
+            blocks2.push(tableBlock);
+            recordBlockKind(tableBlock.kind);
+          }
+        }
+      }
     });
   }
   function processParagraphChild(child, sectionMetadata, context, output, converters) {
@@ -73493,6 +73515,65 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return run2;
   }
+  function fieldAnnotationNodeToRun(node2, positions, fieldMetadata) {
+    const attrs = node2.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(node2);
+    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 = (a2, b2) => {
     const aAttrs = a2.dataAttrs;
@@ -73788,28 +73869,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       if (node2.type === "fieldAnnotation") {
         const fieldMetadata = resolveNodeSdtMetadata(node2, "fieldAnnotation");
+        let contentText;
         if (Array.isArray(node2.content) && node2.content.length > 0) {
-          node2.content.forEach((child) => visitNode(child, inheritedMarks, fieldMetadata ?? activeSdt, activeRunStyleId));
-        } else {
-          const nodeAttrs = typeof node2.attrs === "object" && node2.attrs !== null ? node2.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 = node2.content.map(extractText).join("");
         }
+        const nodeForRun = contentText && contentText.length > 0 ? { ...node2, attrs: { ...node2.attrs ?? {}, displayLabel: contentText } } : node2;
+        const run2 = fieldAnnotationNodeToRun(nodeForRun, positions, fieldMetadata);
+        currentRuns.push(run2);
         return;
       }
       if (node2.type === "pageReference") {
@@ -74646,9 +74719,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       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);
@@ -74663,11 +74736,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
@@ -75319,7 +75392,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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";
@@ -75350,6 +75423,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         result.push(run2);
         continue;
       }
+      if (run2.kind === "fieldAnnotation") {
+        result.push(run2);
+        continue;
+      }
       const text2 = run2.text ?? "";
       const isFirstRun = runIndex === line.fromRun;
       const isLastRun = runIndex === line.toRun;
@@ -75383,7 +75460,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         1,
         runs22.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)
       );
@@ -75404,7 +75482,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         currentCharOffset += runLength2;
         continue;
       }
-      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
       const runLength = text2.length;
       if (currentCharOffset + runLength >= charOffset) {
         const offsetInRun = charOffset - currentCharOffset;
@@ -75447,7 +75525,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         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 text2 = run2.text ?? "";
@@ -75462,6 +75540,38 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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 runs2 = sliceRunsForLine$1(block, line);
+    let cursor = 0;
+    let lastPm = fallbackPmStart;
+    for (const run2 of runs2) {
+      const isTab = isTabRun$1(run2);
+      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
+      const runLength = isTab ? TAB_CHAR_LENGTH : text2.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) {
@@ -75470,15 +75580,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         1,
         runs22.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 runs2 = sliceRunsForLine$1(block, line);
@@ -75494,18 +75606,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           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 text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
       const runLength = text2.length;
       if (runLength === 0) continue;
       ctx2.font = getRunFontString(run2);
@@ -75515,9 +75626,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         const charX = currentX + measured2.width + computeLetterSpacingWidth(run2, i2, runLength);
         if (charX >= safeX) {
           if (i2 === 0) {
+            const pmPosition3 = charOffsetToPm(block, line, currentCharOffset, pmStart);
             return {
               charOffset: currentCharOffset,
-              pmPosition: pmStart + currentCharOffset
+              pmPosition: pmPosition3
             };
           }
           const prevText = text2.slice(0, i2 - 1);
@@ -75526,9 +75638,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           const distToPrev = Math.abs(safeX - prevX);
           const distToCurrent = Math.abs(safeX - charX);
           const charOffset = distToPrev < distToCurrent ? currentCharOffset + i2 - 1 : currentCharOffset + i2;
+          const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
           return {
             charOffset,
-            pmPosition: pmStart + charOffset
+            pmPosition: pmPosition2
           };
         }
       }
@@ -75536,13 +75649,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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);
@@ -75639,6 +75753,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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;
   }
@@ -75704,7 +75829,82 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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, i2) => {
+        const rect = el.getBoundingClientRect();
+        return {
+          index: i2,
+          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, i2) => {
@@ -78651,7 +78851,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return `img:${srcHash}:${imgRun.width}x${imgRun.height}`;
       }
       const text2 = 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;
@@ -79310,6 +79510,88 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return result;
   }
+  function findWordBoundaries(blocks2, pos) {
+    const blockInfo = findBlockAtPosition(blocks2, pos);
+    if (!blockInfo) return null;
+    const { block, localPos } = blockInfo;
+    if (block.kind !== "paragraph") return null;
+    const { text: text2, pmStart } = extractBlockText(block);
+    if (text2.length === 0) return null;
+    const clampedPos = Math.max(0, Math.min(localPos, text2.length));
+    let wordStart = clampedPos;
+    while (wordStart > 0 && isWordChar(text2[wordStart - 1])) {
+      wordStart--;
+    }
+    let wordEnd = clampedPos;
+    while (wordEnd < text2.length && isWordChar(text2[wordEnd])) {
+      wordEnd++;
+    }
+    if (wordStart === wordEnd) {
+      while (wordStart > 0 && isWhitespace$1(text2[wordStart - 1])) {
+        wordStart--;
+      }
+      while (wordEnd < text2.length && isWhitespace$1(text2[wordEnd])) {
+        wordEnd++;
+      }
+      if (wordStart === wordEnd) {
+        return null;
+      }
+    }
+    return {
+      from: pmStart + wordStart,
+      to: pmStart + wordEnd
+    };
+  }
+  function findParagraphBoundaries(blocks2, pos) {
+    const blockInfo = findBlockAtPosition(blocks2, 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 text2 = "";
+    let pmStart = Infinity;
+    let pmEnd = 0;
+    for (const run2 of block.runs) {
+      text2 += "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 && text2.length > 0) pmEnd = pmStart + text2.length;
+    return { text: text2, pmStart, pmEnd };
+  }
+  function findBlockAtPosition(blocks2, pos) {
+    for (const block of blocks2) {
+      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$1(char) {
+    return /\s/.test(char);
+  }
   let canvas = null;
   let ctx$2 = null;
   function getCtx() {
@@ -79331,7 +79613,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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();
@@ -79493,7 +79775,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     for (let i2 = 0; i2 < a2.runs.length; i2 += 1) {
       const runA = a2.runs[i2];
       const runB = b2.runs[i2];
-      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;
       }
     }
@@ -79613,7 +79895,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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");
@@ -80098,11 +80380,266 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     /** 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(element2) {
+    const dataset = element2.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;
@@ -80372,6 +80909,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return null;
       }
       const column = determineColumn(layout, fragment.x);
+      logPositionDebug({
+        blockId: fragment.blockId,
+        x: pageRelativePoint.x - fragment.x
+      });
       logClickStage("log", "success", {
         blockId: fragment.blockId
       });
@@ -80480,10 +81021,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             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({
@@ -80623,7 +81167,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
       const run2 = block.runs[runIndex];
       if (!run2) continue;
-      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" ? "" : run2.text ?? "";
+      const text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
       const runLength = text2.length;
       const runPmStart = run2.pmStart ?? null;
       const runPmEnd = run2.pmEnd ?? (runPmStart != null ? runPmStart + runLength : null);
@@ -80641,6 +81185,57 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     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 text2 = "src" in run2 || run2.kind === "lineBreak" || run2.kind === "break" || run2.kind === "fieldAnnotation" ? "" : run2.text ?? "";
+      const runTextLength = text2.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 = text2;
+          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;
@@ -80685,8 +81280,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     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;
   };
@@ -83128,10 +83723,228 @@ ${l}
 .superdoc-layout .track-format-dec.highlighted {
   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");
@@ -83156,6 +83969,22 @@ ${l}
     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",
@@ -83485,6 +84314,50 @@ ${l}
       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) {
@@ -83521,6 +84394,7 @@ ${l}
     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;
@@ -83987,6 +84861,8 @@ ${l}
       ensurePrintStyles(doc2);
       ensureLinkStyles(doc2);
       ensureTrackChangeStyles(doc2);
+      ensureFieldAnnotationStyles(doc2);
+      ensureSdtContainerStyles(doc2);
       mount2.classList.add(CLASS_NAMES.container);
       if (this.mount && this.mount !== mount2) {
         this.resetState();
@@ -84509,7 +85385,8 @@ ${l}
         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) {
@@ -84529,6 +85406,7 @@ ${l}
         }
         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) {
@@ -84543,8 +85421,22 @@ ${l}
         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;
@@ -84733,6 +85625,7 @@ ${l}
         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";
         }
@@ -84773,8 +85666,13 @@ ${l}
         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);
@@ -85296,12 +86194,15 @@ ${l}
       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
@@ -85496,10 +86397,19 @@ ${l}
     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;
       }
@@ -85636,7 +86546,212 @@ ${l}
       }
       return img2;
     }
-    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 hidden2 = this.doc.createElement("span");
+        hidden2.style.display = "none";
+        if (run2.pmStart != null) hidden2.dataset.pmStart = String(run2.pmStart);
+        if (run2.pmEnd != null) hidden2.dataset.pmEnd = String(run2.pmEnd);
+        return hidden2;
+      }
+      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 content2 = this.doc.createElement("span");
+      content2.classList.add("annotation-content");
+      content2.style.pointerEvents = "none";
+      content2.setAttribute("contenteditable", "false");
+      switch (run2.variant) {
+        case "image":
+        case "signature": {
+          if (run2.imageSrc) {
+            const img2 = 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)) {
+                img2.src = run2.imageSrc;
+              } else {
+                content2.textContent = run2.displayLabel;
+                break;
+              }
+            } else {
+              const sanitized = sanitizeHref(run2.imageSrc);
+              if (sanitized) {
+                img2.src = sanitized.href;
+              } else {
+                content2.textContent = run2.displayLabel;
+                break;
+              }
+            }
+            img2.alt = run2.displayLabel;
+            img2.style.height = "auto";
+            img2.style.maxWidth = "100%";
+            img2.style.pointerEvents = "none";
+            img2.style.verticalAlign = "middle";
+            if (run2.variant === "signature") {
+              img2.style.maxHeight = "28px";
+            }
+            content2.appendChild(img2);
+            annotation.style.display = "inline-block";
+            content2.style.display = "inline-block";
+          } else {
+            content2.textContent = run2.displayLabel || (run2.variant === "signature" ? "Signature" : "");
+          }
+          break;
+        }
+        case "link": {
+          if (run2.linkUrl) {
+            const link2 = this.doc.createElement("a");
+            const sanitized = sanitizeHref(run2.linkUrl);
+            if (sanitized) {
+              link2.href = sanitized.href;
+              link2.target = "_blank";
+              link2.rel = "noopener noreferrer";
+              link2.textContent = run2.linkUrl;
+              link2.style.textDecoration = "none";
+              content2.style.pointerEvents = "all";
+              content2.appendChild(link2);
+            } else {
+              content2.textContent = run2.displayLabel;
+            }
+          } else {
+            content2.textContent = run2.displayLabel;
+          }
+          break;
+        }
+        case "html": {
+          if (run2.rawHtml && typeof run2.rawHtml === "string") {
+            content2.textContent = run2.displayLabel;
+            annotation.style.display = "inline-block";
+            content2.style.display = "inline-block";
+          } else {
+            content2.textContent = run2.displayLabel;
+          }
+          break;
+        }
+        case "text":
+        case "checkbox":
+        default: {
+          content2.textContent = run2.displayLabel;
+          break;
+        }
+      }
+      annotation.appendChild(content2);
+      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");
       }
@@ -85648,8 +86763,10 @@ ${l}
         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";
       }
@@ -85662,6 +86779,7 @@ ${l}
       }
       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;";
@@ -85708,6 +86826,19 @@ ${l}
         });
       }
       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();
@@ -85786,6 +86917,22 @@ ${l}
           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;
@@ -85831,7 +86978,22 @@ ${l}
           });
         }
       } 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");
@@ -85859,9 +87021,37 @@ ${l}
             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) => {
@@ -86369,7 +87559,7 @@ ${l}
     return block.id;
   };
   const applyRunStyles = (element2, 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;
     }
     element2.style.fontFamily = run2.fontFamily;
@@ -86491,6 +87681,23 @@ ${l}
     if (!shading?.fill) return;
     element2.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) {
@@ -86512,6 +87719,10 @@ ${l}
         result.push(run2);
         continue;
       }
+      if (run2.kind === "fieldAnnotation") {
+        result.push(run2);
+        continue;
+      }
       if (!("text" in run2)) {
         continue;
       }
@@ -86827,6 +88038,10 @@ ${l}
   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) {
@@ -86906,6 +88121,9 @@ ${l}
   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") {
@@ -87272,6 +88490,92 @@ ${l}
         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;
       }
@@ -89236,6 +90540,12 @@ ${l}
     }
     return false;
   }
+  function isValidFieldAnnotationAttributes(attrs) {
+    if (!attrs || typeof attrs !== "object") return false;
+    const a2 = attrs;
+    return typeof a2.fieldId === "string" && typeof a2.fieldType === "string" && typeof a2.displayLabel === "string" && typeof a2.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;
@@ -89261,6 +90571,7 @@ ${l}
       __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);
@@ -89304,6 +90615,9 @@ ${l}
       __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);
@@ -89316,8 +90630,12 @@ ${l}
         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();
           }
@@ -89326,10 +90644,10 @@ ${l}
             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") {
@@ -89365,7 +90683,7 @@ ${l}
         if (headerFooterRegion) {
           return;
         }
-        const hit = clickToPosition(
+        const rawHit = clickToPosition(
           __privateGet$1(this, _layoutState).layout,
           __privateGet$1(this, _layoutState).blocks,
           __privateGet$1(this, _layoutState).measures,
@@ -89374,7 +90692,11 @@ ${l}
           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();
@@ -89382,10 +90704,10 @@ ${l}
           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") {
@@ -89406,9 +90728,9 @@ ${l}
           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) });
@@ -89446,18 +90768,61 @@ ${l}
           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 {
           }
@@ -89477,6 +90842,36 @@ ${l}
         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;
@@ -89495,6 +90890,97 @@ ${l}
       __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;
@@ -89684,6 +91170,7 @@ ${l}
         __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) {
@@ -90395,6 +91882,7 @@ ${l}
      * 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;
@@ -90414,7 +91902,10 @@ ${l}
       __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();
@@ -90453,6 +91944,8 @@ ${l}
       __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();
@@ -90480,6 +91973,7 @@ ${l}
   _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();
@@ -90523,6 +92017,9 @@ ${l}
   _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();
@@ -90858,9 +92355,101 @@ ${l}
     __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((node2, pos) => {
+            if (node2.type.name === "fieldAnnotation" && node2.attrs.fieldId === fieldId) {
+              sourceStart = pos;
+              sourceEnd = pos + node2.nodeSize;
+              sourceNode = node2;
+              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;
@@ -90937,8 +92526,11 @@ ${l}
   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 {
@@ -90953,6 +92545,9 @@ ${l}
     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) {
@@ -91039,6 +92634,30 @@ ${l}
       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;
@@ -91047,6 +92666,9 @@ ${l}
   };
   _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) {
@@ -92219,10 +93841,12 @@ ${l}
     }
     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) {
@@ -145776,7 +147400,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.30";
+      this.version = "1.0.0-beta.32";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -148220,7 +149844,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexDUzV7kkk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexSGV4U12y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));