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

package/dist/superdoc.umd.js

@@ -39793,7 +39793,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       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,
@@ -39801,7 +39801,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         converter,
         path: [el]
       });
-      const { attrs } = parsedComment[0];
+      const { attrs } = parsedElements[0];
       const paraId = attrs["w14:paraId"];
       return {
         commentId: internalId || v4$1(),
@@ -39809,7 +39809,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         creatorName: authorName,
         creatorEmail: authorEmail,
         createdTime: unixTimestampMs,
-        textJson: parsedComment[0],
+        textJson: parsedElements[0],
+        elements: parsedElements,
         initials,
         paraId,
         trackedChange,
@@ -39835,7 +39836,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { elements = [] } = initialElements[0] ?? {};
     const commentEx = elements.filter((el) => el.name === "w15:commentEx");
     return comments.map((comment2) => {
-      const extendedDef = commentEx.find((ce2) => ce2.attributes["w15:paraId"] === comment2.paraId);
+      const extendedDef = commentEx.find((ce2) => {
+        const isIncludedInCommentElements = comment2.elements?.some(
+          (el) => el.attrs?.["w14:paraId"] === ce2.attributes["w15:paraId"]
+        );
+        return isIncludedInCommentElements;
+      });
       if (!extendedDef) return { ...comment2, isDone: comment2.isDone ?? false };
       const { isDone, paraIdParent } = getExtendedDetails(extendedDef);
       let parentComment;
@@ -41956,7 +41962,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         name: "w16cex:commentExtensible",
         attributes: {
           "w16cex:durableId": newDurableId,
-          "w16cex:dateUtc": toIsoNoFractional()
+          "w16cex:dateUtc": toIsoNoFractional(comment2.createdTime)
         }
       };
       extensibleUpdated.elements[0].elements.push(newExtensible);
@@ -42422,7 +42428,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.100") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.102") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -53591,7 +53597,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
   var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _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() {
   };
@@ -62675,6 +62681,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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);
     }
@@ -64974,12 +64988,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         importedId: node2.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,
@@ -67497,7 +67513,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   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) {
@@ -68286,7 +68302,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexBd5TMBeR),
+        Promise.resolve().then(() => indexNVrA3URL),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68491,7 +68507,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.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");
@@ -80574,7 +80590,7 @@ ${l}
     alignItems: "center",
     background: "transparent",
     padding: "0",
-    gap: "24px",
+    // gap is set dynamically by renderer based on pageGap option (default: 24px)
     overflowY: "auto"
   };
   const containerStylesHorizontal = {
@@ -80584,7 +80600,7 @@ ${l}
     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%"
   };
@@ -82387,6 +82403,7 @@ ${l}
   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";
@@ -82516,10 +82533,11 @@ ${l}
       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;
@@ -82538,13 +82556,14 @@ ${l}
       this.blockLookup = this.buildBlockLookup(blocks2, 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);
         }
@@ -82645,6 +82664,7 @@ ${l}
       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 = [];
@@ -82667,6 +82687,7 @@ ${l}
         this.changedBlocks.clear();
         return;
       }
+      mount2.style.gap = `${this.pageGap}px`;
       if (!this.currentLayout || this.pageStates.length === 0) {
         this.fullRender(layout);
       } else {
@@ -85886,6 +85907,7 @@ ${l}
     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,
@@ -91183,6 +91205,285 @@ ${l}
     }
     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 i2 = 0; i2 < cache2.cumulativeY.length; i2++) {
+        const pageTop = cache2.cumulativeY[i2];
+        const pageBottom = pageTop + cache2.pageHeights[i2];
+        if (containerY >= pageTop && containerY < pageBottom) {
+          return i2;
+        }
+      }
+      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 i2 = 0; i2 < pageCount; i2++) {
+        const top2 = cache2.cumulativeY[i2];
+        const height = cache2.pageHeights[i2];
+        const center = top2 + height / 2;
+        const distance = Math.abs(containerY - center);
+        if (distance < nearestDistance) {
+          nearestDistance = distance;
+          nearestIndex = i2;
+        }
+      }
+      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 i2 = 0; i2 < pageCount; i2++) {
+          const page = layout.pages[i2];
+          if (!page) {
+            throw new Error(`Invalid page at index ${i2}: 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 ${i2}: ${pageHeight} (must be non-negative finite number)`);
+          }
+          cumulativeY[i2] = currentY;
+          pageHeights[i2] = pageHeight;
+          currentY += pageHeight;
+          if (i2 < 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";
@@ -91476,18 +91777,41 @@ ${l}
     const effectiveEndA = endA ?? startA + 1;
     return effectiveEndA > startB && startA < endB;
   };
-  function hitTestPage(layout, point2) {
+  function hitTestPage(layout, point2, geometryHelper) {
+    if (geometryHelper) {
+      const pageIndex = geometryHelper.getPageIndexAtY(point2.y);
+      if (pageIndex !== null) {
+        return { pageIndex, page: layout.pages[pageIndex] };
+      }
+      const nearest = geometryHelper.getNearestPageIndex(point2.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 (point2.y >= top2 && point2.y < bottom2) {
         return { pageIndex, page };
       }
+      const center = top2 + pageHeight / 2;
+      const distance = Math.abs(point2.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, blocks2, measures, point2) {
@@ -91648,7 +91972,7 @@ ${l}
     }
     return null;
   };
-  function clickToPosition(layout, blocks2, measures, containerPoint, domContainer, clientX, clientY) {
+  function clickToPosition(layout, blocks2, measures, containerPoint, domContainer, clientX, clientY, geometryHelper) {
     logClickStage("log", "entry", {
       pages: layout.pages.length
     });
@@ -91691,75 +92015,132 @@ ${l}
         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, blocks2, measures, pageRelativePoint);
+    let fragmentHit = hitTestFragment(layout, pageHit, blocks2, 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(blocks2, nearest.blockId);
+          if (blockIndex !== -1) {
+            const block = blocks2[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, blocks2, measures, pageRelativePoint);
     if (tableHit) {
@@ -91909,12 +92290,22 @@ ${l}
     }
     return height;
   };
-  function selectionToRects(layout, blocks2, measures, from2, to) {
+  const calculatePageTopFallback = (layout, pageIndex) => {
+    const pageGap = layout.pageGap ?? 0;
+    let y2 = 0;
+    for (let i2 = 0; i2 < pageIndex; i2++) {
+      const pageHeight = layout.pages[i2]?.size?.h ?? layout.pageSize.h;
+      y2 += pageHeight + pageGap;
+    }
+    return y2;
+  };
+  function selectionToRects(layout, blocks2, 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(blocks2, fragment.blockId, { from: from2, to });
@@ -91956,12 +92347,16 @@ ${l}
               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
@@ -92089,12 +92484,16 @@ ${l}
                     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
@@ -92123,7 +92522,7 @@ ${l}
           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
@@ -95364,6 +95763,7 @@ ${l}
   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;
@@ -95387,6 +95787,7 @@ ${l}
       __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");
@@ -95539,7 +95940,8 @@ ${l}
           { 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;
@@ -95738,7 +96140,8 @@ ${l}
             { 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);
@@ -96585,7 +96988,14 @@ ${l}
           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();
@@ -96850,6 +97260,7 @@ ${l}
         };
       }
       __privateSet(this, _domPainter, null);
+      __privateSet(this, _pageGeometryHelper, null);
       __privateSet(this, _pendingDocChange, true);
       __privateMethod$1(this, _PresentationEditor_instances, scheduleRerender_fn).call(this);
     }
@@ -96882,7 +97293,16 @@ ${l}
           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) {
@@ -96895,7 +97315,8 @@ ${l}
         normalized,
         __privateGet$1(this, _viewportHost),
         clientX,
-        clientY
+        clientY,
+        __privateGet$1(this, _pageGeometryHelper) ?? void 0
       ) ?? null;
       return hit;
     }
@@ -97118,6 +97539,7 @@ ${l}
       __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();
@@ -97171,7 +97593,14 @@ ${l}
         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) {
@@ -97235,6 +97664,7 @@ ${l}
   _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();
@@ -97693,7 +98123,7 @@ ${l}
     if (!layout || !blocks2 || !measures) return;
     const start2 = Math.min(cursor.anchor, cursor.head);
     const end2 = Math.max(cursor.anchor, cursor.head);
-    const rects = selectionToRects(layout, blocks2, measures, start2, end2) ?? [];
+    const rects = selectionToRects(layout, blocks2, measures, start2, end2, __privateGet$1(this, _pageGeometryHelper) ?? void 0) ?? [];
     const color2 = __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;
@@ -98053,15 +98483,25 @@ ${l}
     const configuredPageSize = __privateGet$1(this, _layoutOptions).pageSize ?? DEFAULT_PAGE_SIZE;
     let pageY = 0;
     let pageHit = null;
-    for (let i2 = 0; i2 < layout.pages.length; i2++) {
-      const page = layout.pages[i2];
-      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: i2, 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 i2 = 0; i2 < layout.pages.length; i2++) {
+        const page = layout.pages[i2];
+        const pageHeight = page.size?.h ?? configuredPageSize.h;
+        if (normalizedY >= pageY && normalizedY < pageY + pageHeight) {
+          pageHit = { pageIndex: i2, page };
+          break;
+        }
+        pageY += pageHeight + gap;
       }
-      pageY += pageHeight + gap;
     }
     if (!pageHit) {
       return null;
@@ -98313,12 +98753,7 @@ ${l}
         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) {
@@ -98335,6 +98770,17 @@ ${l}
     __privateSet(this, _layoutState, { blocks: blocks2, 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, blocks2, measures);
@@ -98404,7 +98850,8 @@ ${l}
         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);
@@ -98492,7 +98939,14 @@ ${l}
       }
       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 {
@@ -98506,7 +98960,9 @@ ${l}
     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);
@@ -99294,6 +99750,15 @@ ${l}
       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;
   };
@@ -99317,7 +99782,7 @@ ${l}
         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;
@@ -99332,6 +99797,7 @@ ${l}
       }
       if (isLastRect && domEnd && rect.pageIndex === domEnd.pageIndex) {
         const endX = domEnd.x;
+        adjustedX = Math.min(adjustedX, endX);
         adjustedWidth = Math.max(1, endX - adjustedX);
       }
       return {
@@ -99341,6 +99807,29 @@ ${l}
         width: adjustedWidth
       };
     });
+    const MAX_DELTA_PX = 12;
+    let invalid2 = 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) invalid2 = 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) invalid2 = true;
+    }
+    if (invalid2) {
+      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);
@@ -99624,7 +100113,7 @@ ${l}
       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) => {
@@ -100091,7 +100580,14 @@ ${l}
     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;
     }
@@ -105523,14 +106019,19 @@ ${l}
     }
     return cellType.createAndFill();
   };
-  const createTableBorders = ({ size: size2 = 0.66665, color: color2 = "#000000" } = {}) => {
+  const createTableBorders = (borderSpec = {}) => {
+    borderSpec = {
+      size: 0.66665,
+      color: "#000000",
+      ...borderSpec
+    };
     return {
-      top: { size: size2, color: color2 },
-      left: { size: size2, color: color2 },
-      bottom: { size: size2, color: color2 },
-      right: { size: size2, color: color2 },
-      insideH: { size: size2, color: color2 },
-      insideV: { size: size2, color: color2 }
+      top: borderSpec,
+      left: borderSpec,
+      bottom: borderSpec,
+      right: borderSpec,
+      insideH: borderSpec,
+      insideV: borderSpec
     };
   };
   const createTable = (schema, rowsCount, colsCount, withHeaderRow, cellContent = null) => {
@@ -105658,12 +106159,17 @@ ${l}
     editor.commands.deleteTable();
     return true;
   };
-  const createCellBorders = ({ size: size2 = 0.66665, color: color2 = "#000000" } = {}) => {
+  const createCellBorders = (borderSpec = {}) => {
+    borderSpec = {
+      size: 0.66665,
+      color: "#000000",
+      ...borderSpec
+    };
     return {
-      top: { size: size2, color: color2 },
-      left: { size: size2, color: color2 },
-      bottom: { size: size2, color: color2 },
-      right: { size: size2, color: color2 }
+      top: borderSpec,
+      left: borderSpec,
+      bottom: borderSpec,
+      right: borderSpec
     };
   };
   function cellAround($pos) {
@@ -106430,13 +106936,20 @@ ${l}
             if (["tableCell", "tableHeader"].includes(node2.type.name)) {
               tr.setNodeMarkup(pos, void 0, {
                 ...node2.attrs,
-                borders: createCellBorders({ size: 0 })
+                borders: createCellBorders({ size: 0, space: 0, val: "none", color: "auto" })
               });
             }
           });
           tr.setNodeMarkup(table2.pos, void 0, {
             ...table2.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: {
+              ...table2.node.attrs.tableProperties,
+              borders: createTableBorders({ size: 0, space: 0, val: "none", color: "auto" })
+            }
           });
           return true;
         }
@@ -130438,7 +130951,7 @@ ${style2}
         }
       },
       {
-        label: toolbarTexts2.transparentBorders,
+        label: toolbarTexts2.removeBorders,
         command: "deleteCellAndTableBorders",
         icon: toolbarIcons2.deleteBorders,
         bottomBorder: true,
@@ -131019,7 +131532,7 @@ ${style2}
     deleteRow: "Delete row",
     deleteColumn: "Delete column",
     deleteTable: "Delete table",
-    transparentBorders: "Transparent borders",
+    removeBorders: "Remove borders",
     mergeCells: "Merge cells",
     splitCell: "Split cell",
     fixTables: "Fix tables",
@@ -132057,7 +132570,7 @@ ${style2}
     deleteRow: "Delete row",
     deleteColumn: "Delete column",
     deleteTable: "Delete table",
-    transparentBorders: "Transparent borders",
+    removeBorders: "Remove borders",
     mergeCells: "Merge cells",
     splitCell: "Split cell",
     fixTables: "Fix tables",
@@ -132140,7 +132653,7 @@ ${style2}
       }
     },
     {
-      label: TEXTS.transparentBorders,
+      label: TEXTS.removeBorders,
       command: "deleteCellAndTableBorders",
       icon: ICONS.deleteBorders,
       bottomBorder: true,
@@ -152285,7 +152798,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.100";
+      this.version = "1.0.0-beta.102";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -154757,7 +155270,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexBd5TMBeR = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexNVrA3URL = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));