superdoc 1.0.0-beta.100 → 1.0.0-beta.102

package/dist/chunks/{super-editor.es-BLGnf9gI.cjs → super-editor.es-B7Xuihea.cjs}

@@ -39792,7 +39792,7 @@ function importCommentData({ docx, editor, converter }) {
     const trackedDeletedText = attributes["custom:trackedDeletedText"] !== "null" ? attributes["custom:trackedDeletedText"] : null;
     const date = new Date(createdDate);
     const unixTimestampMs = date.getTime();
-    const parsedComment = nodeListHandler.handler({
+    const parsedElements = nodeListHandler.handler({
       nodes: el.elements,
       nodeListHandler,
       docx,
@@ -39800,7 +39800,7 @@ function importCommentData({ docx, editor, converter }) {
       converter,
       path: [el]
     });
-    const { attrs } = parsedComment[0];
+    const { attrs } = parsedElements[0];
     const paraId = attrs["w14:paraId"];
     return {
       commentId: internalId || v4(),
@@ -39808,7 +39808,8 @@ function importCommentData({ docx, editor, converter }) {
       creatorName: authorName,
       creatorEmail: authorEmail,
       createdTime: unixTimestampMs,
-      textJson: parsedComment[0],
+      textJson: parsedElements[0],
+      elements: parsedElements,
       initials,
       paraId,
       trackedChange,
@@ -39834,7 +39835,12 @@ const generateCommentsWithExtendedData = ({ docx, comments }) => {
   const { elements = [] } = initialElements[0] ?? {};
   const commentEx = elements.filter((el) => el.name === "w15:commentEx");
   return comments.map((comment) => {
-    const extendedDef = commentEx.find((ce2) => ce2.attributes["w15:paraId"] === comment.paraId);
+    const extendedDef = commentEx.find((ce2) => {
+      const isIncludedInCommentElements = comment.elements?.some(
+        (el) => el.attrs?.["w14:paraId"] === ce2.attributes["w15:paraId"]
+      );
+      return isIncludedInCommentElements;
+    });
     if (!extendedDef) return { ...comment, isDone: comment.isDone ?? false };
     const { isDone, paraIdParent } = getExtendedDetails(extendedDef);
     let parentComment;
@@ -41955,7 +41961,7 @@ const updateCommentsIdsAndExtensible = (comments = [], commentsIds, extensible)
       name: "w16cex:commentExtensible",
       attributes: {
         "w16cex:durableId": newDurableId,
-        "w16cex:dateUtc": toIsoNoFractional()
+        "w16cex:dateUtc": toIsoNoFractional(comment.createdTime)
       }
     };
     extensibleUpdated.elements[0].elements.push(newExtensible);
@@ -42421,7 +42427,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.100") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.102") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -45733,7 +45739,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _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, _cellAnchor, _cellDragMode, _remoteCursorState, _remoteCursorElements, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _scrollTimeout, _lastRemoteCursorRenderTime, _remoteCursorThrottleTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, updateLocalAwarenessCursor_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, focusEditorAfterImageSelection_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, getCellPosFromTableHit_fn, getTablePosFromHit_fn, shouldUseCellSelection_fn, setCellAnchor_fn, clearCellAnchor_fn, hitTestTable_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, computeExpectedSectionType_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, computeAnchorMap_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, applyDomCorrectionToRects_fn, renderCellSelectionOverlay_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, getPageOffsetX_fn, convertPageLocalToOverlayCoords_fn, computeDomCaretPageLocal_fn, normalizeClientPoint_fn, computeCaretLayoutRectGeometry_fn, computeCaretLayoutRect_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _pageGeometryHelper, _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, _cellAnchor, _cellDragMode, _remoteCursorState, _remoteCursorElements, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _scrollTimeout, _lastRemoteCursorRenderTime, _remoteCursorThrottleTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, updateLocalAwarenessCursor_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, focusEditorAfterImageSelection_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, getCellPosFromTableHit_fn, getTablePosFromHit_fn, shouldUseCellSelection_fn, setCellAnchor_fn, clearCellAnchor_fn, hitTestTable_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, computeExpectedSectionType_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, computeAnchorMap_fn, waitForPageMount_fn, getEffectivePageGap_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, applyDomCorrectionToRects_fn, renderCellSelectionOverlay_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, getPageOffsetX_fn, convertPageLocalToOverlayCoords_fn, computeDomCaretPageLocal_fn, normalizeClientPoint_fn, computeCaretLayoutRectGeometry_fn, computeCaretLayoutRect_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
 };
@@ -54817,6 +54823,14 @@ const toggleNode = (typeOrName, toggleTypeOrName, attrs = {}) => ({ state: state
 const selectAll = () => ({ state: state2, dispatch }) => selectAll$1(state2, dispatch);
 const deleteSelection = () => ({ state: state2, tr, dispatch }) => {
   const { from: from2, to, empty: empty2 } = state2.selection;
+  if (typeof document !== "undefined" && document.getSelection) {
+    const currentDomSelection = document.getSelection();
+    const selectedLength = currentDomSelection?.toString?.().length;
+    const isCollapsed = currentDomSelection?.isCollapsed;
+    if (!isCollapsed && selectedLength === 1) {
+      return false;
+    }
+  }
   if (empty2) {
     return deleteSelection$1(state2, dispatch);
   }
@@ -57116,12 +57130,14 @@ const prepareCommentsForImport = (doc2, tr, schema, converter) => {
       importedId: node.attrs["w:id"]
     });
     if (type2.name === "commentRangeStart") {
-      toMark.push({
-        commentId: resolvedCommentId,
-        importedId,
-        internal,
-        start: pos
-      });
+      if (!matchingImportedComment?.isDone) {
+        toMark.push({
+          commentId: resolvedCommentId,
+          importedId,
+          internal,
+          start: pos
+        });
+      }
       ensureFallbackComment({
         converter,
         matchingImportedComment,
@@ -59639,7 +59655,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.100";
+const summaryVersion = "1.0.0-beta.102";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60428,7 +60444,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-Bd5TMBeR-D31VShf3.cjs")),
+      Promise.resolve().then(() => require("./index-nVrA3URL-BssoM7VE.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -60633,7 +60649,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.100");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.102");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -72716,7 +72732,7 @@ const containerStyles = {
   alignItems: "center",
   background: "transparent",
   padding: "0",
-  gap: "24px",
+  // gap is set dynamically by renderer based on pageGap option (default: 24px)
   overflowY: "auto"
 };
 const containerStylesHorizontal = {
@@ -72726,7 +72742,7 @@ const containerStylesHorizontal = {
   justifyContent: "safe center",
   background: "transparent",
   padding: "0",
-  gap: "20px",
+  // gap is set dynamically by renderer based on pageGap option (default: 20px for horizontal)
   overflowX: "auto",
   minHeight: "100%"
 };
@@ -74529,6 +74545,7 @@ function isMinimalWordLayout(value) {
 const LIST_MARKER_GAP$1 = 8;
 const DEFAULT_TAB_INTERVAL_PX$1 = 48;
 const DEFAULT_PAGE_HEIGHT_PX = 1056;
+const DEFAULT_VIRTUALIZED_PAGE_GAP$1 = 72;
 const COMMENT_EXTERNAL_COLOR = "#B1124B";
 const COMMENT_INTERNAL_COLOR = "#078383";
 const COMMENT_INACTIVE_ALPHA = "22";
@@ -74658,10 +74675,11 @@ const _DomPainter = class _DomPainter2 {
     this.totalPages = 0;
     this.linkIdCounter = 0;
     this.pendingTooltips = /* @__PURE__ */ new WeakMap();
+    this.pageGap = 24;
     this.virtualEnabled = false;
     this.virtualWindow = 5;
     this.virtualOverscan = 0;
-    this.virtualGap = 72;
+    this.virtualGap = DEFAULT_VIRTUALIZED_PAGE_GAP$1;
     this.virtualPaddingTop = null;
     this.topSpacerEl = null;
     this.bottomSpacerEl = null;
@@ -74680,13 +74698,14 @@ const _DomPainter = class _DomPainter2 {
     this.blockLookup = this.buildBlockLookup(blocks, measures);
     this.headerProvider = options.headerProvider;
     this.footerProvider = options.footerProvider;
+    const defaultGap = this.layoutMode === "horizontal" ? 20 : 24;
+    this.pageGap = typeof options.pageGap === "number" && Number.isFinite(options.pageGap) ? Math.max(0, options.pageGap) : defaultGap;
     if (this.layoutMode === "vertical" && options.virtualization?.enabled) {
       this.virtualEnabled = true;
       this.virtualWindow = Math.max(1, options.virtualization.window ?? 5);
       this.virtualOverscan = Math.max(0, options.virtualization.overscan ?? 0);
-      if (typeof options.virtualization.gap === "number" && Number.isFinite(options.virtualization.gap)) {
-        this.virtualGap = Math.max(0, options.virtualization.gap);
-      }
+      const hasExplicitVirtualGap = typeof options.virtualization.gap === "number" && Number.isFinite(options.virtualization.gap);
+      this.virtualGap = hasExplicitVirtualGap ? Math.max(0, options.virtualization.gap) : DEFAULT_VIRTUALIZED_PAGE_GAP$1;
       if (typeof options.virtualization.paddingTop === "number" && Number.isFinite(options.virtualization.paddingTop)) {
         this.virtualPaddingTop = Math.max(0, options.virtualization.paddingTop);
       }
@@ -74787,6 +74806,7 @@ const _DomPainter = class _DomPainter2 {
     const mode = this.layoutMode;
     if (mode === "horizontal") {
       applyStyles$2(mount2, containerStylesHorizontal);
+      mount2.style.gap = `${this.pageGap}px`;
       this.renderHorizontal(layout, mount2);
       this.currentLayout = layout;
       this.pageStates = [];
@@ -74809,6 +74829,7 @@ const _DomPainter = class _DomPainter2 {
       this.changedBlocks.clear();
       return;
     }
+    mount2.style.gap = `${this.pageGap}px`;
     if (!this.currentLayout || this.pageStates.length === 0) {
       this.fullRender(layout);
     } else {
@@ -78028,6 +78049,7 @@ const createDomPainter = (options) => {
   const painter = new DomPainter(options.blocks, options.measures, {
     pageStyles: options.pageStyles,
     layoutMode: options.layoutMode,
+    pageGap: options.pageGap,
     headerProvider: options.headerProvider,
     footerProvider: options.footerProvider,
     virtualization: options.virtualization,
@@ -83325,6 +83347,285 @@ async function remeasureAffectedBlocks(blocks, measures, affectedBlockIds, const
   }
   return updatedMeasures;
 }
+class PageGeometryHelper {
+  /**
+   * Creates a new PageGeometryHelper instance.
+   *
+   * @param config - Page geometry configuration
+   */
+  constructor(config2) {
+    this.cache = null;
+    this.config = config2;
+  }
+  /**
+   * Updates the layout and invalidates the cache.
+   *
+   * Call this whenever the layout changes (new pages, different heights, etc.)
+   *
+   * @param layout - New layout data
+   * @param pageGap - Optional new page gap (if not provided, uses current gap)
+   */
+  updateLayout(layout, pageGap) {
+    this.config.layout = layout;
+    if (pageGap !== void 0) {
+      this.config.pageGap = pageGap;
+    }
+    this.cache = null;
+  }
+  /**
+   * Updates the page gap and invalidates the cache.
+   *
+   * @param pageGap - New gap between pages in pixels
+   */
+  updatePageGap(pageGap) {
+    if (this.config.pageGap !== pageGap) {
+      this.config.pageGap = pageGap;
+      this.cache = null;
+    }
+  }
+  /**
+   * Gets the cumulative Y position (top edge) of a page in container space.
+   *
+   * The returned value is the distance from the top of the container to the
+   * top of the specified page, accounting for all previous pages and gaps.
+   *
+   * @param pageIndex - Zero-based page index
+   * @returns Y position in pixels, or 0 if page index is invalid
+   *
+   * @example
+   * ```typescript
+   * // Get Y position of page 0 (first page)
+   * const y0 = helper.getPageTop(0); // Returns 0
+   *
+   * // Get Y position of page 2 (third page)
+   * // Assumes page 0 height = 1000, page 1 height = 1200, gap = 24
+   * const y2 = helper.getPageTop(2); // Returns 1000 + 24 + 1200 + 24 = 2248
+   * ```
+   */
+  getPageTop(pageIndex) {
+    this.ensureCache();
+    if (pageIndex < 0 || pageIndex >= this.cache.cumulativeY.length) {
+      return 0;
+    }
+    return this.cache.cumulativeY[pageIndex];
+  }
+  /**
+   * Gets the height of a specific page.
+   *
+   * Uses per-page height if available (from layout.pages[i].size?.h),
+   * otherwise falls back to layout.pageSize.h.
+   *
+   * @param pageIndex - Zero-based page index
+   * @returns Page height in pixels, or 0 if page index is invalid
+   *
+   * @example
+   * ```typescript
+   * const height = helper.getPageHeight(0); // Returns page-specific height
+   * ```
+   */
+  getPageHeight(pageIndex) {
+    this.ensureCache();
+    if (pageIndex < 0 || pageIndex >= this.cache.pageHeights.length) {
+      return 0;
+    }
+    return this.cache.pageHeights[pageIndex];
+  }
+  /**
+   * Gets the gap between pages.
+   *
+   * @returns Gap in pixels
+   *
+   * @example
+   * ```typescript
+   * const gap = helper.getPageGap(); // Returns 24
+   * ```
+   */
+  getPageGap() {
+    this.ensureCache();
+    return this.cache.pageGap;
+  }
+  /**
+   * Gets the total height of all pages including gaps.
+   *
+   * Total height = sum of all page heights + (pageCount - 1) * gap
+   *
+   * @returns Total height in pixels
+   *
+   * @example
+   * ```typescript
+   * // 3 pages: heights [1000, 1200, 1000], gap = 24
+   * const total = helper.getTotalHeight();
+   * // Returns 1000 + 24 + 1200 + 24 + 1000 = 3248
+   * ```
+   */
+  getTotalHeight() {
+    this.ensureCache();
+    return this.cache.totalHeight;
+  }
+  /**
+   * Gets the number of pages in the layout.
+   *
+   * @returns Page count
+   */
+  getPageCount() {
+    return this.config.layout.pages.length;
+  }
+  /**
+   * Finds the page index containing a given Y coordinate.
+   *
+   * This performs a linear search through cached cumulative positions.
+   * For large documents, consider adding binary search optimization.
+   *
+   * @param containerY - Y coordinate in container space
+   * @returns Page index, or null if Y is outside all pages
+   *
+   * @example
+   * ```typescript
+   * // Find which page contains Y = 1500
+   * const pageIndex = helper.getPageIndexAtY(1500);
+   * // Returns 1 (second page) if first page ends at Y=1024
+   * ```
+   */
+  getPageIndexAtY(containerY) {
+    this.ensureCache();
+    const cache2 = this.cache;
+    for (let i = 0; i < cache2.cumulativeY.length; i++) {
+      const pageTop = cache2.cumulativeY[i];
+      const pageBottom = pageTop + cache2.pageHeights[i];
+      if (containerY >= pageTop && containerY < pageBottom) {
+        return i;
+      }
+    }
+    return null;
+  }
+  /**
+   * Finds the nearest page index to a given Y coordinate (snap-to-nearest).
+   *
+   * Returns the page containing Y when inside a page; otherwise returns the
+   * closest page based on distance to page center. Useful for dragging through
+   * page gaps where getPageIndexAtY would return null.
+   *
+   * @param containerY - Y coordinate in container space
+   * @returns Nearest page index, or null if there are no pages
+   */
+  getNearestPageIndex(containerY) {
+    this.ensureCache();
+    const cache2 = this.cache;
+    const pageCount = cache2.pageHeights.length;
+    if (pageCount === 0) return null;
+    const direct = this.getPageIndexAtY(containerY);
+    if (direct !== null) return direct;
+    let nearestIndex = 0;
+    let nearestDistance = Infinity;
+    for (let i = 0; i < pageCount; i++) {
+      const top2 = cache2.cumulativeY[i];
+      const height = cache2.pageHeights[i];
+      const center = top2 + height / 2;
+      const distance = Math.abs(containerY - center);
+      if (distance < nearestDistance) {
+        nearestDistance = distance;
+        nearestIndex = i;
+      }
+    }
+    return nearestIndex;
+  }
+  /**
+   * Ensures the cache is built and up-to-date.
+   * Validates cache state and rebuilds if needed.
+   * @private
+   * @throws Never throws - handles errors gracefully with fallback values
+   */
+  ensureCache() {
+    if (this.cache !== null) {
+      if (!Array.isArray(this.cache.cumulativeY) || !Array.isArray(this.cache.pageHeights)) {
+        console.warn("[PageGeometryHelper] Cache corruption detected, rebuilding cache");
+        this.cache = null;
+      } else {
+        return;
+      }
+    }
+    this.buildCache();
+  }
+  /**
+   * Builds the geometry cache from current layout data.
+   * Handles errors gracefully by providing fallback values.
+   * @private
+   * @throws Never throws - catches all errors and provides safe defaults
+   */
+  buildCache() {
+    try {
+      const layout = this.config.layout;
+      if (!layout || !Array.isArray(layout.pages)) {
+        throw new Error("Invalid layout: missing or invalid pages array");
+      }
+      const pageGap = this.config.pageGap ?? layout.pageGap ?? 0;
+      const pageCount = layout.pages.length;
+      if (!Number.isFinite(pageGap) || pageGap < 0) {
+        throw new Error(`Invalid pageGap: ${pageGap} (must be non-negative finite number)`);
+      }
+      const cumulativeY = new Array(pageCount);
+      const pageHeights = new Array(pageCount);
+      let currentY = 0;
+      for (let i = 0; i < pageCount; i++) {
+        const page = layout.pages[i];
+        if (!page) {
+          throw new Error(`Invalid page at index ${i}: page is null or undefined`);
+        }
+        const pageHeight = page.size?.h ?? layout.pageSize.h;
+        if (!Number.isFinite(pageHeight) || pageHeight < 0) {
+          throw new Error(`Invalid page height at index ${i}: ${pageHeight} (must be non-negative finite number)`);
+        }
+        cumulativeY[i] = currentY;
+        pageHeights[i] = pageHeight;
+        currentY += pageHeight;
+        if (i < pageCount - 1) {
+          currentY += pageGap;
+        }
+      }
+      const totalHeight = currentY;
+      this.cache = {
+        cumulativeY,
+        pageHeights,
+        pageGap,
+        totalHeight,
+        layoutVersion: 0
+        // Placeholder for future version tracking
+      };
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      console.error(`[PageGeometryHelper] Cache build failed: ${errorMessage}. Using fallback empty cache.`);
+      this.cache = {
+        cumulativeY: [],
+        pageHeights: [],
+        pageGap: 0,
+        totalHeight: 0,
+        layoutVersion: 0
+      };
+    }
+  }
+  /**
+   * Clears the cache, forcing recalculation on next access.
+   * Useful for testing or manual cache invalidation.
+   */
+  clearCache() {
+    this.cache = null;
+  }
+  /**
+   * Gets debug information about the current cache state.
+   * @internal
+   */
+  getDebugInfo() {
+    this.ensureCache();
+    return {
+      isCached: this.cache !== null,
+      pageCount: this.config.layout.pages.length,
+      pageGap: this.cache.pageGap,
+      totalHeight: this.cache.totalHeight,
+      cumulativeY: [...this.cache.cumulativeY],
+      pageHeights: [...this.cache.pageHeights]
+    };
+  }
+}
 var Priority = /* @__PURE__ */ ((Priority2) => {
   Priority2[Priority2["P0"] = 0] = "P0";
   Priority2[Priority2["P1"] = 1] = "P1";
@@ -83618,18 +83919,41 @@ const rangesOverlap = (startA, endA, startB, endB) => {
   const effectiveEndA = endA ?? startA + 1;
   return effectiveEndA > startB && startA < endB;
 };
-function hitTestPage(layout, point) {
+function hitTestPage(layout, point, geometryHelper) {
+  if (geometryHelper) {
+    const pageIndex = geometryHelper.getPageIndexAtY(point.y);
+    if (pageIndex !== null) {
+      return { pageIndex, page: layout.pages[pageIndex] };
+    }
+    const nearest = geometryHelper.getNearestPageIndex(point.y);
+    if (nearest !== null) {
+      return { pageIndex: nearest, page: layout.pages[nearest] };
+    }
+    return null;
+  }
   const pageGap = layout.pageGap ?? 0;
   let cursorY = 0;
+  let nearestIndex = null;
+  let nearestDistance = Infinity;
   for (let pageIndex = 0; pageIndex < layout.pages.length; pageIndex += 1) {
     const page = layout.pages[pageIndex];
+    const pageHeight = page.size?.h ?? layout.pageSize.h;
     const top2 = cursorY;
-    const bottom2 = top2 + layout.pageSize.h;
+    const bottom2 = top2 + pageHeight;
     if (point.y >= top2 && point.y < bottom2) {
       return { pageIndex, page };
     }
+    const center = top2 + pageHeight / 2;
+    const distance = Math.abs(point.y - center);
+    if (distance < nearestDistance) {
+      nearestDistance = distance;
+      nearestIndex = pageIndex;
+    }
     cursorY = bottom2 + pageGap;
   }
+  if (nearestIndex !== null) {
+    return { pageIndex: nearestIndex, page: layout.pages[nearestIndex] };
+  }
   return null;
 }
 function hitTestFragment(layout, pageHit, blocks, measures, point) {
@@ -83790,7 +84114,7 @@ const hitTestTableFragment = (pageHit, blocks, measures, point) => {
   }
   return null;
 };
-function clickToPosition(layout, blocks, measures, containerPoint, domContainer, clientX, clientY) {
+function clickToPosition(layout, blocks, measures, containerPoint, domContainer, clientX, clientY, geometryHelper) {
   logClickStage("log", "entry", {
     pages: layout.pages.length
   });
@@ -83833,75 +84157,132 @@ function clickToPosition(layout, blocks, measures, containerPoint, domContainer,
       return { pos: domPos, blockId: "", pageIndex: 0, column: 0, lineIndex: -1 };
     }
   }
-  const pageHit = hitTestPage(layout, containerPoint);
+  const pageHit = hitTestPage(layout, containerPoint, geometryHelper);
   if (!pageHit) {
     return null;
   }
-  const pageGap = layout.pageGap ?? 0;
+  const pageTopY = geometryHelper ? geometryHelper.getPageTop(pageHit.pageIndex) : calculatePageTopFallback(layout, pageHit.pageIndex);
   const pageRelativePoint = {
     x: containerPoint.x,
-    y: containerPoint.y - pageHit.pageIndex * (layout.pageSize.h + pageGap)
+    y: containerPoint.y - pageTopY
   };
   logClickStage("log", "page-hit", {
     pageIndex: pageHit.pageIndex
   });
-  const fragmentHit = hitTestFragment(layout, pageHit, blocks, measures, pageRelativePoint);
+  let fragmentHit = hitTestFragment(layout, pageHit, blocks, measures, pageRelativePoint);
+  if (!fragmentHit) {
+    const page = pageHit.page;
+    const fragments = page.fragments.filter(
+      (f2) => f2 != null && typeof f2 === "object"
+    );
+    if (fragments.length > 0) {
+      let nearest = null;
+      let nearestDist = Infinity;
+      for (const frag of fragments) {
+        const top2 = frag.y;
+        const bottom2 = frag.y + frag.height;
+        let dist2;
+        if (pageRelativePoint.y < top2) {
+          dist2 = top2 - pageRelativePoint.y;
+        } else if (pageRelativePoint.y > bottom2) {
+          dist2 = pageRelativePoint.y - bottom2;
+        } else {
+          dist2 = 0;
+        }
+        if (dist2 < nearestDist) {
+          nearestDist = dist2;
+          nearest = frag;
+        }
+      }
+      if (nearest) {
+        const blockIndex = findBlockIndexByFragmentId(blocks, nearest.blockId);
+        if (blockIndex !== -1) {
+          const block = blocks[blockIndex];
+          const measure = measures[blockIndex];
+          if (block && measure) {
+            fragmentHit = {
+              fragment: nearest,
+              block,
+              measure,
+              pageIndex: pageHit.pageIndex,
+              pageY: 0
+            };
+          }
+        }
+      }
+    }
+  }
   if (fragmentHit) {
     const { fragment, block, measure, pageIndex, pageY } = fragmentHit;
-    if (fragment.kind !== "para" || measure.kind !== "paragraph" || block.kind !== "paragraph") {
-      logClickStage("warn", "fragment-type-mismatch", {
-        fragmentKind: fragment.kind,
-        measureKind: measure.kind,
-        blockKind: block.kind
+    if (fragment.kind === "para" && measure.kind === "paragraph" && block.kind === "paragraph") {
+      const lineIndex = findLineIndexAtY(measure, pageY, fragment.fromLine, fragment.toLine);
+      if (lineIndex == null) {
+        logClickStage("warn", "no-line", {
+          blockId: fragment.blockId
+        });
+        return null;
+      }
+      const line = measure.lines[lineIndex];
+      const isRTL = isRtlBlock(block);
+      const indentLeft = typeof block.attrs?.indent?.left === "number" ? block.attrs.indent.left : 0;
+      const indentRight = typeof block.attrs?.indent?.right === "number" ? block.attrs.indent.right : 0;
+      const paraIndentLeft = Number.isFinite(indentLeft) ? indentLeft : 0;
+      const paraIndentRight = Number.isFinite(indentRight) ? indentRight : 0;
+      const totalIndent = paraIndentLeft + paraIndentRight;
+      const availableWidth = Math.max(0, fragment.width - totalIndent);
+      if (totalIndent > fragment.width) {
+        console.warn(
+          `[clickToPosition] Paragraph indents (${totalIndent}px) exceed fragment width (${fragment.width}px) for block ${fragment.blockId}. This may indicate a layout miscalculation. Available width clamped to 0.`
+        );
+      }
+      const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
+      const isListItem3 = markerWidth > 0;
+      const alignmentOverride = isListItem3 ? "left" : void 0;
+      const pos = mapPointToPm(block, line, pageRelativePoint.x - fragment.x, isRTL, availableWidth, alignmentOverride);
+      if (pos == null) {
+        logClickStage("warn", "no-position", {
+          blockId: fragment.blockId
+        });
+        return null;
+      }
+      const column = determineColumn(layout, fragment.x);
+      logPositionDebug({
+        blockId: fragment.blockId,
+        x: pageRelativePoint.x - fragment.x
       });
-      return null;
-    }
-    const lineIndex = findLineIndexAtY(measure, pageY, fragment.fromLine, fragment.toLine);
-    if (lineIndex == null) {
-      logClickStage("warn", "no-line", {
+      logClickStage("log", "success", {
         blockId: fragment.blockId
       });
-      return null;
-    }
-    const line = measure.lines[lineIndex];
-    const isRTL = isRtlBlock(block);
-    const indentLeft = typeof block.attrs?.indent?.left === "number" ? block.attrs.indent.left : 0;
-    const indentRight = typeof block.attrs?.indent?.right === "number" ? block.attrs.indent.right : 0;
-    const paraIndentLeft = Number.isFinite(indentLeft) ? indentLeft : 0;
-    const paraIndentRight = Number.isFinite(indentRight) ? indentRight : 0;
-    const totalIndent = paraIndentLeft + paraIndentRight;
-    const availableWidth = Math.max(0, fragment.width - totalIndent);
-    if (totalIndent > fragment.width) {
-      console.warn(
-        `[clickToPosition] Paragraph indents (${totalIndent}px) exceed fragment width (${fragment.width}px) for block ${fragment.blockId}. This may indicate a layout miscalculation. Available width clamped to 0.`
-      );
+      return {
+        pos,
+        blockId: fragment.blockId,
+        pageIndex,
+        column,
+        lineIndex
+        // lineIndex is now already absolute (within measure.lines), no need to add fragment.fromLine
+      };
     }
-    const markerWidth = fragment.markerWidth ?? measure.marker?.markerWidth ?? 0;
-    const isListItem3 = markerWidth > 0;
-    const alignmentOverride = isListItem3 ? "left" : void 0;
-    const pos = mapPointToPm(block, line, pageRelativePoint.x - fragment.x, isRTL, availableWidth, alignmentOverride);
-    if (pos == null) {
-      logClickStage("warn", "no-position", {
-        blockId: fragment.blockId
+    if (isAtomicFragment(fragment)) {
+      const pmRange = getAtomicPmRange(fragment, block);
+      const pos = pmRange.pmStart ?? pmRange.pmEnd ?? null;
+      if (pos == null) {
+        logClickStage("warn", "atomic-without-range", {
+          fragmentId: fragment.blockId
+        });
+        return null;
+      }
+      logClickStage("log", "success", {
+        blockId: fragment.blockId,
+        column: determineColumn(layout, fragment.x)
       });
-      return null;
+      return {
+        pos,
+        blockId: fragment.blockId,
+        pageIndex,
+        column: determineColumn(layout, fragment.x),
+        lineIndex: -1
+      };
     }
-    const column = determineColumn(layout, fragment.x);
-    logPositionDebug({
-      blockId: fragment.blockId,
-      x: pageRelativePoint.x - fragment.x
-    });
-    logClickStage("log", "success", {
-      blockId: fragment.blockId
-    });
-    return {
-      pos,
-      blockId: fragment.blockId,
-      pageIndex,
-      column,
-      lineIndex
-      // lineIndex is now already absolute (within measure.lines), no need to add fragment.fromLine
-    };
   }
   const tableHit = hitTestTableFragment(pageHit, blocks, measures, pageRelativePoint);
   if (tableHit) {
@@ -84051,12 +84432,22 @@ const sumLineHeights = (measure, fromLine, toLine) => {
   }
   return height;
 };
-function selectionToRects(layout, blocks, measures, from2, to) {
+const calculatePageTopFallback = (layout, pageIndex) => {
+  const pageGap = layout.pageGap ?? 0;
+  let y2 = 0;
+  for (let i = 0; i < pageIndex; i++) {
+    const pageHeight = layout.pages[i]?.size?.h ?? layout.pageSize.h;
+    y2 += pageHeight + pageGap;
+  }
+  return y2;
+};
+function selectionToRects(layout, blocks, measures, from2, to, geometryHelper) {
   if (from2 === to) {
     return [];
   }
   const rects = [];
   layout.pages.forEach((page, pageIndex) => {
+    const pageTopY = geometryHelper ? geometryHelper.getPageTop(pageIndex) : calculatePageTopFallback(layout, pageIndex);
     page.fragments.forEach((fragment) => {
       if (fragment.kind === "para") {
         const blockIndex = findBlockIndexByFragmentId(blocks, fragment.blockId, { from: from2, to });
@@ -84098,12 +84489,16 @@ function selectionToRects(layout, blocks, measures, from2, to) {
             wordLayout
           });
           const rectX = fragment.x + indentAdjust + Math.min(startX, endX);
-          const rectWidth = Math.max(1, Math.abs(endX - startX));
+          const rectWidth = Math.max(
+            1,
+            Math.min(Math.abs(endX - startX), line.width)
+            // clamp to line width to prevent runaway widths
+          );
           const lineOffset = lineHeightBeforeIndex(measure, index2) - lineHeightBeforeIndex(measure, fragment.fromLine);
           const rectY = fragment.y + lineOffset;
           rects.push({
             x: rectX,
-            y: rectY + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
+            y: rectY + pageTopY,
             width: rectWidth,
             height: line.lineHeight,
             pageIndex
@@ -84231,12 +84626,16 @@ function selectionToRects(layout, blocks, measures, from2, to) {
                   wordLayout: cellWordLayout
                 });
                 const rectX = fragment.x + cellX + padding.left + textIndentAdjust + Math.min(startX, endX);
-                const rectWidth = Math.max(1, Math.abs(endX - startX));
+                const rectWidth = Math.max(
+                  1,
+                  Math.min(Math.abs(endX - startX), line.width)
+                  // clamp to line width to prevent runaway widths
+                );
                 const lineOffset = lineHeightBeforeIndex(info.measure, index2) - lineHeightBeforeIndex(info.measure, info.startLine);
                 const rectY = fragment.y + rowOffset + blockTopCursor + lineOffset;
                 rects.push({
                   x: rectX,
-                  y: rectY + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
+                  y: rectY + pageTopY,
                   width: rectWidth,
                   height: line.lineHeight,
                   pageIndex
@@ -84265,7 +84664,7 @@ function selectionToRects(layout, blocks, measures, from2, to) {
         if (!rangesOverlap(pmRange.pmStart, pmRange.pmEnd, from2, to)) return;
         rects.push({
           x: fragment.x,
-          y: fragment.y + pageIndex * (layout.pageSize.h + (layout.pageGap ?? 0)),
+          y: fragment.y + pageTopY,
           width: fragment.width,
           height: fragment.height,
           pageIndex
@@ -87506,6 +87905,7 @@ const DEFAULT_PAGE_SIZE = { w: 612, h: 792 };
 const DEFAULT_MARGINS = { top: 72, right: 72, bottom: 72, left: 72 };
 const DEFAULT_VIRTUALIZED_PAGE_GAP = 72;
 const DEFAULT_PAGE_GAP = 24;
+const DEFAULT_HORIZONTAL_PAGE_GAP = 20;
 const WORD_CHARACTER_REGEX = /[\p{L}\p{N}''_~-]/u;
 const MULTI_CLICK_TIME_THRESHOLD_MS = 400;
 const MULTI_CLICK_DISTANCE_THRESHOLD_PX = 5;
@@ -87529,6 +87929,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateAdd$1(this, _layoutOptions);
     __privateAdd$1(this, _layoutState, { blocks: [], measures: [], layout: null, bookmarks: /* @__PURE__ */ new Map() });
     __privateAdd$1(this, _domPainter, null);
+    __privateAdd$1(this, _pageGeometryHelper, null);
     __privateAdd$1(this, _dragHandlerCleanup, null);
     __privateAdd$1(this, _layoutError, null);
     __privateAdd$1(this, _layoutErrorState, "healthy");
@@ -87681,7 +88082,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         { x: x2, y: y2 },
         __privateGet$1(this, _viewportHost),
         event.clientX,
-        event.clientY
+        event.clientY,
+        __privateGet$1(this, _pageGeometryHelper) ?? void 0
       );
       const doc22 = __privateGet$1(this, _editor3).state?.doc;
       const hit = rawHit && doc22 ? { ...rawHit, pos: Math.max(0, Math.min(rawHit.pos, doc22.content.size)) } : rawHit;
@@ -87880,7 +88282,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
           { x: normalized.x, y: normalized.y },
           __privateGet$1(this, _viewportHost),
           event.clientX,
-          event.clientY
+          event.clientY,
+          __privateGet$1(this, _pageGeometryHelper) ?? void 0
         );
         if (!hit) return;
         const currentTableHit = __privateMethod$1(this, _PresentationEditor_instances, hitTestTable_fn).call(this, normalized.x, normalized.y);
@@ -88727,7 +89130,14 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         return __privateMethod$1(this, _PresentationEditor_instances, computeHeaderFooterSelectionRects_fn).call(this, start2, end2);
       }
       if (!__privateGet$1(this, _layoutState).layout) return [];
-      const rects = selectionToRects(__privateGet$1(this, _layoutState).layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, start2, end2) ?? [];
+      const rects = selectionToRects(
+        __privateGet$1(this, _layoutState).layout,
+        __privateGet$1(this, _layoutState).blocks,
+        __privateGet$1(this, _layoutState).measures,
+        start2,
+        end2,
+        __privateGet$1(this, _pageGeometryHelper) ?? void 0
+      ) ?? [];
       return rects;
     };
     const rawRects = layoutRectSource();
@@ -88992,6 +89402,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       };
     }
     __privateSet(this, _domPainter, null);
+    __privateSet(this, _pageGeometryHelper, null);
     __privateSet(this, _pendingDocChange, true);
     __privateMethod$1(this, _PresentationEditor_instances, scheduleRerender_fn).call(this);
   }
@@ -89024,7 +89435,16 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
         x: localX,
         y: headerPageIndex * headerPageHeight + (localY - headerPageIndex * headerPageHeight)
       };
-      const hit2 = clickToPosition(context.layout, context.blocks, context.measures, headerPoint) ?? null;
+      const hit2 = clickToPosition(
+        context.layout,
+        context.blocks,
+        context.measures,
+        headerPoint,
+        void 0,
+        void 0,
+        void 0,
+        void 0
+      ) ?? null;
       return hit2;
     }
     if (!__privateGet$1(this, _layoutState).layout) {
@@ -89037,7 +89457,8 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       normalized,
       __privateGet$1(this, _viewportHost),
       clientX,
-      clientY
+      clientY,
+      __privateGet$1(this, _pageGeometryHelper) ?? void 0
     ) ?? null;
     return hit;
   }
@@ -89260,6 +89681,7 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateSet(this, _domPainter, null);
+    __privateSet(this, _pageGeometryHelper, null);
     (_a2 = __privateGet$1(this, _dragHandlerCleanup)) == null ? void 0 : _a2.call(this);
     __privateSet(this, _dragHandlerCleanup, null);
     __privateGet$1(this, _selectionOverlay2)?.remove();
@@ -89313,7 +89735,14 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
       if (!normalized) return false;
       const pmPos = __privateGet$1(this, _layoutState).bookmarks.get(normalized);
       if (pmPos == null) return false;
-      const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, pmPos, pmPos + 1) ?? [];
+      const rects = selectionToRects(
+        layout,
+        __privateGet$1(this, _layoutState).blocks,
+        __privateGet$1(this, _layoutState).measures,
+        pmPos,
+        pmPos + 1,
+        __privateGet$1(this, _pageGeometryHelper) ?? void 0
+      ) ?? [];
       const rect = rects[0];
       let pageIndex = rect?.pageIndex ?? null;
       if (pageIndex == null) {
@@ -89377,6 +89806,7 @@ _hiddenHost = /* @__PURE__ */ new WeakMap();
 _layoutOptions = /* @__PURE__ */ new WeakMap();
 _layoutState = /* @__PURE__ */ new WeakMap();
 _domPainter = /* @__PURE__ */ new WeakMap();
+_pageGeometryHelper = /* @__PURE__ */ new WeakMap();
 _dragHandlerCleanup = /* @__PURE__ */ new WeakMap();
 _layoutError = /* @__PURE__ */ new WeakMap();
 _layoutErrorState = /* @__PURE__ */ new WeakMap();
@@ -89835,7 +90265,7 @@ renderRemoteSelection_fn = function(cursor) {
   if (!layout || !blocks || !measures) return;
   const start2 = Math.min(cursor.anchor, cursor.head);
   const end2 = Math.max(cursor.anchor, cursor.head);
-  const rects = selectionToRects(layout, blocks, measures, start2, end2) ?? [];
+  const rects = selectionToRects(layout, blocks, measures, start2, end2, __privateGet$1(this, _pageGeometryHelper) ?? void 0) ?? [];
   const color = __privateMethod$1(this, _PresentationEditor_instances, getValidatedColor_fn).call(this, cursor);
   const opacity = __privateGet$1(this, _layoutOptions).presence?.highlightOpacity ?? 0.35;
   const pageHeight = layout.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
@@ -90195,15 +90625,25 @@ hitTestTable_fn = function(normalizedX, normalizedY) {
   const configuredPageSize = __privateGet$1(this, _layoutOptions).pageSize ?? DEFAULT_PAGE_SIZE;
   let pageY = 0;
   let pageHit = null;
-  for (let i = 0; i < layout.pages.length; i++) {
-    const page = layout.pages[i];
-    const pageHeight = page.size?.h ?? configuredPageSize.h;
-    const gap = __privateGet$1(this, _layoutOptions).virtualization?.gap ?? DEFAULT_PAGE_GAP;
-    if (normalizedY >= pageY && normalizedY < pageY + pageHeight) {
-      pageHit = { pageIndex: i, page };
-      break;
+  const geometryHelper = __privateGet$1(this, _pageGeometryHelper);
+  if (geometryHelper) {
+    const idx = geometryHelper.getPageIndexAtY(normalizedY) ?? geometryHelper.getNearestPageIndex(normalizedY);
+    if (idx != null && layout.pages[idx]) {
+      pageHit = { pageIndex: idx, page: layout.pages[idx] };
+      pageY = geometryHelper.getPageTop(idx);
+    }
+  }
+  if (!pageHit) {
+    const gap = layout.pageGap ?? __privateMethod$1(this, _PresentationEditor_instances, getEffectivePageGap_fn).call(this);
+    for (let i = 0; i < layout.pages.length; i++) {
+      const page = layout.pages[i];
+      const pageHeight = page.size?.h ?? configuredPageSize.h;
+      if (normalizedY >= pageY && normalizedY < pageY + pageHeight) {
+        pageHit = { pageIndex: i, page };
+        break;
+      }
+      pageY += pageHeight + gap;
     }
-    pageY += pageHeight + gap;
   }
   if (!pageHit) {
     return null;
@@ -90455,12 +90895,7 @@ rerender_fn = async function() {
       return;
     }
     ({ layout, measures } = result);
-    if (__privateGet$1(this, _layoutOptions).virtualization?.enabled) {
-      const gap = __privateGet$1(this, _layoutOptions).virtualization.gap ?? DEFAULT_VIRTUALIZED_PAGE_GAP;
-      layout.pageGap = Math.max(0, gap);
-    } else {
-      layout.pageGap = DEFAULT_PAGE_GAP;
-    }
+    layout.pageGap = __privateMethod$1(this, _PresentationEditor_instances, getEffectivePageGap_fn).call(this);
     headerLayouts = result.headers;
     footerLayouts = result.footers;
   } catch (error) {
@@ -90477,6 +90912,17 @@ rerender_fn = async function() {
   __privateSet(this, _layoutState, { blocks, measures, layout, bookmarks, anchorMap });
   __privateSet(this, _headerLayoutResults, headerLayouts ?? null);
   __privateSet(this, _footerLayoutResults, footerLayouts ?? null);
+  if (__privateGet$1(this, _layoutState).layout) {
+    const pageGap = __privateGet$1(this, _layoutState).layout.pageGap ?? __privateMethod$1(this, _PresentationEditor_instances, getEffectivePageGap_fn).call(this);
+    if (!__privateGet$1(this, _pageGeometryHelper)) {
+      __privateSet(this, _pageGeometryHelper, new PageGeometryHelper({
+        layout: __privateGet$1(this, _layoutState).layout,
+        pageGap
+      }));
+    } else {
+      __privateGet$1(this, _pageGeometryHelper).updateLayout(__privateGet$1(this, _layoutState).layout, pageGap);
+    }
+  }
   await __privateMethod$1(this, _PresentationEditor_instances, layoutPerRIdHeaderFooters_fn).call(this, headerFooterInput, layout, sectionMetadata);
   __privateMethod$1(this, _PresentationEditor_instances, updateDecorationProviders_fn).call(this, layout);
   const painter = __privateMethod$1(this, _PresentationEditor_instances, ensurePainter_fn).call(this, blocks, measures);
@@ -90546,7 +90992,8 @@ ensurePainter_fn = function(blocks, measures) {
       pageStyles: __privateGet$1(this, _layoutOptions).pageStyles,
       headerProvider: __privateGet$1(this, _headerDecorationProvider),
       footerProvider: __privateGet$1(this, _footerDecorationProvider),
-      ruler: __privateGet$1(this, _layoutOptions).ruler
+      ruler: __privateGet$1(this, _layoutOptions).ruler,
+      pageGap: __privateGet$1(this, _layoutState).layout?.pageGap ?? __privateMethod$1(this, _PresentationEditor_instances, getEffectivePageGap_fn).call(this)
     }));
   }
   return __privateGet$1(this, _domPainter);
@@ -90634,7 +91081,14 @@ updateSelection_fn = function() {
     }
     return;
   }
-  const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, from2, to) ?? [];
+  const rects = selectionToRects(
+    layout,
+    __privateGet$1(this, _layoutState).blocks,
+    __privateGet$1(this, _layoutState).measures,
+    from2,
+    to,
+    __privateGet$1(this, _pageGeometryHelper) ?? void 0
+  ) ?? [];
   let domStart = null;
   let domEnd = null;
   try {
@@ -90648,7 +91102,9 @@ updateSelection_fn = function() {
   const correctedRects = __privateMethod$1(this, _PresentationEditor_instances, applyDomCorrectionToRects_fn).call(this, rects, domStart, domEnd);
   try {
     __privateGet$1(this, _localSelectionLayer).innerHTML = "";
-    __privateMethod$1(this, _PresentationEditor_instances, renderSelectionRects_fn).call(this, correctedRects);
+    if (correctedRects.length > 0) {
+      __privateMethod$1(this, _PresentationEditor_instances, renderSelectionRects_fn).call(this, correctedRects);
+    }
   } catch (error) {
     if (process$1$1.env.NODE_ENV === "development") {
       console.warn("[PresentationEditor] Failed to render selection rects:", error);
@@ -91436,6 +91892,15 @@ waitForPageMount_fn = async function(pageIndex, options = {}) {
     checkPage();
   });
 };
+getEffectivePageGap_fn = function() {
+  if (__privateGet$1(this, _layoutOptions).virtualization?.enabled) {
+    return Math.max(0, __privateGet$1(this, _layoutOptions).virtualization.gap ?? DEFAULT_VIRTUALIZED_PAGE_GAP);
+  }
+  if (__privateGet$1(this, _layoutOptions).layoutMode === "horizontal") {
+    return DEFAULT_HORIZONTAL_PAGE_GAP;
+  }
+  return DEFAULT_PAGE_GAP;
+};
 getBodyPageHeight_fn = function() {
   return __privateGet$1(this, _layoutState).layout?.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
 };
@@ -91459,7 +91924,7 @@ applyDomCorrectionToRects_fn = function(rects, domStart, domEnd) {
       dy: domStart.y - layoutY
     };
   }
-  return rects.map((rect, idx) => {
+  const corrected = rects.map((rect, idx) => {
     const delta = pageDelta[rect.pageIndex];
     let adjustedX = delta ? rect.x + delta.dx : rect.x;
     let adjustedY = delta ? rect.y + delta.dy : rect.y;
@@ -91474,6 +91939,7 @@ applyDomCorrectionToRects_fn = function(rects, domStart, domEnd) {
     }
     if (isLastRect && domEnd && rect.pageIndex === domEnd.pageIndex) {
       const endX = domEnd.x;
+      adjustedX = Math.min(adjustedX, endX);
       adjustedWidth = Math.max(1, endX - adjustedX);
     }
     return {
@@ -91483,6 +91949,29 @@ applyDomCorrectionToRects_fn = function(rects, domStart, domEnd) {
       width: adjustedWidth
     };
   });
+  const MAX_DELTA_PX = 12;
+  let invalid = false;
+  if (domStart && corrected[0]) {
+    const dx = Math.abs(corrected[0].x - domStart.x);
+    const dy = Math.abs(corrected[0].y - domStart.y);
+    if (dx > MAX_DELTA_PX || dy > MAX_DELTA_PX) invalid = true;
+  }
+  if (domEnd && corrected[corrected.length - 1]) {
+    const last = corrected[corrected.length - 1];
+    const dx = Math.abs(last.x + last.width - domEnd.x);
+    const dy = Math.abs(last.y - domEnd.y);
+    if (dx > MAX_DELTA_PX || dy > MAX_DELTA_PX) invalid = true;
+  }
+  if (invalid) {
+    console.warn("[SelectionOverlay] Suppressing selection render due to large DOM/Layout mismatch", {
+      domStart,
+      domEnd,
+      rectStart: corrected[0],
+      rectEnd: corrected[corrected.length - 1]
+    });
+    return [];
+  }
+  return corrected;
 };
 renderCellSelectionOverlay_fn = function(selection, layout) {
   const localSelectionLayer = __privateGet$1(this, _localSelectionLayer);
@@ -91766,7 +92255,7 @@ computeHeaderFooterSelectionRects_fn = function(from2, to) {
     return [];
   }
   if (!bodyLayout) return [];
-  const rects = selectionToRects(context.layout, context.blocks, context.measures, from2, to) ?? [];
+  const rects = selectionToRects(context.layout, context.blocks, context.measures, from2, to, void 0) ?? [];
   const headerPageHeight = context.layout.pageSize?.h ?? context.region.height ?? 1;
   const bodyPageHeight = __privateMethod$1(this, _PresentationEditor_instances, getBodyPageHeight_fn).call(this);
   return rects.map((rect) => {
@@ -92233,7 +92722,14 @@ getCurrentPageIndex_fn = function() {
   if (!layout || !selection) {
     return 0;
   }
-  const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, selection.from, selection.to) ?? [];
+  const rects = selectionToRects(
+    layout,
+    __privateGet$1(this, _layoutState).blocks,
+    __privateGet$1(this, _layoutState).measures,
+    selection.from,
+    selection.to,
+    __privateGet$1(this, _pageGeometryHelper) ?? void 0
+  ) ?? [];
   if (rects.length > 0) {
     return rects[0]?.pageIndex ?? 0;
   }
@@ -97665,14 +98161,19 @@ const createCell = (cellType, cellContent = null) => {
   }
   return cellType.createAndFill();
 };
-const createTableBorders = ({ size: size2 = 0.66665, color = "#000000" } = {}) => {
+const createTableBorders = (borderSpec = {}) => {
+  borderSpec = {
+    size: 0.66665,
+    color: "#000000",
+    ...borderSpec
+  };
   return {
-    top: { size: size2, color },
-    left: { size: size2, color },
-    bottom: { size: size2, color },
-    right: { size: size2, color },
-    insideH: { size: size2, color },
-    insideV: { size: size2, color }
+    top: borderSpec,
+    left: borderSpec,
+    bottom: borderSpec,
+    right: borderSpec,
+    insideH: borderSpec,
+    insideV: borderSpec
   };
 };
 const createTable = (schema, rowsCount, colsCount, withHeaderRow, cellContent = null) => {
@@ -97800,12 +98301,17 @@ const deleteTableWhenSelected = ({ editor }) => {
   editor.commands.deleteTable();
   return true;
 };
-const createCellBorders = ({ size: size2 = 0.66665, color = "#000000" } = {}) => {
+const createCellBorders = (borderSpec = {}) => {
+  borderSpec = {
+    size: 0.66665,
+    color: "#000000",
+    ...borderSpec
+  };
   return {
-    top: { size: size2, color },
-    left: { size: size2, color },
-    bottom: { size: size2, color },
-    right: { size: size2, color }
+    top: borderSpec,
+    left: borderSpec,
+    bottom: borderSpec,
+    right: borderSpec
   };
 };
 function cellAround($pos) {
@@ -98572,13 +99078,20 @@ const Table = Node$1.create({
           if (["tableCell", "tableHeader"].includes(node.type.name)) {
             tr.setNodeMarkup(pos, void 0, {
               ...node.attrs,
-              borders: createCellBorders({ size: 0 })
+              borders: createCellBorders({ size: 0, space: 0, val: "none", color: "auto" })
             });
           }
         });
         tr.setNodeMarkup(table.pos, void 0, {
           ...table.node.attrs,
-          borders: createTableBorders({ size: 0 })
+          borders: createTableBorders({ size: 0 }),
+          // TODO: This works around the issue that table borders are duplicated between
+          // the attributes of the table and the tableProperties attribute.
+          // This can be removed when the redundancy is eliminated.
+          tableProperties: {
+            ...table.node.attrs.tableProperties,
+            borders: createTableBorders({ size: 0, space: 0, val: "none", color: "auto" })
+          }
         });
         return true;
       }
@@ -122580,7 +123093,7 @@ const makeDefaultItems = ({
       }
     },
     {
-      label: toolbarTexts2.transparentBorders,
+      label: toolbarTexts2.removeBorders,
       command: "deleteCellAndTableBorders",
       icon: toolbarIcons2.deleteBorders,
       bottomBorder: true,
@@ -123161,7 +123674,7 @@ const toolbarTexts = {
   deleteRow: "Delete row",
   deleteColumn: "Delete column",
   deleteTable: "Delete table",
-  transparentBorders: "Transparent borders",
+  removeBorders: "Remove borders",
   mergeCells: "Merge cells",
   splitCell: "Split cell",
   fixTables: "Fix tables",
@@ -124199,7 +124712,7 @@ const TEXTS = {
   deleteRow: "Delete row",
   deleteColumn: "Delete column",
   deleteTable: "Delete table",
-  transparentBorders: "Transparent borders",
+  removeBorders: "Remove borders",
   mergeCells: "Merge cells",
   splitCell: "Split cell",
   fixTables: "Fix tables",
@@ -124282,7 +124795,7 @@ const tableActionsOptions = [
     }
   },
   {
-    label: TEXTS.transparentBorders,
+    label: TEXTS.removeBorders,
     command: "deleteCellAndTableBorders",
     icon: ICONS.deleteBorders,
     bottomBorder: true,