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

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

@@ -9,11 +9,11 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, hideDimmingOverlay_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _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, hideDimmingOverlay_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName, $ as TrackInsertMarkName, a0 as v4, a1 as TrackFormatMarkName, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as encodeCSSFromPPr, at as twipsToPixels$2, au as resolveRunProperties, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-U59bT3FO.js";
-import { D as DocxZipper } from "./docx-zipper-DSnoGkju.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName, $ as TrackInsertMarkName, a0 as v4, a1 as TrackFormatMarkName, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as encodeCSSFromPPr, at as twipsToPixels$2, au as resolveRunProperties, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-CpuOoAUa.js";
+import { D as DocxZipper } from "./docx-zipper-Dk99r397.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -13913,7 +13913,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.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) {
@@ -14705,7 +14705,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-DUzV7kkk.js"),
+      import("./index-SGV4U12y.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -14910,7 +14910,7 @@ const _Editor = class _Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.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");
@@ -17035,9 +17035,11 @@ const applyMarksToRun = (run, marks, hyperlinkConfig = DEFAULT_HYPERLINK_CONFIG,
         case TRACK_INSERT_MARK:
         case TRACK_DELETE_MARK:
         case TRACK_FORMAT_MARK: {
-          const tracked = buildTrackedChangeMetaFromMark(mark);
-          if (tracked) {
-            run.trackedChange = selectTrackedChangeMeta(run.trackedChange, tracked);
+          if (!isTabRun2) {
+            const tracked = buildTrackedChangeMetaFromMark(mark);
+            if (tracked) {
+              run.trackedChange = selectTrackedChangeMeta(run.trackedChange, tracked);
+            }
           }
           break;
         }
@@ -20138,7 +20140,27 @@ function handleStructuredContentBlockNode(node, context) {
         blocks.push(block);
         recordBlockKind(block.kind);
       });
-    } else if (child.type === "table") ;
+    } else if (child.type === "table") {
+      const tableNodeToBlock2 = converters?.tableNodeToBlock;
+      if (tableNodeToBlock2) {
+        const tableBlock = tableNodeToBlock2(
+          child,
+          nextBlockId,
+          positions,
+          defaultFont,
+          defaultSize,
+          styleContext,
+          trackedChangesConfig,
+          bookmarks,
+          hyperlinkConfig
+        );
+        if (tableBlock) {
+          applySdtMetadataToTableBlock(tableBlock, structuredContentMetadata);
+          blocks.push(tableBlock);
+          recordBlockKind(tableBlock.kind);
+        }
+      }
+    }
   });
 }
 function processParagraphChild(child, sectionMetadata, context, output, converters) {
@@ -20608,6 +20630,65 @@ function imageNodeToRun(node, positions, activeSdt) {
   }
   return run;
 }
+function fieldAnnotationNodeToRun(node, positions, fieldMetadata) {
+  const attrs = node.attrs ?? {};
+  const rawVariant = attrs.type ?? fieldMetadata?.variant ?? "text";
+  const validVariants = ["text", "image", "signature", "checkbox", "html", "link"];
+  const variant = validVariants.includes(rawVariant) ? rawVariant : "text";
+  const displayLabel = (typeof attrs.displayLabel === "string" ? attrs.displayLabel : void 0) || (typeof attrs.defaultDisplayLabel === "string" ? attrs.defaultDisplayLabel : void 0) || (typeof fieldMetadata?.displayLabel === "string" ? fieldMetadata.displayLabel : void 0) || (typeof fieldMetadata?.defaultDisplayLabel === "string" ? fieldMetadata.defaultDisplayLabel : void 0) || (typeof attrs.alias === "string" ? attrs.alias : void 0) || (typeof fieldMetadata?.alias === "string" ? fieldMetadata.alias : void 0) || "";
+  const run = {
+    kind: "fieldAnnotation",
+    variant,
+    displayLabel
+  };
+  const fieldId = typeof attrs.fieldId === "string" ? attrs.fieldId : fieldMetadata?.fieldId;
+  if (fieldId) run.fieldId = fieldId;
+  const fieldType = typeof attrs.fieldType === "string" ? attrs.fieldType : fieldMetadata?.fieldType;
+  if (fieldType) run.fieldType = fieldType;
+  const fieldColor = typeof attrs.fieldColor === "string" ? attrs.fieldColor : fieldMetadata?.fieldColor;
+  if (fieldColor) run.fieldColor = fieldColor;
+  const borderColor = typeof attrs.borderColor === "string" ? attrs.borderColor : fieldMetadata?.borderColor;
+  if (borderColor) run.borderColor = borderColor;
+  const highlighted = attrs.highlighted ?? fieldMetadata?.highlighted;
+  if (highlighted === false) run.highlighted = false;
+  if (attrs.hidden === true || fieldMetadata?.hidden === true) run.hidden = true;
+  const visibility = attrs.visibility ?? fieldMetadata?.visibility;
+  if (visibility === "hidden") run.visibility = "hidden";
+  const imageSrc = typeof attrs.imageSrc === "string" ? attrs.imageSrc : fieldMetadata?.imageSrc;
+  if (imageSrc) run.imageSrc = imageSrc;
+  const linkUrl = typeof attrs.linkUrl === "string" ? attrs.linkUrl : fieldMetadata?.linkUrl;
+  if (linkUrl) run.linkUrl = linkUrl;
+  const rawHtml = attrs.rawHtml ?? fieldMetadata?.rawHtml;
+  if (typeof rawHtml === "string") run.rawHtml = rawHtml;
+  const size = attrs.size ?? fieldMetadata?.size;
+  if (size && (typeof size.width === "number" || typeof size.height === "number")) {
+    run.size = {
+      width: typeof size.width === "number" ? size.width : void 0,
+      height: typeof size.height === "number" ? size.height : void 0
+    };
+  }
+  const fontFamily = attrs.fontFamily ?? fieldMetadata?.fontFamily;
+  if (typeof fontFamily === "string") run.fontFamily = fontFamily;
+  const fontSize = attrs.fontSize ?? fieldMetadata?.fontSize;
+  if (typeof fontSize === "string" || typeof fontSize === "number") run.fontSize = fontSize;
+  const textColor = attrs.textColor ?? fieldMetadata?.textColor;
+  if (typeof textColor === "string") run.textColor = textColor;
+  const textHighlight = attrs.textHighlight ?? fieldMetadata?.textHighlight;
+  if (typeof textHighlight === "string") run.textHighlight = textHighlight;
+  const formatting = fieldMetadata?.formatting;
+  if (attrs.bold === true || formatting?.bold === true) run.bold = true;
+  if (attrs.italic === true || formatting?.italic === true) run.italic = true;
+  if (attrs.underline === true || formatting?.underline === true) run.underline = true;
+  const pos = positions.get(node);
+  if (pos) {
+    run.pmStart = pos.start;
+    run.pmEnd = pos.end;
+  }
+  if (fieldMetadata) {
+    run.sdt = fieldMetadata;
+  }
+  return run;
+}
 const isTextRun$1 = (run) => run.kind !== "tab";
 const dataAttrsCompatible = (a, b) => {
   const aAttrs = a.dataAttrs;
@@ -20903,28 +20984,20 @@ function paragraphToFlowBlocks$1(para, nextBlockId, positions, defaultFont, defa
     }
     if (node.type === "fieldAnnotation") {
       const fieldMetadata = resolveNodeSdtMetadata(node, "fieldAnnotation");
+      let contentText;
       if (Array.isArray(node.content) && node.content.length > 0) {
-        node.content.forEach((child) => visitNode(child, inheritedMarks, fieldMetadata ?? activeSdt, activeRunStyleId));
-      } else {
-        const nodeAttrs = typeof node.attrs === "object" && node.attrs !== null ? node.attrs : {};
-        const label = (typeof nodeAttrs.displayLabel === "string" ? nodeAttrs.displayLabel : void 0) || (typeof nodeAttrs.defaultDisplayLabel === "string" ? nodeAttrs.defaultDisplayLabel : void 0) || (typeof nodeAttrs.alias === "string" ? nodeAttrs.alias : void 0) || "";
-        if (label && typeof label === "string") {
-          const run = textNodeToRun(
-            { type: "text", text: label },
-            positions,
-            defaultFont,
-            defaultSize,
-            inheritedMarks,
-            fieldMetadata ?? activeSdt,
-            hyperlinkConfig,
-            themeColors
-          );
-          const inlineStyleId = getInlineStyleId(inheritedMarks);
-          applyRunStyles2(run, inlineStyleId, activeRunStyleId);
-          applyBaseRunDefaults(run, baseRunDefaults, defaultFont, defaultSize);
-          currentRuns.push(run);
-        }
+        const extractText = (n) => {
+          if (n.type === "text" && typeof n.text === "string") return n.text;
+          if (Array.isArray(n.content)) {
+            return n.content.map(extractText).join("");
+          }
+          return "";
+        };
+        contentText = node.content.map(extractText).join("");
       }
+      const nodeForRun = contentText && contentText.length > 0 ? { ...node, attrs: { ...node.attrs ?? {}, displayLabel: contentText } } : node;
+      const run = fieldAnnotationNodeToRun(nodeForRun, positions, fieldMetadata);
+      currentRuns.push(run);
       return;
     }
     if (node.type === "pageReference") {
@@ -21761,9 +21834,9 @@ const extractTableStyleParagraphProps = (styleId, docx) => {
     }
     const attrs = spacingEl.attributes;
     const spacing = {};
-    const before = parseIntSafe(attrs["w:before"]);
-    const after = parseIntSafe(attrs["w:after"]);
-    const line = parseIntSafe(attrs["w:line"]);
+    const before = parseIntSafe$1(attrs["w:before"]);
+    const after = parseIntSafe$1(attrs["w:after"]);
+    const line = parseIntSafe$1(attrs["w:line"]);
     const rawLineRule = attrs["w:lineRule"];
     const lineRule = rawLineRule === "auto" || rawLineRule === "exact" || rawLineRule === "atLeast" ? rawLineRule : void 0;
     if (before != null) spacing.before = twipsToPx$1(before);
@@ -21778,11 +21851,11 @@ const extractTableStyleParagraphProps = (styleId, docx) => {
     if (lineRule) spacing.lineRule = lineRule;
     const result = Object.keys(spacing).length > 0 ? { spacing } : void 0;
     return result;
-  } catch (err) {
+  } catch {
     return void 0;
   }
 };
-const parseIntSafe = (value) => {
+const parseIntSafe$1 = (value) => {
   if (value == null) return void 0;
   const num = typeof value === "number" ? value : parseInt(String(value), 10);
   return Number.isFinite(num) ? num : void 0;
@@ -22434,7 +22507,7 @@ function getMeasurementContext() {
   return measurementCtx;
 }
 function getRunFontString(run) {
-  if (run.kind === "tab" || run.kind === "lineBreak" || run.kind === "break" || "src" in run) {
+  if (run.kind === "tab" || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" || "src" in run) {
     return "normal normal 16px Arial";
   }
   const style = run.italic ? "italic" : "normal";
@@ -22465,6 +22538,10 @@ function sliceRunsForLine$1(block, line) {
       result.push(run);
       continue;
     }
+    if (run.kind === "fieldAnnotation") {
+      result.push(run);
+      continue;
+    }
     const text = run.text ?? "";
     const isFirstRun = runIndex === line.fromRun;
     const isLastRun = runIndex === line.toRun;
@@ -22498,7 +22575,8 @@ function measureCharacterX(block, line, charOffset) {
       1,
       runs2.reduce((sum, run) => {
         if (isTabRun$1(run)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run || run.kind === "lineBreak" || run.kind === "break") return sum;
+        if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation")
+          return sum;
         return sum + (run.text ?? "").length;
       }, 0)
     );
@@ -22519,7 +22597,7 @@ function measureCharacterX(block, line, charOffset) {
       currentCharOffset += runLength2;
       continue;
     }
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     if (currentCharOffset + runLength >= charOffset) {
       const offsetInRun = charOffset - currentCharOffset;
@@ -22562,7 +22640,7 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
       if (isTabRun$1(run)) {
         return segmentBaseX + (offsetInSegment > 0 ? segment.width ?? 0 : 0);
       }
-      if ("src" in run || run.kind === "lineBreak" || run.kind === "break") {
+      if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation") {
         return segmentBaseX + (offsetInSegment >= segmentChars ? segment.width ?? 0 : 0);
       }
       const text = run.text ?? "";
@@ -22577,6 +22655,38 @@ function measureCharacterXSegmentBased(block, line, charOffset, ctx2) {
   }
   return line.width;
 }
+function charOffsetToPm(block, line, charOffset, fallbackPmStart) {
+  if (!Number.isFinite(charOffset) || !Number.isFinite(fallbackPmStart)) {
+    console.warn("[charOffsetToPm] Invalid input:", { charOffset, fallbackPmStart });
+    return fallbackPmStart;
+  }
+  const safeCharOffset = Math.max(0, charOffset);
+  if (block.kind !== "paragraph") {
+    return fallbackPmStart + safeCharOffset;
+  }
+  const runs = sliceRunsForLine$1(block, line);
+  let cursor = 0;
+  let lastPm = fallbackPmStart;
+  for (const run of runs) {
+    const isTab = isTabRun$1(run);
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
+    const runLength = isTab ? TAB_CHAR_LENGTH : text.length;
+    const runPmStart = typeof run.pmStart === "number" ? run.pmStart : null;
+    const runPmEnd = typeof run.pmEnd === "number" ? run.pmEnd : runPmStart != null ? runPmStart + runLength : null;
+    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, x, pmStart) {
   const ctx2 = getMeasurementContext();
   if (!ctx2) {
@@ -22585,15 +22695,17 @@ function findCharacterAtX(block, line, x, pmStart) {
       1,
       runs2.reduce((sum, run) => {
         if (isTabRun$1(run)) return sum + TAB_CHAR_LENGTH;
-        if ("src" in run || run.kind === "lineBreak" || run.kind === "break") return sum;
+        if ("src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation")
+          return sum;
         return sum + (run.text ?? "").length;
       }, 0)
     );
     const ratio = Math.max(0, Math.min(1, x / line.width));
     const charOffset = Math.round(ratio * charsInLine);
+    const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
     return {
       charOffset,
-      pmPosition: pmStart + charOffset
+      pmPosition: pmPosition2
     };
   }
   const runs = sliceRunsForLine$1(block, line);
@@ -22609,18 +22721,17 @@ function findCharacterAtX(block, line, x, pmStart) {
         const midpoint = startX + tabWidth / 2;
         const offsetInRun = safeX < midpoint ? 0 : TAB_CHAR_LENGTH;
         const charOffset = currentCharOffset + offsetInRun;
-        const pmBase = run.pmStart ?? pmStart + currentCharOffset;
-        const pmPosition = pmBase + offsetInRun;
+        const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
         return {
           charOffset,
-          pmPosition
+          pmPosition: pmPosition2
         };
       }
       currentX = endX;
       currentCharOffset += TAB_CHAR_LENGTH;
       continue;
     }
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     if (runLength === 0) continue;
     ctx2.font = getRunFontString(run);
@@ -22630,9 +22741,10 @@ function findCharacterAtX(block, line, x, pmStart) {
       const charX = currentX + measured2.width + computeLetterSpacingWidth(run, i, runLength);
       if (charX >= safeX) {
         if (i === 0) {
+          const pmPosition3 = charOffsetToPm(block, line, currentCharOffset, pmStart);
           return {
             charOffset: currentCharOffset,
-            pmPosition: pmStart + currentCharOffset
+            pmPosition: pmPosition3
           };
         }
         const prevText = text.slice(0, i - 1);
@@ -22641,9 +22753,10 @@ function findCharacterAtX(block, line, x, pmStart) {
         const distToPrev = Math.abs(safeX - prevX);
         const distToCurrent = Math.abs(safeX - charX);
         const charOffset = distToPrev < distToCurrent ? currentCharOffset + i - 1 : currentCharOffset + i;
+        const pmPosition2 = charOffsetToPm(block, line, charOffset, pmStart);
         return {
           charOffset,
-          pmPosition: pmStart + charOffset
+          pmPosition: pmPosition2
         };
       }
     }
@@ -22651,13 +22764,14 @@ function findCharacterAtX(block, line, x, pmStart) {
     currentX += measured.width + computeLetterSpacingWidth(run, runLength, runLength);
     currentCharOffset += runLength;
   }
+  const pmPosition = charOffsetToPm(block, line, currentCharOffset, pmStart);
   return {
     charOffset: currentCharOffset,
-    pmPosition: pmStart + currentCharOffset
+    pmPosition
   };
 }
 const computeLetterSpacingWidth = (run, precedingChars, runLength) => {
-  if (isTabRun$1(run) || "src" in run || !("letterSpacing" in run) || !run.letterSpacing) {
+  if (isTabRun$1(run) || "src" in run || run.kind === "fieldAnnotation" || !("letterSpacing" in run) || !run.letterSpacing) {
     return 0;
   }
   const maxGaps = Math.max(runLength - 1, 0);
@@ -22754,6 +22868,17 @@ function clickToPositionDom(domContainer, clientX, clientY) {
     pmStart: fragmentEl.dataset.pmStart,
     pmEnd: fragmentEl.dataset.pmEnd
   });
+  const hitChainLine = hitChain.find(
+    (el) => el.classList?.contains?.(CLASS_NAMES$1.line) && el.dataset?.pmStart !== void 0 && el.dataset?.pmEnd !== void 0
+  );
+  if (hitChainLine) {
+    log("Using hit chain line directly:", {
+      pmStart: hitChainLine.dataset.pmStart,
+      pmEnd: hitChainLine.dataset.pmEnd
+    });
+    const result2 = processLineElement(hitChainLine, viewX);
+    return result2;
+  }
   const result = processFragment(fragmentEl, viewX, viewY);
   return result;
 }
@@ -22819,7 +22944,82 @@ function processFragment(fragmentEl, viewX, viewY) {
   if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
     return null;
   }
-  const spanEls = Array.from(lineEl.querySelectorAll("span, a"));
+  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter(
+    (el) => el.dataset.pmStart !== void 0 && el.dataset.pmEnd !== void 0
+  );
+  log(
+    "Spans/anchors in line:",
+    spanEls.map((el, i) => {
+      const rect = el.getBoundingClientRect();
+      return {
+        index: i,
+        tag: el.tagName,
+        pmStart: el.dataset.pmStart,
+        pmEnd: el.dataset.pmEnd,
+        text: el.textContent?.substring(0, 20) + (el.textContent && el.textContent.length > 20 ? "..." : ""),
+        visibility: el.style.visibility,
+        rect: { left: rect.left, right: rect.right, width: rect.width }
+      };
+    })
+  );
+  if (spanEls.length === 0) {
+    return lineStart;
+  }
+  const firstRect = spanEls[0].getBoundingClientRect();
+  if (viewX <= firstRect.left) {
+    return lineStart;
+  }
+  const lastRect = spanEls[spanEls.length - 1].getBoundingClientRect();
+  if (viewX >= lastRect.right) {
+    return lineEnd;
+  }
+  const targetEl = findSpanAtX(spanEls, viewX);
+  if (!targetEl) {
+    return lineStart;
+  }
+  const spanStart = Number(targetEl.dataset.pmStart ?? "NaN");
+  const spanEnd = Number(targetEl.dataset.pmEnd ?? "NaN");
+  const targetRect = targetEl.getBoundingClientRect();
+  log("Target element:", {
+    tag: targetEl.tagName,
+    pmStart: spanStart,
+    pmEnd: spanEnd,
+    text: targetEl.textContent?.substring(0, 30),
+    visibility: targetEl.style.visibility,
+    rect: { left: targetRect.left, right: targetRect.right, width: targetRect.width },
+    pageX: viewX,
+    pageY: viewY
+  });
+  if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd)) {
+    return null;
+  }
+  const firstChild = targetEl.firstChild;
+  if (!firstChild || firstChild.nodeType !== Node.TEXT_NODE || !firstChild.textContent) {
+    const elRect = targetEl.getBoundingClientRect();
+    const closerToLeft = Math.abs(viewX - elRect.left) <= Math.abs(viewX - elRect.right);
+    const snapPos = closerToLeft ? spanStart : spanEnd;
+    return snapPos;
+  }
+  const textNode = firstChild;
+  const charIndex = findCharIndexAtX(textNode, targetEl, viewX);
+  const pos = spanStart + charIndex;
+  return pos;
+}
+function processLineElement(lineEl, viewX) {
+  const lineStart = Number(lineEl.dataset.pmStart ?? "NaN");
+  const lineEnd = Number(lineEl.dataset.pmEnd ?? "NaN");
+  const lineRect = lineEl.getBoundingClientRect();
+  log("processLineElement:", {
+    pmStart: lineStart,
+    pmEnd: lineEnd,
+    rect: { top: lineRect.top, bottom: lineRect.bottom, left: lineRect.left, right: lineRect.right }
+  });
+  if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
+    return null;
+  }
+  const spanEls = Array.from(lineEl.querySelectorAll("span, a")).filter(
+    (el) => el.dataset.pmStart !== void 0 && el.dataset.pmEnd !== void 0
+  );
   log(
     "Spans/anchors in line:",
     spanEls.map((el, i) => {
@@ -25766,7 +25966,7 @@ const hashRuns = (block) => {
       return `img:${srcHash}:${imgRun.width}x${imgRun.height}`;
     }
     const text = normalizeText(
-      "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? ""
+      "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? ""
     );
     const bold = "bold" in run ? run.bold : false;
     const italic = "italic" in run ? run.italic : false;
@@ -26425,6 +26625,88 @@ async function layoutHeaderFooterWithCache(sections, constraints, measureBlock2,
   }
   return result;
 }
+function findWordBoundaries(blocks, pos) {
+  const blockInfo = findBlockAtPosition(blocks, pos);
+  if (!blockInfo) return null;
+  const { block, localPos } = blockInfo;
+  if (block.kind !== "paragraph") return null;
+  const { text, pmStart } = extractBlockText(block);
+  if (text.length === 0) return null;
+  const clampedPos = Math.max(0, Math.min(localPos, text.length));
+  let wordStart = clampedPos;
+  while (wordStart > 0 && isWordChar(text[wordStart - 1])) {
+    wordStart--;
+  }
+  let wordEnd = clampedPos;
+  while (wordEnd < text.length && isWordChar(text[wordEnd])) {
+    wordEnd++;
+  }
+  if (wordStart === wordEnd) {
+    while (wordStart > 0 && isWhitespace(text[wordStart - 1])) {
+      wordStart--;
+    }
+    while (wordEnd < text.length && isWhitespace(text[wordEnd])) {
+      wordEnd++;
+    }
+    if (wordStart === wordEnd) {
+      return null;
+    }
+  }
+  return {
+    from: pmStart + wordStart,
+    to: pmStart + wordEnd
+  };
+}
+function findParagraphBoundaries(blocks, pos) {
+  const blockInfo = findBlockAtPosition(blocks, pos);
+  if (!blockInfo) return null;
+  const { block } = blockInfo;
+  if (block.kind === "paragraph") {
+    const { pmStart, pmEnd } = extractBlockText(block);
+    return { from: pmStart, to: pmEnd };
+  }
+  if (block.kind === "image") {
+    return { from: pos, to: pos + 1 };
+  }
+  return null;
+}
+function extractBlockText(block) {
+  if (block.kind !== "paragraph") {
+    return { text: "", pmStart: 0, pmEnd: 0 };
+  }
+  let text = "";
+  let pmStart = Infinity;
+  let pmEnd = 0;
+  for (const run of block.runs) {
+    text += "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text;
+    if (run.pmStart !== void 0) {
+      pmStart = Math.min(pmStart, run.pmStart);
+    }
+    if (run.pmEnd !== void 0) {
+      pmEnd = Math.max(pmEnd, run.pmEnd);
+    }
+  }
+  if (pmStart === Infinity) pmStart = 0;
+  if (pmEnd === 0 && text.length > 0) pmEnd = pmStart + text.length;
+  return { text, pmStart, pmEnd };
+}
+function findBlockAtPosition(blocks, pos) {
+  for (const block of blocks) {
+    if (block.kind === "paragraph") {
+      const { pmStart, pmEnd } = extractBlockText(block);
+      if (pos >= pmStart && pos <= pmEnd) {
+        return { block, localPos: pos - pmStart };
+      }
+    }
+  }
+  return null;
+}
+function isWordChar(char) {
+  return /[\p{L}\p{N}_]/u.test(char);
+}
+function isWhitespace(char) {
+  return /\s/.test(char);
+}
 let canvas = null;
 let ctx = null;
 function getCtx() {
@@ -26446,7 +26728,7 @@ function fontString(run) {
   return `${italic}${bold}${size}px ${family}`.trim();
 }
 function runText(run) {
-  return "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+  return "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
 }
 function measureRunSliceWidth(run, fromChar, toChar) {
   const context = getCtx();
@@ -26608,7 +26890,7 @@ const paragraphBlocksEqual = (a, b) => {
   for (let i = 0; i < a.runs.length; i += 1) {
     const runA = a.runs[i];
     const runB = b.runs[i];
-    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
+    if (("src" in runA || runA.kind === "lineBreak" || runA.kind === "break" || runA.kind === "fieldAnnotation" ? "" : runA.text) !== ("src" in runB || runB.kind === "lineBreak" || runB.kind === "break" || runB.kind === "fieldAnnotation" ? "" : runB.text) || ("bold" in runA ? runA.bold : false) !== ("bold" in runB ? runB.bold : false) || ("italic" in runA ? runA.italic : false) !== ("italic" in runB ? runB.italic : false) || ("color" in runA ? runA.color : void 0) !== ("color" in runB ? runB.color : void 0) || getTrackedChangeKey(runA) !== getTrackedChangeKey(runB)) {
       return false;
     }
   }
@@ -26728,7 +27010,7 @@ function computeHeaderFooterContentHash(blocks) {
     parts.push(block.id);
     if (block.kind === "paragraph") {
       for (const run of block.runs) {
-        if (!("src" in run) && run.kind !== "lineBreak" && run.kind !== "break") {
+        if (!("src" in run) && run.kind !== "lineBreak" && run.kind !== "break" && run.kind !== "fieldAnnotation") {
           parts.push(run.text ?? "");
         }
         if ("bold" in run && run.bold) parts.push("b");
@@ -27213,11 +27495,266 @@ var Priority = /* @__PURE__ */ ((Priority2) => {
   /** P3: Heavy debounce for full document layout */
   [Priority.P3]: 150
 });
+const DEFAULT_MIME_TYPE$1 = "application/x-field-annotation";
+const LEGACY_MIME_TYPE = "fieldAnnotation";
+function parseIntSafe(value) {
+  if (!value) return void 0;
+  const parsed = parseInt(value, 10);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function extractFieldAnnotationData(element) {
+  const dataset = element.dataset;
+  const attributes = {};
+  for (const key2 in dataset) {
+    const value = dataset[key2];
+    if (value !== void 0) {
+      attributes[key2] = value;
+    }
+  }
+  return {
+    fieldId: dataset.fieldId,
+    fieldType: dataset.fieldType,
+    variant: dataset.variant ?? dataset.type,
+    displayLabel: dataset.displayLabel,
+    pmStart: parseIntSafe(dataset.pmStart),
+    pmEnd: parseIntSafe(dataset.pmEnd),
+    attributes
+  };
+}
+class DragHandler {
+  /**
+   * Creates a new DragHandler instance.
+   *
+   * @param container - The DOM container element (typically .superdoc-layout)
+   * @param config - Configuration options and callbacks
+   */
+  constructor(container, config = {}) {
+    this.container = container;
+    this.config = config;
+    this.mimeType = config.mimeType ?? DEFAULT_MIME_TYPE$1;
+    this.boundHandlers = {
+      dragstart: this.handleDragStart.bind(this),
+      dragover: this.handleDragOver.bind(this),
+      drop: this.handleDrop.bind(this),
+      dragend: this.handleDragEnd.bind(this),
+      dragleave: this.handleDragLeave.bind(this)
+    };
+    this.windowDragoverHandler = this.handleWindowDragOver.bind(this);
+    this.windowDropHandler = this.handleWindowDrop.bind(this);
+    this.attachListeners();
+  }
+  /**
+   * Attaches event listeners to the container and window.
+   */
+  attachListeners() {
+    this.container.addEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.addEventListener("dragover", this.boundHandlers.dragover);
+    this.container.addEventListener("drop", this.boundHandlers.drop);
+    this.container.addEventListener("dragend", this.boundHandlers.dragend);
+    this.container.addEventListener("dragleave", this.boundHandlers.dragleave);
+    window.addEventListener("dragover", this.windowDragoverHandler, false);
+    window.addEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Removes event listeners from the container and window.
+   */
+  removeListeners() {
+    this.container.removeEventListener("dragstart", this.boundHandlers.dragstart);
+    this.container.removeEventListener("dragover", this.boundHandlers.dragover);
+    this.container.removeEventListener("drop", this.boundHandlers.drop);
+    this.container.removeEventListener("dragend", this.boundHandlers.dragend);
+    this.container.removeEventListener("dragleave", this.boundHandlers.dragleave);
+    window.removeEventListener("dragover", this.windowDragoverHandler, false);
+    window.removeEventListener("drop", this.windowDropHandler, false);
+  }
+  /**
+   * Handles dragover at window level to allow drops on overlay elements.
+   * This ensures preventDefault is called even when dragging over selection
+   * highlights or other UI elements that sit on top of the layout content.
+   */
+  handleWindowDragOver(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.config.onDragOver?.({
+          event,
+          clientX: event.clientX,
+          clientY: event.clientY,
+          hasFieldAnnotation: true
+        });
+      }
+    }
+  }
+  /**
+   * Handles drop at window level to catch drops on overlay elements.
+   * If the drop target is outside the container, we process it here.
+   */
+  handleWindowDrop(event) {
+    if (this.hasFieldAnnotationData(event)) {
+      const target = event.target;
+      if (!this.container.contains(target)) {
+        this.handleDrop(event);
+      }
+    }
+  }
+  /**
+   * Handles the dragstart event.
+   * Sets up dataTransfer with field annotation data and drag image.
+   */
+  handleDragStart(event) {
+    const target = event.target;
+    if (!target?.dataset?.draggable || target.dataset.draggable !== "true") {
+      return;
+    }
+    const data = extractFieldAnnotationData(target);
+    if (event.dataTransfer) {
+      const jsonData = JSON.stringify({
+        attributes: data.attributes,
+        sourceField: data
+      });
+      event.dataTransfer.setData(this.mimeType, jsonData);
+      event.dataTransfer.setData(LEGACY_MIME_TYPE, jsonData);
+      event.dataTransfer.setData("text/plain", data.displayLabel ?? "Field Annotation");
+      event.dataTransfer.setDragImage(target, 0, 0);
+      event.dataTransfer.effectAllowed = "move";
+    }
+    this.config.onDragStart?.({
+      event,
+      element: target,
+      data
+    });
+  }
+  /**
+   * Handles the dragover event.
+   * Provides visual feedback and determines if drop is allowed.
+   */
+  handleDragOver(event) {
+    const hasFieldAnnotation = this.hasFieldAnnotationData(event);
+    if (hasFieldAnnotation) {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "move";
+      }
+      this.container.classList.add("drag-over");
+    }
+    this.config.onDragOver?.({
+      event,
+      clientX: event.clientX,
+      clientY: event.clientY,
+      hasFieldAnnotation
+    });
+  }
+  /**
+   * Handles the dragleave event.
+   * Removes visual feedback when drag leaves the container.
+   */
+  handleDragLeave(event) {
+    const relatedTarget = event.relatedTarget;
+    if (!relatedTarget || !this.container.contains(relatedTarget)) {
+      this.container.classList.remove("drag-over");
+    }
+  }
+  /**
+   * Handles the drop event.
+   * Maps drop coordinates to ProseMirror position and emits drop event.
+   */
+  handleDrop(event) {
+    this.container.classList.remove("drag-over");
+    if (!this.hasFieldAnnotationData(event)) {
+      return;
+    }
+    event.preventDefault();
+    const data = this.extractDragData(event);
+    if (!data) {
+      return;
+    }
+    const pmPosition = clickToPositionDom(this.container, event.clientX, event.clientY);
+    this.config.onDrop?.({
+      event,
+      data,
+      pmPosition,
+      clientX: event.clientX,
+      clientY: event.clientY
+    });
+  }
+  /**
+   * Handles the dragend event.
+   * Cleans up drag state.
+   */
+  handleDragEnd(event) {
+    this.container.classList.remove("drag-over");
+    this.config.onDragEnd?.(event);
+  }
+  /**
+   * Checks if a drag event contains field annotation data.
+   */
+  hasFieldAnnotationData(event) {
+    if (!event.dataTransfer) {
+      return false;
+    }
+    const types = event.dataTransfer.types;
+    return types.includes(this.mimeType) || types.includes(LEGACY_MIME_TYPE);
+  }
+  /**
+   * Extracts field annotation data from a drag event's dataTransfer.
+   */
+  extractDragData(event) {
+    if (!event.dataTransfer) {
+      return null;
+    }
+    let jsonData = event.dataTransfer.getData(this.mimeType);
+    if (!jsonData) {
+      jsonData = event.dataTransfer.getData(LEGACY_MIME_TYPE);
+    }
+    if (!jsonData) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(jsonData);
+      return parsed.sourceField ?? parsed.attributes ?? parsed;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Updates the configuration options.
+   *
+   * @param config - New configuration options to merge
+   */
+  updateConfig(config) {
+    this.config = { ...this.config, ...config };
+    if (config.mimeType) {
+      this.mimeType = config.mimeType;
+    }
+  }
+  /**
+   * Destroys the drag handler and removes all event listeners.
+   * Call this when the layout engine is unmounted or the container is removed.
+   */
+  destroy() {
+    this.removeListeners();
+    this.container.classList.remove("drag-over");
+  }
+}
+function createDragHandler(container, config = {}) {
+  const handler = new DragHandler(container, config);
+  return () => handler.destroy();
+}
 const isAtomicFragment = (fragment) => {
   return fragment.kind === "drawing" || fragment.kind === "image";
 };
 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;
@@ -27487,6 +28024,10 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
       return null;
     }
     const column = determineColumn(layout, fragment.x);
+    logPositionDebug({
+      blockId: fragment.blockId,
+      x: pageRelativePoint.x - fragment.x
+    });
     logClickStage("log", "success", {
       blockId: fragment.blockId
     });
@@ -27595,10 +28136,13 @@ function selectionToRects(layout, blocks, measures, from2, to) {
           const sliceFrom = Math.max(range.pmStart, from2);
           const sliceTo = Math.min(range.pmEnd, to);
           if (sliceFrom >= sliceTo) return;
-          const x1 = mapPmToX(block, line, sliceFrom - range.pmStart, fragment.width);
-          const x2 = mapPmToX(block, line, sliceTo - range.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({
@@ -27738,7 +28282,7 @@ function computeLinePmRange$1(block, line) {
   for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
     const run = block.runs[runIndex];
     if (!run) continue;
-    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" ? "" : run.text ?? "";
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
     const runLength = text.length;
     const runPmStart = run.pmStart ?? null;
     const runPmEnd = run.pmEnd ?? (runPmStart != null ? runPmStart + runLength : null);
@@ -27756,6 +28300,57 @@ function computeLinePmRange$1(block, line) {
   }
   return { pmStart, pmEnd };
 }
+function pmPosToCharOffset(block, line, pmPos) {
+  if (block.kind !== "paragraph") return 0;
+  let charOffset = 0;
+  for (let runIndex = line.fromRun; runIndex <= line.toRun; runIndex += 1) {
+    const run = block.runs[runIndex];
+    if (!run) continue;
+    const text = "src" in run || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation" ? "" : run.text ?? "";
+    const runTextLength = text.length;
+    const runPmStart = run.pmStart ?? null;
+    const runPmEnd = run.pmEnd ?? (runPmStart != null ? runPmStart + runTextLength : null);
+    if (runPmStart == null || runPmEnd == null || runTextLength === 0) continue;
+    const isFirstRun = runIndex === line.fromRun;
+    const isLastRun = runIndex === line.toRun;
+    const lineStartChar = isFirstRun ? line.fromChar : 0;
+    const lineEndChar = isLastRun ? line.toChar : runTextLength;
+    const runSliceCharCount = lineEndChar - lineStartChar;
+    const runPmRange = runPmEnd - runPmStart;
+    const runSlicePmStart = runPmStart + lineStartChar / runTextLength * runPmRange;
+    const runSlicePmEnd = runPmStart + lineEndChar / runTextLength * runPmRange;
+    if (pmPos >= runSlicePmStart && pmPos <= runSlicePmEnd) {
+      const runSlicePmRange = runSlicePmEnd - runSlicePmStart;
+      if (runSlicePmRange > 0) {
+        const pmOffsetInSlice = pmPos - runSlicePmStart;
+        const charOffsetInSlice = Math.round(pmOffsetInSlice / runSlicePmRange * runSliceCharCount);
+        const result = charOffset + Math.min(charOffsetInSlice, runSliceCharCount);
+        const runText2 = text;
+        const offsetInRun = result - charOffset - (isFirstRun ? 0 : 0);
+        logSelectionMapDebug({
+          blockId: block.id,
+          lineFromRun: line.fromRun,
+          lineToRun: line.toRun,
+          runTextPreview: runText2.slice(Math.max(0, offsetInRun - 10), Math.min(runText2.length, offsetInRun + 10))
+        });
+        return result;
+      }
+      logSelectionMapDebug({
+        blockId: block.id
+      });
+      return charOffset;
+    }
+    if (pmPos > runSlicePmEnd) {
+      charOffset += runSliceCharCount;
+    }
+  }
+  logSelectionMapDebug({
+    blockId: block.id,
+    lineFromRun: line.fromRun,
+    lineToRun: line.toRun
+  });
+  return charOffset;
+}
 const determineColumn = (layout, fragmentX) => {
   const columns = layout.columns;
   if (!columns || columns.count <= 1) return 0;
@@ -27800,8 +28395,8 @@ const mapPointToPm = (block, line, x, isRTL) => {
   if (isRTL) {
     const charOffset = result.charOffset;
     const charsInLine = Math.max(1, line.toChar - line.fromChar);
-    const reversedOffset = charsInLine - charOffset;
-    return range.pmStart + reversedOffset;
+    const reversedOffset = Math.max(0, Math.min(charsInLine, charsInLine - charOffset));
+    return charOffsetToPm(block, line, reversedOffset, range.pmStart);
   }
   return result.pmPosition;
 };
@@ -30244,9 +30839,227 @@ const TRACK_CHANGE_STYLES = `
   border-bottom: 2px solid gold;
 }
 `;
+const SDT_CONTAINER_STYLES = `
+/* Document Section - Block-level container with gray border and hover tooltip */
+.superdoc-document-section {
+  background-color: #fafafa;
+  border: 1px solid #ababab;
+  border-radius: 4px;
+  position: relative;
+  box-sizing: border-box;
+}
+
+/* Document section tooltip - positioned above the fragment */
+.superdoc-document-section__tooltip {
+  position: absolute;
+  top: -19px;
+  left: -1px;
+  max-width: 100px;
+  min-width: 0;
+  height: 18px;
+  border: 1px solid #ababab;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  padding: 0 8px;
+  align-items: center;
+  font-size: 10px;
+  display: none;
+  z-index: 100;
+  background-color: #fafafa;
+  pointer-events: none;
+}
+
+.superdoc-document-section__tooltip span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* Show tooltip on hover - adjust border radius to connect with tooltip tab */
+.superdoc-document-section:hover {
+  border-radius: 0 4px 4px 4px;
+}
+
+.superdoc-document-section:hover .superdoc-document-section__tooltip {
+  display: flex;
+  align-items: center;
+}
+
+/* Continuation styling: first fragment has top corners, last has bottom corners */
+.superdoc-document-section[data-sdt-container-start="true"] {
+  border-radius: 4px 4px 0 0;
+}
+
+.superdoc-document-section[data-sdt-container-end="true"] {
+  border-radius: 0 0 4px 4px;
+}
+
+.superdoc-document-section[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
+}
+
+.superdoc-document-section[data-sdt-container-start="true"]:hover {
+  border-radius: 0 4px 0 0;
+}
+
+/* Middle fragments have no border radius */
+.superdoc-document-section:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
+  border-radius: 0;
+  border-top: none;
+}
+
+/* Structured Content Block - Blue border container */
+.superdoc-structured-content-block {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+}
+
+/* Structured content drag handle/label - positioned above */
+.superdoc-structured-content__label {
+  font-size: 10px;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 2px;
+  top: -19px;
+  width: calc(100% - 4px);
+  max-width: 110px;
+  min-width: 0;
+  height: 18px;
+  padding: 0 4px;
+  border: 1px solid #629be7;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  background-color: #629be7dd;
+  box-sizing: border-box;
+  z-index: 10;
+  display: none;
+  pointer-events: none;
+}
+
+.superdoc-structured-content__label span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.superdoc-structured-content-block:hover .superdoc-structured-content__label {
+  display: inline-flex;
+}
+
+/* Continuation styling for structured content blocks */
+.superdoc-structured-content-block[data-sdt-container-start="true"] {
+  border-radius: 4px 4px 0 0;
+}
+
+.superdoc-structured-content-block[data-sdt-container-end="true"] {
+  border-radius: 0 0 4px 4px;
+}
+
+.superdoc-structured-content-block[data-sdt-container-start="true"][data-sdt-container-end="true"] {
+  border-radius: 4px;
+}
+
+.superdoc-structured-content-block:not([data-sdt-container-start="true"]):not([data-sdt-container-end="true"]) {
+  border-radius: 0;
+  border-top: none;
+}
+
+/* Structured Content Inline - Inline wrapper with blue border */
+.superdoc-structured-content-inline {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+  display: inline;
+}
+
+/* Hover effect for inline structured content */
+.superdoc-structured-content-inline:hover {
+  background-color: rgba(98, 155, 231, 0.15);
+  border-color: #4a8ad9;
+}
+
+/* Inline structured content label - shown on hover */
+.superdoc-structured-content-inline__label {
+  position: absolute;
+  bottom: calc(100% + 2px);
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 10px;
+  padding: 2px 6px;
+  background-color: #629be7dd;
+  color: white;
+  border-radius: 4px;
+  white-space: nowrap;
+  z-index: 100;
+  display: none;
+  pointer-events: none;
+}
+
+.superdoc-structured-content-inline:hover .superdoc-structured-content-inline__label {
+  display: block;
+}
+
+/* Print mode: hide visual styling for SDT containers */
+@media print {
+  .superdoc-document-section,
+  .superdoc-structured-content-block,
+  .superdoc-structured-content-inline {
+    background: none;
+    border: none;
+    padding: 0;
+  }
+
+  .superdoc-document-section__tooltip,
+  .superdoc-structured-content__label,
+  .superdoc-structured-content-inline__label {
+    display: none !important;
+  }
+}
+`;
+const FIELD_ANNOTATION_STYLES = `
+/* Field annotation draggable styles */
+.superdoc-layout .annotation[data-draggable="true"] {
+  cursor: grab;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.superdoc-layout .annotation[data-draggable="true"]:hover {
+  opacity: 0.9;
+}
+
+.superdoc-layout .annotation[data-draggable="true"]:active {
+  cursor: grabbing;
+}
+
+/* Drag over indicator for drop targets */
+.superdoc-layout.drag-over {
+  outline: 2px dashed #b015b3;
+  outline-offset: -2px;
+}
+
+/* Drop zone indicator */
+.superdoc-layout .superdoc-drop-indicator {
+  position: absolute;
+  width: 2px;
+  background-color: #b015b3;
+  pointer-events: none;
+  z-index: 1000;
+}
+`;
 let printStylesInjected = false;
 let linkStylesInjected = false;
 let trackChangeStylesInjected = false;
+let sdtContainerStylesInjected = false;
+let fieldAnnotationStylesInjected = false;
 const ensurePrintStyles = (doc2) => {
   if (printStylesInjected || !doc2) return;
   const styleEl = doc2.createElement("style");
@@ -30271,6 +31084,22 @@ const ensureTrackChangeStyles = (doc2) => {
   doc2.head?.appendChild(styleEl);
   trackChangeStylesInjected = true;
 };
+const ensureSdtContainerStyles = (doc2) => {
+  if (sdtContainerStylesInjected || !doc2) return;
+  const styleEl = doc2.createElement("style");
+  styleEl.setAttribute("data-superdoc-sdt-container-styles", "true");
+  styleEl.textContent = SDT_CONTAINER_STYLES;
+  doc2.head?.appendChild(styleEl);
+  sdtContainerStylesInjected = true;
+};
+const ensureFieldAnnotationStyles = (doc2) => {
+  if (fieldAnnotationStylesInjected || !doc2) return;
+  const styleEl = doc2.createElement("style");
+  styleEl.setAttribute("data-superdoc-field-annotation-styles", "true");
+  styleEl.textContent = FIELD_ANNOTATION_STYLES;
+  doc2.head?.appendChild(styleEl);
+  fieldAnnotationStylesInjected = true;
+};
 const ALLOWED_BORDER_STYLES = /* @__PURE__ */ new Set([
   "none",
   "single",
@@ -30600,6 +31429,50 @@ const renderTableRow = (deps) => {
     container.appendChild(cellElement);
   }
 };
+function isStructuredContentMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "structuredContent";
+}
+function isDocumentSectionMetadata(sdt) {
+  return sdt !== null && sdt !== void 0 && typeof sdt === "object" && "type" in sdt && sdt.type === "documentSection";
+}
+function getSdtContainerConfig(sdt) {
+  if (isDocumentSectionMetadata(sdt)) {
+    return {
+      className: "superdoc-document-section",
+      labelText: sdt.title ?? "Document section",
+      labelClassName: "superdoc-document-section__tooltip",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  if (isStructuredContentMetadata(sdt) && sdt.scope === "block") {
+    return {
+      className: "superdoc-structured-content-block",
+      labelText: sdt.alias ?? "Structured content",
+      labelClassName: "superdoc-structured-content__label",
+      isStart: true,
+      isEnd: true
+    };
+  }
+  return null;
+}
+function applySdtContainerStyling(doc2, container, sdt, containerSdt) {
+  let config = getSdtContainerConfig(sdt);
+  if (!config && containerSdt) {
+    config = getSdtContainerConfig(containerSdt);
+  }
+  if (!config) return;
+  container.classList.add(config.className);
+  container.dataset.sdtContainerStart = String(config.isStart);
+  container.dataset.sdtContainerEnd = String(config.isEnd);
+  container.style.overflow = "visible";
+  const labelEl = doc2.createElement("div");
+  labelEl.className = config.labelClassName;
+  const labelText = doc2.createElement("span");
+  labelText.textContent = config.labelText;
+  labelEl.appendChild(labelText);
+  container.appendChild(labelEl);
+}
 const renderTableFragment = (deps) => {
   const { doc: doc2, fragment, blockLookup, context, renderLine, applyFragmentFrame, applySdtDataset, applyStyles: applyStyles2 } = deps;
   if (!doc2) {
@@ -30636,6 +31509,7 @@ const renderTableFragment = (deps) => {
   applyFragmentFrame(container, fragment);
   container.style.height = `${fragment.height}px`;
   applySdtDataset(container, block.attrs?.sdt);
+  applySdtContainerStyling(doc2, container, block.attrs?.sdt);
   container.classList.add("superdoc-table-fragment");
   if (fragment.metadata?.columnBoundaries) {
     const columnCount = measure.columnWidths.length;
@@ -31102,6 +31976,8 @@ const _DomPainter = class _DomPainter {
     ensurePrintStyles(doc2);
     ensureLinkStyles(doc2);
     ensureTrackChangeStyles(doc2);
+    ensureFieldAnnotationStyles(doc2);
+    ensureSdtContainerStyles(doc2);
     mount.classList.add(CLASS_NAMES.container);
     if (this.mount && this.mount !== mount) {
       this.resetState();
@@ -31624,7 +32500,8 @@ const _DomPainter = class _DomPainter {
       fragmentEl.classList.add(CLASS_NAMES.fragment);
       const isTocEntry = block.attrs?.isTocEntry;
       const hasMarker = !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
-      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
+      const hasSdtContainer = block.attrs?.sdt?.type === "documentSection" || block.attrs?.sdt?.type === "structuredContent" || block.attrs?.containerSdt?.type === "documentSection" || block.attrs?.containerSdt?.type === "structuredContent";
+      const styles = isTocEntry ? { ...fragmentStyles, whiteSpace: "nowrap" } : hasMarker || hasSdtContainer ? { ...fragmentStyles, overflow: "visible" } : fragmentStyles;
       applyStyles$2(fragmentEl, styles);
       this.applyFragmentFrame(fragmentEl, fragment, context.section);
       if (isTocEntry) {
@@ -31644,6 +32521,7 @@ const _DomPainter = class _DomPainter {
       }
       this.applySdtDataset(fragmentEl, block.attrs?.sdt);
       this.applyContainerSdtDataset(fragmentEl, block.attrs?.containerSdt);
+      applySdtContainerStyling(this.doc, fragmentEl, block.attrs?.sdt, block.attrs?.containerSdt);
       const dropCapDescriptor = block.attrs?.dropCapDescriptor;
       const dropCapMeasure = measure.dropCap;
       if (dropCapDescriptor && dropCapMeasure && !fragment.continuesFromPrev) {
@@ -31658,8 +32536,22 @@ const _DomPainter = class _DomPainter {
       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;
@@ -31848,6 +32740,7 @@ const _DomPainter = class _DomPainter {
       fragmentEl.dataset.itemId = fragment.itemId;
       const paragraphMetadata = item.paragraph.attrs?.sdt;
       this.applySdtDataset(fragmentEl, paragraphMetadata);
+      applySdtContainerStyling(this.doc, fragmentEl, paragraphMetadata, item.paragraph.attrs?.containerSdt);
       if (fragment.continuesFromPrev) {
         fragmentEl.dataset.continuesFromPrev = "true";
       }
@@ -31888,8 +32781,13 @@ const _DomPainter = class _DomPainter {
       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);
@@ -32411,12 +33309,15 @@ const _DomPainter = class _DomPainter {
     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
@@ -32611,10 +33512,19 @@ const _DomPainter = class _DomPainter {
   isBreakRun(run) {
     return run.kind === "break";
   }
+  /**
+   * Type guard to check if a run is a field annotation run.
+   */
+  isFieldAnnotationRun(run) {
+    return run.kind === "fieldAnnotation";
+  }
   renderRun(run, context, trackedConfig) {
     if (this.isImageRun(run)) {
       return this.renderImageRun(run);
     }
+    if (this.isFieldAnnotationRun(run)) {
+      return this.renderFieldAnnotationRun(run);
+    }
     if (this.isLineBreakRun(run)) {
       return null;
     }
@@ -32751,7 +33661,212 @@ const _DomPainter = class _DomPainter {
     }
     return img;
   }
-  renderLine(block, line, context) {
+  /**
+   * Renders a FieldAnnotationRun as an inline "pill" element matching super-editor's visual appearance.
+   *
+   * Field annotations are styled inline elements that display form fields with:
+   * - Outer span with border, border-radius, padding, and background color
+   * - Inner span containing the displayLabel or type-specific content (image, link, etc.)
+   *
+   * @param run - The FieldAnnotationRun to render containing field configuration and styling
+   * @returns HTMLElement (span) or null if document is not available
+   *
+   * @example
+   * ```typescript
+   * // Text variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'text', displayLabel: 'Full Name', fieldColor: '#980043' })
+   * // Returns: <span class="annotation" style="border: 2px solid #b015b3; ..."><span class="annotation-content">Full Name</span></span>
+   *
+   * // Image variant with imageSrc
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'image', displayLabel: 'Photo', imageSrc: 'data:image/png;...' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><img src="..." /></span></span>
+   *
+   * // Link variant
+   * renderFieldAnnotationRun({ kind: 'fieldAnnotation', variant: 'link', displayLabel: 'Website', linkUrl: 'https://example.com' })
+   * // Returns: <span class="annotation"><span class="annotation-content"><a href="...">https://example.com</a></span></span>
+   * ```
+   */
+  renderFieldAnnotationRun(run) {
+    if (!this.doc) {
+      return null;
+    }
+    if (run.hidden) {
+      const hidden = this.doc.createElement("span");
+      hidden.style.display = "none";
+      if (run.pmStart != null) hidden.dataset.pmStart = String(run.pmStart);
+      if (run.pmEnd != null) hidden.dataset.pmEnd = String(run.pmEnd);
+      return hidden;
+    }
+    const defaultBorderColor = "#b015b3";
+    const defaultFieldColor = "#980043";
+    const annotation = this.doc.createElement("span");
+    annotation.classList.add("annotation");
+    annotation.setAttribute("aria-label", "Field annotation");
+    const showHighlight = run.highlighted !== false;
+    if (showHighlight) {
+      const borderColor = run.borderColor || defaultBorderColor;
+      annotation.style.border = `2px solid ${borderColor}`;
+      annotation.style.borderRadius = "2px";
+      annotation.style.padding = "1px 2px";
+      annotation.style.boxSizing = "border-box";
+      const fieldColor = run.fieldColor || defaultFieldColor;
+      const bgColor = fieldColor.length === 7 ? `${fieldColor}33` : fieldColor;
+      if (run.textHighlight) {
+        annotation.style.backgroundColor = run.textHighlight;
+      } else {
+        annotation.style.backgroundColor = bgColor;
+      }
+    }
+    if (run.visibility === "hidden") {
+      annotation.style.visibility = "hidden";
+    }
+    if (run.size) {
+      if (run.size.width) {
+        annotation.style.width = `${run.size.width}px`;
+        annotation.style.display = "inline-block";
+        annotation.style.overflow = "hidden";
+      }
+      if (run.size.height) {
+        annotation.style.height = `${run.size.height}px`;
+      }
+    }
+    if (run.fontFamily) {
+      annotation.style.fontFamily = run.fontFamily;
+    }
+    if (run.fontSize) {
+      const fontSize = typeof run.fontSize === "number" ? `${run.fontSize}pt` : run.fontSize;
+      annotation.style.fontSize = fontSize;
+    }
+    if (run.textColor) {
+      annotation.style.color = run.textColor;
+    }
+    if (run.bold) {
+      annotation.style.fontWeight = "bold";
+    }
+    if (run.italic) {
+      annotation.style.fontStyle = "italic";
+    }
+    if (run.underline) {
+      annotation.style.textDecoration = "underline";
+    }
+    annotation.style.zIndex = "1";
+    const content = this.doc.createElement("span");
+    content.classList.add("annotation-content");
+    content.style.pointerEvents = "none";
+    content.setAttribute("contenteditable", "false");
+    switch (run.variant) {
+      case "image":
+      case "signature": {
+        if (run.imageSrc) {
+          const img = this.doc.createElement("img");
+          const isDataUrl = run.imageSrc.startsWith("data:");
+          if (isDataUrl) {
+            if (run.imageSrc.length <= MAX_DATA_URL_LENGTH && VALID_IMAGE_DATA_URL.test(run.imageSrc)) {
+              img.src = run.imageSrc;
+            } else {
+              content.textContent = run.displayLabel;
+              break;
+            }
+          } else {
+            const sanitized = sanitizeHref(run.imageSrc);
+            if (sanitized) {
+              img.src = sanitized.href;
+            } else {
+              content.textContent = run.displayLabel;
+              break;
+            }
+          }
+          img.alt = run.displayLabel;
+          img.style.height = "auto";
+          img.style.maxWidth = "100%";
+          img.style.pointerEvents = "none";
+          img.style.verticalAlign = "middle";
+          if (run.variant === "signature") {
+            img.style.maxHeight = "28px";
+          }
+          content.appendChild(img);
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run.displayLabel || (run.variant === "signature" ? "Signature" : "");
+        }
+        break;
+      }
+      case "link": {
+        if (run.linkUrl) {
+          const link = this.doc.createElement("a");
+          const sanitized = sanitizeHref(run.linkUrl);
+          if (sanitized) {
+            link.href = sanitized.href;
+            link.target = "_blank";
+            link.rel = "noopener noreferrer";
+            link.textContent = run.linkUrl;
+            link.style.textDecoration = "none";
+            content.style.pointerEvents = "all";
+            content.appendChild(link);
+          } else {
+            content.textContent = run.displayLabel;
+          }
+        } else {
+          content.textContent = run.displayLabel;
+        }
+        break;
+      }
+      case "html": {
+        if (run.rawHtml && typeof run.rawHtml === "string") {
+          content.textContent = run.displayLabel;
+          annotation.style.display = "inline-block";
+          content.style.display = "inline-block";
+        } else {
+          content.textContent = run.displayLabel;
+        }
+        break;
+      }
+      case "text":
+      case "checkbox":
+      default: {
+        content.textContent = run.displayLabel;
+        break;
+      }
+    }
+    annotation.appendChild(content);
+    annotation.dataset.type = run.variant;
+    if (run.fieldId) {
+      annotation.dataset.fieldId = run.fieldId;
+    }
+    if (run.fieldType) {
+      annotation.dataset.fieldType = run.fieldType;
+    }
+    annotation.draggable = true;
+    annotation.dataset.draggable = "true";
+    if (run.displayLabel) {
+      annotation.dataset.displayLabel = run.displayLabel;
+    }
+    if (run.variant) {
+      annotation.dataset.variant = run.variant;
+    }
+    assertPmPositions(run, "field annotation run");
+    if (run.pmStart != null) {
+      annotation.dataset.pmStart = String(run.pmStart);
+    }
+    if (run.pmEnd != null) {
+      annotation.dataset.pmEnd = String(run.pmEnd);
+    }
+    this.applySdtDataset(annotation, run.sdt);
+    return annotation;
+  }
+  /**
+   * Renders a single line of a paragraph block.
+   *
+   * @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");
     }
@@ -32763,8 +33878,10 @@ const _DomPainter = class _DomPainter {
       el.setAttribute("styleid", styleId);
     }
     const alignment = block.attrs?.alignment;
-    if (alignment === "center" || alignment === "right" || alignment === "justify") {
-      el.style.textAlign = alignment === "justify" ? "justify" : alignment;
+    if (alignment === "center" || alignment === "right") {
+      el.style.textAlign = alignment;
+    } else if (alignment === "justify") {
+      el.style.textAlign = "left";
     } else {
       el.style.textAlign = "left";
     }
@@ -32777,6 +33894,7 @@ const _DomPainter = class _DomPainter {
     }
     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;";
@@ -32823,6 +33941,19 @@ const _DomPainter = class _DomPainter {
       });
     }
     const hasExplicitPositioning = line.segments?.some((seg) => seg.x !== void 0);
+    const availableWidth = availableWidthOverride ?? line.maxWidth ?? line.width;
+    const shouldJustify = !skipJustify && alignment === "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();
@@ -32901,6 +34032,22 @@ const _DomPainter = class _DomPainter {
         if (this.isBreakRun(baseRun)) {
           continue;
         }
+        if (this.isFieldAnnotationRun(baseRun)) {
+          const elem = this.renderRun(baseRun, context, trackedConfig);
+          if (elem) {
+            if (styleId) {
+              elem.setAttribute("styleid", styleId);
+            }
+            const runSegments2 = segmentsByRun.get(runIndex);
+            const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+            const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : 0) ?? 0;
+            elem.style.position = "absolute";
+            elem.style.left = `${segX}px`;
+            el.appendChild(elem);
+            cumulativeX = segX + segWidth;
+          }
+          continue;
+        }
         const runSegments = segmentsByRun.get(runIndex);
         if (!runSegments || runSegments.length === 0) {
           continue;
@@ -32946,7 +34093,22 @@ const _DomPainter = class _DomPainter {
         });
       }
     } else {
+      let currentInlineSdtWrapper = null;
+      let currentInlineSdtId = null;
+      const closeCurrentWrapper = () => {
+        if (currentInlineSdtWrapper) {
+          el.appendChild(currentInlineSdtWrapper);
+          currentInlineSdtWrapper = null;
+          currentInlineSdtId = null;
+        }
+      };
       runsForLine.forEach((run) => {
+        const runSdt = run.sdt;
+        const isInlineSdt = runSdt?.type === "structuredContent" && runSdt?.scope === "inline";
+        const runSdtId = isInlineSdt && runSdt?.id ? String(runSdt.id) : null;
+        if (runSdtId !== currentInlineSdtId) {
+          closeCurrentWrapper();
+        }
         if (run.kind === "tab") {
           const tabEl = this.doc.createElement("span");
           tabEl.classList.add("superdoc-tab");
@@ -32974,9 +34136,37 @@ const _DomPainter = class _DomPainter {
           if (styleId) {
             elem.setAttribute("styleid", styleId);
           }
-          el.appendChild(elem);
+          if (isInlineSdt && runSdtId && this.doc) {
+            if (!currentInlineSdtWrapper) {
+              currentInlineSdtWrapper = this.doc.createElement("span");
+              currentInlineSdtWrapper.className = "superdoc-structured-content-inline";
+              currentInlineSdtId = runSdtId;
+              this.applySdtDataset(currentInlineSdtWrapper, runSdt);
+              const alias = runSdt?.alias || "Inline content";
+              const labelEl = this.doc.createElement("span");
+              labelEl.className = "superdoc-structured-content-inline__label";
+              labelEl.textContent = alias;
+              currentInlineSdtWrapper.appendChild(labelEl);
+            }
+            const wrapperPmStart = currentInlineSdtWrapper.dataset.pmStart;
+            const wrapperPmEnd = currentInlineSdtWrapper.dataset.pmEnd;
+            if (run.pmStart != null) {
+              if (!wrapperPmStart || run.pmStart < parseInt(wrapperPmStart, 10)) {
+                currentInlineSdtWrapper.dataset.pmStart = String(run.pmStart);
+              }
+            }
+            if (run.pmEnd != null) {
+              if (!wrapperPmEnd || run.pmEnd > parseInt(wrapperPmEnd, 10)) {
+                currentInlineSdtWrapper.dataset.pmEnd = String(run.pmEnd);
+              }
+            }
+            currentInlineSdtWrapper.appendChild(elem);
+          } else {
+            el.appendChild(elem);
+          }
         }
       });
+      closeCurrentWrapper();
     }
     const anchors = el.querySelectorAll("a[href]");
     anchors.forEach((anchor) => {
@@ -33484,7 +34674,7 @@ const deriveBlockVersion = (block) => {
   return block.id;
 };
 const applyRunStyles = (element, run, _isLink = false) => {
-  if (run.kind === "tab" || run.kind === "image" || run.kind === "lineBreak" || run.kind === "break") {
+  if (run.kind === "tab" || run.kind === "image" || run.kind === "lineBreak" || run.kind === "break" || run.kind === "fieldAnnotation") {
     return;
   }
   element.style.fontFamily = run.fontFamily;
@@ -33606,6 +34796,23 @@ const applyParagraphShadingStyles = (element, shading) => {
   if (!shading?.fill) return;
   element.style.backgroundColor = shading.fill;
 };
+const gatherTextSlicesForLine = (block, line) => {
+  const slices = [];
+  const startRun = line.fromRun ?? 0;
+  const endRun = line.toRun ?? startRun;
+  for (let runIndex = startRun; runIndex <= endRun; runIndex += 1) {
+    const run = block.runs[runIndex];
+    if (!run || run.kind !== "text" && run.kind !== void 0 || !("text" in run) || !run.text) continue;
+    const isFirst = runIndex === startRun;
+    const isLast = runIndex === endRun;
+    const start2 = isFirst ? line.fromChar ?? 0 : 0;
+    const end2 = isLast ? line.toChar ?? run.text.length : run.text.length;
+    if (start2 >= end2) continue;
+    const slice2 = run.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) {
@@ -33627,6 +34834,10 @@ const sliceRunsForLine = (block, line) => {
       result.push(run);
       continue;
     }
+    if (run.kind === "fieldAnnotation") {
+      result.push(run);
+      continue;
+    }
     if (!("text" in run)) {
       continue;
     }
@@ -33942,6 +35153,10 @@ const DEFAULT_TAB_INTERVAL_PX = twipsToPx(DEFAULT_TAB_INTERVAL_TWIPS);
 const TAB_EPSILON = 0.1;
 const DEFAULT_DECIMAL_SEPARATOR = ".";
 const ALLOWED_TAB_VALS = /* @__PURE__ */ new Set(["start", "center", "end", "decimal", "bar", "clear"]);
+const FIELD_ANNOTATION_PILL_PADDING = 8;
+const FIELD_ANNOTATION_LINE_HEIGHT_MULTIPLIER = 1.2;
+const FIELD_ANNOTATION_VERTICAL_PADDING = 6;
+const DEFAULT_FIELD_ANNOTATION_FONT_SIZE = 16;
 const roundValue = (value) => value;
 function getCanvasContext() {
   if (!canvasContext) {
@@ -34021,6 +35236,9 @@ function isImageRun(run) {
 function isLineBreakRun(run) {
   return run.kind === "lineBreak";
 }
+function isFieldAnnotationRun(run) {
+  return run.kind === "fieldAnnotation";
+}
 async function measureBlock(block, constraints) {
   const normalized = normalizeConstraints(constraints);
   if (block.kind === "drawing") {
@@ -34387,6 +35605,92 @@ async function measureParagraphBlock(block, maxWidth) {
       lastAppliedTabAlign = null;
       continue;
     }
+    if (isFieldAnnotationRun(run)) {
+      const displayText = run.displayLabel || "";
+      const annotationFontSize = typeof run.fontSize === "number" ? run.fontSize : typeof run.fontSize === "string" ? parseFloat(run.fontSize) || DEFAULT_FIELD_ANNOTATION_FONT_SIZE : DEFAULT_FIELD_ANNOTATION_FONT_SIZE;
+      const annotationFontFamily = run.fontFamily || "Arial, sans-serif";
+      const fontWeight = run.bold ? "bold" : "normal";
+      const fontStyle = run.italic ? "italic" : "normal";
+      const annotationFont = `${fontStyle} ${fontWeight} ${annotationFontSize}px ${annotationFontFamily}`;
+      ctx2.font = annotationFont;
+      const textWidth = displayText ? ctx2.measureText(displayText).width : 0;
+      const annotationWidth = textWidth + FIELD_ANNOTATION_PILL_PADDING;
+      const annotationHeight = annotationFontSize * FIELD_ANNOTATION_LINE_HEIGHT_MULTIPLIER + FIELD_ANNOTATION_VERTICAL_PADDING;
+      let annotationStartX;
+      if (pendingTabAlignment && currentLine) {
+        annotationStartX = alignPendingTabForWidth(annotationWidth);
+      }
+      if (!currentLine) {
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          // Field annotations are atomic units
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(initialAvailableWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth,
+              ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+            }
+          ]
+        };
+        continue;
+      }
+      if (currentLine.width + annotationWidth > currentLine.maxWidth && currentLine.width > 0) {
+        const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
+        const completedLine = {
+          ...currentLine,
+          ...metrics
+        };
+        addBarTabsToLine(completedLine);
+        lines.push(completedLine);
+        tabStopCursor = 0;
+        pendingTabAlignment = null;
+        lastAppliedTabAlign = null;
+        currentLine = {
+          fromRun: runIndex,
+          fromChar: 0,
+          toRun: runIndex,
+          toChar: 1,
+          width: annotationWidth,
+          maxFontSize: annotationHeight,
+          maxWidth: getEffectiveWidth(contentWidth),
+          segments: [
+            {
+              runIndex,
+              fromChar: 0,
+              toChar: 1,
+              width: annotationWidth
+            }
+          ]
+        };
+      } else {
+        currentLine.toRun = runIndex;
+        currentLine.toChar = 1;
+        currentLine.width = roundValue(currentLine.width + annotationWidth);
+        currentLine.maxFontSize = Math.max(currentLine.maxFontSize, annotationHeight);
+        if (!currentLine.segments) currentLine.segments = [];
+        currentLine.segments.push({
+          runIndex,
+          fromChar: 0,
+          toChar: 1,
+          width: annotationWidth,
+          ...annotationStartX !== void 0 ? { x: annotationStartX } : {}
+        });
+      }
+      const tabAlign = lastAppliedTabAlign;
+      if (tabAlign && currentLine && tabAlign.val === "end") {
+        currentLine.width = roundValue(tabAlign.target);
+      }
+      lastAppliedTabAlign = null;
+      continue;
+    }
     if (!("text" in run) || !("fontSize" in run)) {
       continue;
     }
@@ -36460,6 +37764,12 @@ function isInRegisteredSurface(event) {
   }
   return false;
 }
+function isValidFieldAnnotationAttributes(attrs) {
+  if (!attrs || typeof attrs !== "object") return false;
+  const a = attrs;
+  return typeof a.fieldId === "string" && typeof a.fieldType === "string" && typeof a.displayLabel === "string" && typeof a.type === "string";
+}
+const FIELD_ANNOTATION_DATA_TYPE = "fieldAnnotation";
 const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
 const WORD_CHARACTER_REGEX = /[\p{L}\p{N}''_~-]/u;
@@ -36485,6 +37795,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateAdd(this, _layoutOptions);
     __privateAdd(this, _layoutState, { blocks: [], measures: [], layout: null });
     __privateAdd(this, _domPainter, null);
+    __privateAdd(this, _dragHandlerCleanup, null);
     __privateAdd(this, _layoutError, null);
     __privateAdd(this, _layoutErrorState, "healthy");
     __privateAdd(this, _errorBanner, null);
@@ -36529,6 +37840,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateAdd(this, _lastClickTime, 0);
     __privateAdd(this, _lastClickPosition, { x: 0, y: 0 });
     __privateAdd(this, _lastSelectedImageBlockId, null);
+    // Drag selection state
+    __privateAdd(this, _dragAnchor, null);
+    __privateAdd(this, _isDragging, false);
+    __privateAdd(this, _dragExtensionMode, "char");
     // Remote cursor/presence state management
     /** Map of clientId -> normalized remote cursor state */
     __privateAdd(this, _remoteCursorState, /* @__PURE__ */ new Map());
@@ -36550,8 +37865,12 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       if (event.button !== 0) {
         return;
       }
+      const target = event.target;
+      const isDraggableAnnotation = target?.closest?.('[data-draggable="true"]') != null;
       if (!__privateGet(this, _layoutState).layout) {
-        event.preventDefault();
+        if (!isDraggableAnnotation) {
+          event.preventDefault();
+        }
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
         }
@@ -36560,10 +37879,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
           return;
         }
         const validPos = __privateMethod(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-        const doc2 = __privateGet(this, _editor3)?.state?.doc;
-        if (doc2) {
+        const doc22 = __privateGet(this, _editor3)?.state?.doc;
+        if (doc22) {
           try {
-            const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc2, validPos));
+            const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc22, validPos));
             __privateGet(this, _editor3).view?.dispatch(tr);
           } catch (error) {
             if (process$1.env.NODE_ENV === "development") {
@@ -36599,7 +37918,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       if (headerFooterRegion) {
         return;
       }
-      const hit = clickToPosition(
+      const rawHit = clickToPosition(
         __privateGet(this, _layoutState).layout,
         __privateGet(this, _layoutState).blocks,
         __privateGet(this, _layoutState).measures,
@@ -36608,7 +37927,11 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         event.clientX,
         event.clientY
       );
-      event.preventDefault();
+      const doc2 = __privateGet(this, _editor3).state?.doc;
+      const hit = rawHit && doc2 ? { ...rawHit, pos: Math.max(0, Math.min(rawHit.pos, doc2.content.size)) } : rawHit;
+      if (!isDraggableAnnotation) {
+        event.preventDefault();
+      }
       if (!hit) {
         if (document.activeElement instanceof HTMLElement) {
           document.activeElement.blur();
@@ -36616,10 +37939,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         const editorDom2 = __privateGet(this, _editor3).view?.dom;
         if (editorDom2) {
           const validPos = __privateMethod(this, _PresentationEditor_instances, getFirstTextPosition_fn).call(this);
-          const doc2 = __privateGet(this, _editor3)?.state?.doc;
-          if (doc2) {
+          const doc22 = __privateGet(this, _editor3)?.state?.doc;
+          if (doc22) {
             try {
-              const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc2, validPos));
+              const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(doc22, validPos));
               __privateGet(this, _editor3).view?.dispatch(tr);
             } catch (error) {
               if (process$1.env.NODE_ENV === "development") {
@@ -36640,9 +37963,9 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         hit.pos
       );
       if (fragmentHit && (fragmentHit.fragment.kind === "image" || fragmentHit.fragment.kind === "drawing")) {
-        const doc2 = __privateGet(this, _editor3).state.doc;
+        const doc22 = __privateGet(this, _editor3).state.doc;
         try {
-          const tr = __privateGet(this, _editor3).state.tr.setSelection(NodeSelection.create(doc2, hit.pos));
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(NodeSelection.create(doc22, hit.pos));
           __privateGet(this, _editor3).view?.dispatch(tr);
           if (__privateGet(this, _lastSelectedImageBlockId) && __privateGet(this, _lastSelectedImageBlockId) !== fragmentHit.fragment.blockId) {
             this.emit("imageDeselected", { blockId: __privateGet(this, _lastSelectedImageBlockId) });
@@ -36680,18 +38003,61 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
         this.emit("imageDeselected", { blockId: __privateGet(this, _lastSelectedImageBlockId) });
         __privateSet(this, _lastSelectedImageBlockId, null);
       }
+      if (event.shiftKey && __privateGet(this, _editor3).state.selection.$anchor) {
+        const anchor = __privateGet(this, _editor3).state.selection.anchor;
+        const head = hit.pos;
+        const { selAnchor, selHead } = __privateMethod(this, _PresentationEditor_instances, calculateExtendedSelection_fn).call(this, anchor, head, __privateGet(this, _dragExtensionMode));
+        try {
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, selAnchor, selHead));
+          __privateGet(this, _editor3).view?.dispatch(tr);
+          __privateMethod(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(this, _dragExtensionMode)
+          });
+        }
+        if (document.activeElement instanceof HTMLElement) {
+          document.activeElement.blur();
+        }
+        const editorDom2 = __privateGet(this, _editor3).view?.dom;
+        if (editorDom2) {
+          editorDom2.focus();
+          __privateGet(this, _editor3).view?.focus();
+        }
+        return;
+      }
       const clickDepth = __privateMethod(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(this, _viewportHost).setPointerCapture === "function") {
+        __privateGet(this, _viewportHost).setPointerCapture(event.pointerId);
+      }
       let handledByDepth = false;
       if (__privateGet(this, _session).mode === "body") {
+        const selectionPos = clickDepth >= 2 && __privateGet(this, _dragAnchor) !== null ? __privateGet(this, _dragAnchor) : hit.pos;
         if (clickDepth >= 3) {
-          handledByDepth = __privateMethod(this, _PresentationEditor_instances, selectParagraphAt_fn).call(this, hit.pos);
+          handledByDepth = __privateMethod(this, _PresentationEditor_instances, selectParagraphAt_fn).call(this, selectionPos);
         } else if (clickDepth === 2) {
-          handledByDepth = __privateMethod(this, _PresentationEditor_instances, selectWordAt_fn).call(this, hit.pos);
+          handledByDepth = __privateMethod(this, _PresentationEditor_instances, selectWordAt_fn).call(this, selectionPos);
         }
       }
       if (!handledByDepth) {
-        const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, hit.pos));
         try {
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, hit.pos));
           __privateGet(this, _editor3).view?.dispatch(tr);
         } catch {
         }
@@ -36711,6 +38077,36 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       if (!__privateGet(this, _layoutState).layout) return;
       const normalized = __privateMethod(this, _PresentationEditor_instances, normalizeClientPoint_fn).call(this, event.clientX, event.clientY);
       if (!normalized) return;
+      if (__privateGet(this, _isDragging) && __privateGet(this, _dragAnchor) !== null && event.buttons & 1) {
+        const hit = clickToPosition(
+          __privateGet(this, _layoutState).layout,
+          __privateGet(this, _layoutState).blocks,
+          __privateGet(this, _layoutState).measures,
+          { x: normalized.x, y: normalized.y },
+          __privateGet(this, _viewportHost),
+          event.clientX,
+          event.clientY
+        );
+        if (!hit) return;
+        const anchor = __privateGet(this, _dragAnchor);
+        const head = hit.pos;
+        const { selAnchor, selHead } = __privateMethod(this, _PresentationEditor_instances, calculateExtendedSelection_fn).call(this, anchor, head, __privateGet(this, _dragExtensionMode));
+        try {
+          const tr = __privateGet(this, _editor3).state.tr.setSelection(TextSelection.create(__privateGet(this, _editor3).state.doc, selAnchor, selHead));
+          __privateGet(this, _editor3).view?.dispatch(tr);
+          __privateMethod(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(this, _dragExtensionMode)
+          });
+        }
+        return;
+      }
       if (__privateGet(this, _session).mode !== "body") {
         __privateMethod(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
         return;
@@ -36729,6 +38125,140 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateAdd(this, _handlePointerLeave, () => {
       __privateMethod(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
     });
+    __privateAdd(this, _handlePointerUp, (event) => {
+      if (!__privateGet(this, _isDragging)) return;
+      if (typeof __privateGet(this, _viewportHost).hasPointerCapture === "function" && typeof __privateGet(this, _viewportHost).releasePointerCapture === "function" && __privateGet(this, _viewportHost).hasPointerCapture(event.pointerId)) {
+        __privateGet(this, _viewportHost).releasePointerCapture(event.pointerId);
+      }
+      __privateSet(this, _isDragging, false);
+    });
+    /**
+     * Handles dragover events for field annotation drag-and-drop operations.
+     * Updates the cursor position during drag to provide visual feedback.
+     *
+     * @param event - The dragover event from the browser
+     *
+     * Side effects:
+     * - Prevents default browser drag behavior
+     * - Sets dropEffect to 'copy' to indicate the drag operation type
+     * - Updates the editor's text selection to follow the drag cursor
+     * - Triggers selection overlay updates via #scheduleSelectionUpdate
+     *
+     * Early returns:
+     * - If the editor is not editable
+     * - If no field annotation data is present in the drag
+     * - If hit testing fails or document is unavailable
+     * - If the cursor position hasn't changed
+     */
+    __privateAdd(this, _handleDragOver, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "copy";
+      }
+      const dt = event.dataTransfer;
+      const hasFieldAnnotation = dt?.types?.includes(FIELD_ANNOTATION_DATA_TYPE) || Boolean(dt?.getData?.(FIELD_ANNOTATION_DATA_TYPE));
+      if (!hasFieldAnnotation) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc2 = activeEditor.state?.doc;
+      if (!hit || !doc2) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc2.content.size);
+      const currentSelection = activeEditor.state.selection;
+      const isSameCursor = currentSelection instanceof TextSelection && currentSelection.from === pos && currentSelection.to === pos;
+      if (isSameCursor) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch (error) {
+        if (process$1.env.NODE_ENV === "development") {
+          console.debug("[PresentationEditor] Drag position update skipped:", error);
+        }
+      }
+    });
+    /**
+     * Handles drop events for field annotation drag-and-drop operations.
+     * Inserts a field annotation at the drop position and emits events for tracking.
+     *
+     * @param event - The drop event from the browser
+     *
+     * Side effects:
+     * - Prevents default browser drop behavior and stops event propagation
+     * - Inserts a field annotation node at the drop position
+     * - Moves the cursor to just after the inserted node
+     * - Emits 'fieldAnnotationDropped' event with drop metadata
+     * - Focuses the editor view
+     * - Triggers selection overlay updates via #scheduleSelectionUpdate
+     *
+     * Early returns:
+     * - If the editor is not editable
+     * - If no field annotation data is present in the drop
+     * - If JSON parsing of the payload fails
+     * - If hit testing and fallback position both fail
+     * - If the parsed attributes fail validation
+     *
+     * Fallback behavior:
+     * - If hit testing fails (e.g., during a reflow), falls back to current selection position
+     * - If selection is unavailable, falls back to end of document
+     */
+    __privateAdd(this, _handleDrop, (event) => {
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      if (event.dataTransfer?.types?.includes("application/x-field-annotation")) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      const fieldAnnotationData = event.dataTransfer?.getData(FIELD_ANNOTATION_DATA_TYPE);
+      if (!fieldAnnotationData) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const selection = activeEditor.state?.selection;
+      const fallbackPos = selection?.from ?? activeEditor.state?.doc?.content.size ?? null;
+      const pos = hit?.pos ?? fallbackPos;
+      if (pos == null) {
+        return;
+      }
+      let parsedData = null;
+      try {
+        parsedData = JSON.parse(fieldAnnotationData);
+      } catch {
+        return;
+      }
+      const { attributes, sourceField } = parsedData ?? {};
+      activeEditor.emit?.("fieldAnnotationDropped", {
+        sourceField,
+        editor: activeEditor,
+        coordinates: hit,
+        pos
+      });
+      if (attributes && isValidFieldAnnotationAttributes(attributes)) {
+        activeEditor.commands?.addFieldAnnotation?.(pos, attributes, true);
+        const posAfter = Math.min(pos + 1, activeEditor.state?.doc?.content.size ?? pos + 1);
+        const tr = activeEditor.state?.tr.setSelection(TextSelection.create(activeEditor.state.doc, posAfter));
+        if (tr) {
+          activeEditor.view?.dispatch(tr);
+        }
+        __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      }
+      const editorDom = activeEditor.view?.dom;
+      if (editorDom) {
+        editorDom.focus();
+        activeEditor.view?.focus();
+      }
+    });
     __privateAdd(this, _handleDoubleClick, (event) => {
       if (event.button !== 0) return;
       if (!__privateGet(this, _layoutState).layout) return;
@@ -36918,6 +38448,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
       __privateMethod(this, _PresentationEditor_instances, applyZoom_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupEditorListeners_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupPointerHandlers_fn).call(this);
+      __privateMethod(this, _PresentationEditor_instances, setupDragHandlers_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, setupInputBridge_fn).call(this);
       __privateMethod(this, _PresentationEditor_instances, syncTrackedChangesPreferences_fn).call(this);
       if (options.documentId) {
@@ -37629,6 +39160,7 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
    * Safe to call during partial initialization.
    */
   destroy() {
+    var _a;
     if (__privateGet(this, _rafHandle) != null) {
       __privateMethod(this, _PresentationEditor_instances, safeCleanup_fn).call(this, () => {
         const win = __privateGet(this, _visibleHost)?.ownerDocument?.defaultView ?? window;
@@ -37648,7 +39180,10 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateGet(this, _viewportHost)?.removeEventListener("pointerdown", __privateGet(this, _handlePointerDown));
     __privateGet(this, _viewportHost)?.removeEventListener("dblclick", __privateGet(this, _handleDoubleClick));
     __privateGet(this, _viewportHost)?.removeEventListener("pointermove", __privateGet(this, _handlePointerMove));
+    __privateGet(this, _viewportHost)?.removeEventListener("pointerup", __privateGet(this, _handlePointerUp));
     __privateGet(this, _viewportHost)?.removeEventListener("pointerleave", __privateGet(this, _handlePointerLeave));
+    __privateGet(this, _viewportHost)?.removeEventListener("dragover", __privateGet(this, _handleDragOver));
+    __privateGet(this, _viewportHost)?.removeEventListener("drop", __privateGet(this, _handleDrop));
     __privateGet(this, _visibleHost)?.removeEventListener("keydown", __privateGet(this, _handleKeyDown));
     __privateGet(this, _inputBridge)?.notifyTargetChanged();
     __privateGet(this, _inputBridge)?.destroy();
@@ -37687,6 +39222,8 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateSet(this, _domPainter, null);
+    (_a = __privateGet(this, _dragHandlerCleanup)) == null ? void 0 : _a.call(this);
+    __privateSet(this, _dragHandlerCleanup, null);
     __privateGet(this, _selectionOverlay2)?.remove();
     __privateGet(this, _painterHost)?.remove();
     __privateGet(this, _hiddenHost)?.remove();
@@ -37714,6 +39251,7 @@ _hiddenHost = new WeakMap();
 _layoutOptions = new WeakMap();
 _layoutState = new WeakMap();
 _domPainter = new WeakMap();
+_dragHandlerCleanup = new WeakMap();
 _layoutError = new WeakMap();
 _layoutErrorState = new WeakMap();
 _errorBanner = new WeakMap();
@@ -37757,6 +39295,9 @@ _clickCount = new WeakMap();
 _lastClickTime = new WeakMap();
 _lastClickPosition = new WeakMap();
 _lastSelectedImageBlockId = new WeakMap();
+_dragAnchor = new WeakMap();
+_isDragging = new WeakMap();
+_dragExtensionMode = new WeakMap();
 _remoteCursorState = new WeakMap();
 _remoteCursorDirty = new WeakMap();
 _remoteCursorOverlay = new WeakMap();
@@ -38209,9 +39750,106 @@ setupPointerHandlers_fn = function() {
   __privateGet(this, _viewportHost).addEventListener("pointerdown", __privateGet(this, _handlePointerDown));
   __privateGet(this, _viewportHost).addEventListener("dblclick", __privateGet(this, _handleDoubleClick));
   __privateGet(this, _viewportHost).addEventListener("pointermove", __privateGet(this, _handlePointerMove));
+  __privateGet(this, _viewportHost).addEventListener("pointerup", __privateGet(this, _handlePointerUp));
   __privateGet(this, _viewportHost).addEventListener("pointerleave", __privateGet(this, _handlePointerLeave));
+  __privateGet(this, _viewportHost).addEventListener("dragover", __privateGet(this, _handleDragOver));
+  __privateGet(this, _viewportHost).addEventListener("drop", __privateGet(this, _handleDrop));
   __privateGet(this, _visibleHost).addEventListener("keydown", __privateGet(this, _handleKeyDown));
 };
+/**
+ * Sets up drag and drop handlers for field annotations in the layout engine view.
+ * Uses the DragHandler from layout-bridge to handle drag events and map drop
+ * coordinates to ProseMirror positions.
+ */
+setupDragHandlers_fn = function() {
+  var _a;
+  (_a = __privateGet(this, _dragHandlerCleanup)) == null ? void 0 : _a.call(this);
+  __privateSet(this, _dragHandlerCleanup, null);
+  __privateSet(this, _dragHandlerCleanup, createDragHandler(__privateGet(this, _painterHost), {
+    onDragOver: (event) => {
+      if (!event.hasFieldAnnotation || event.event.clientX === 0) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      if (!activeEditor?.isEditable) {
+        return;
+      }
+      const hit = this.hitTest(event.clientX, event.clientY);
+      const doc2 = activeEditor.state?.doc;
+      if (!hit || !doc2) {
+        return;
+      }
+      const pos = Math.min(Math.max(hit.pos, 1), doc2.content.size);
+      const currentSelection = activeEditor.state.selection;
+      if (currentSelection instanceof TextSelection && currentSelection.from === pos && currentSelection.to === pos) {
+        return;
+      }
+      try {
+        const tr = activeEditor.state.tr.setSelection(TextSelection.create(doc2, pos)).setMeta("addToHistory", false);
+        activeEditor.view?.dispatch(tr);
+        __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+      } catch {
+      }
+    },
+    onDrop: (event) => {
+      event.event.preventDefault();
+      event.event.stopPropagation();
+      if (event.pmPosition === null) {
+        return;
+      }
+      const activeEditor = this.getActiveEditor();
+      const { state, view } = activeEditor;
+      if (!state || !view) {
+        return;
+      }
+      const fieldId = event.data.fieldId;
+      if (fieldId) {
+        const targetPos = event.pmPosition;
+        let sourceStart = null;
+        let sourceEnd = null;
+        let sourceNode = null;
+        state.doc.descendants((node, pos) => {
+          if (node.type.name === "fieldAnnotation" && node.attrs.fieldId === fieldId) {
+            sourceStart = pos;
+            sourceEnd = pos + node.nodeSize;
+            sourceNode = node;
+            return false;
+          }
+          return true;
+        });
+        if (sourceStart === null || sourceEnd === null || !sourceNode) {
+          return;
+        }
+        if (targetPos >= sourceStart && targetPos <= sourceEnd) {
+          return;
+        }
+        const tr = state.tr;
+        tr.delete(sourceStart, sourceEnd);
+        const mappedTarget = tr.mapping.map(targetPos);
+        if (mappedTarget < 0 || mappedTarget > tr.doc.content.size) {
+          return;
+        }
+        tr.insert(mappedTarget, sourceNode);
+        tr.setMeta("uiEvent", "drop");
+        view.dispatch(tr);
+        return;
+      }
+      const attrs = event.data.attributes;
+      if (attrs && isValidFieldAnnotationAttributes(attrs)) {
+        const inserted = activeEditor.commands?.addFieldAnnotation?.(event.pmPosition, attrs, true);
+        if (inserted) {
+          __privateMethod(this, _PresentationEditor_instances, scheduleSelectionUpdate_fn).call(this);
+        }
+        return;
+      }
+      activeEditor.emit("fieldAnnotationDropped", {
+        sourceField: event.data,
+        editor: activeEditor,
+        coordinates: { pos: event.pmPosition }
+      });
+    }
+  }));
+};
 setupInputBridge_fn = function() {
   __privateGet(this, _inputBridge)?.destroy();
   const win = __privateGet(this, _visibleHost).ownerDocument?.defaultView ?? window;
@@ -38309,8 +39947,11 @@ getFirstTextPosition_fn = function() {
 registerPointerClick_fn = function(event) {
   const MAX_CLICK_COUNT = 3;
   const time = event.timeStamp ?? performance.now();
-  const withinTime = time - __privateGet(this, _lastClickTime) <= MULTI_CLICK_TIME_THRESHOLD_MS;
-  const withinDistance = Math.abs(event.clientX - __privateGet(this, _lastClickPosition).x) <= MULTI_CLICK_DISTANCE_THRESHOLD_PX && Math.abs(event.clientY - __privateGet(this, _lastClickPosition).y) <= MULTI_CLICK_DISTANCE_THRESHOLD_PX;
+  const timeDelta = time - __privateGet(this, _lastClickTime);
+  const withinTime = timeDelta <= MULTI_CLICK_TIME_THRESHOLD_MS;
+  const distanceX = Math.abs(event.clientX - __privateGet(this, _lastClickPosition).x);
+  const distanceY = Math.abs(event.clientY - __privateGet(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(this, _clickCount) + 1, MAX_CLICK_COUNT));
   } else {
@@ -38343,6 +39984,9 @@ selectWordAt_fn = function(pos) {
   if (!state?.doc) {
     return false;
   }
+  if (pos < 0 || pos > state.doc.content.size) {
+    return false;
+  }
   const $pos = state.doc.resolve(pos);
   let textblockPos = $pos;
   while (textblockPos.depth > 0) {
@@ -38444,6 +40088,43 @@ selectParagraphAt_fn = function(pos) {
     return false;
   }
 };
+/**
+ * Calculates extended selection boundaries based on the current extension mode.
+ *
+ * This helper method consolidates the logic for extending selections to word or paragraph
+ * boundaries, used by both shift+click and drag selection handlers. It preserves selection
+ * directionality by placing the head on the side where the user is clicking/dragging.
+ *
+ * @param anchor - The anchor position of the selection (fixed point)
+ * @param head - The head position of the selection (moving point)
+ * @param mode - The extension mode: 'char' (no extension), 'word', or 'para'
+ * @returns Object with selAnchor and selHead positions after applying extension
+ * @private
+ */
+calculateExtendedSelection_fn = function(anchor, head, mode) {
+  if (mode === "word") {
+    const anchorBounds = findWordBoundaries(__privateGet(this, _layoutState).blocks, anchor);
+    const headBounds = findWordBoundaries(__privateGet(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(this, _layoutState).blocks, anchor);
+    const headBounds = findParagraphBoundaries(__privateGet(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 };
+};
 /**
  * Determines if a character is considered part of a word for selection purposes.
  *
@@ -38466,6 +40147,9 @@ isWordCharacter_fn = function(char) {
 };
 _handlePointerMove = new WeakMap();
 _handlePointerLeave = new WeakMap();
+_handlePointerUp = new WeakMap();
+_handleDragOver = new WeakMap();
+_handleDrop = new WeakMap();
 _handleDoubleClick = new WeakMap();
 _handleKeyDown = new WeakMap();
 focusHeaderFooterShortcut_fn = function(kind) {
@@ -39681,10 +41365,12 @@ convertPageLocalToOverlayCoords_fn = function(pageIndex, pageLocalX, pageLocalY)
   }
   const pageRect = pageEl.getBoundingClientRect();
   const overlayRect = __privateGet(this, _selectionOverlay2).getBoundingClientRect();
-  const zoom = __privateGet(this, _layoutOptions).zoom ?? 1;
+  const layoutPageSize = __privateGet(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) {