oasis-editor 0.0.24 → 0.0.26

package/dist/{OasisEditorApp-Ckv1Glbw.js → OasisEditorApp-DiKFbvcS.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as startLongTaskObserver, bA as installGlobalReport, bB as applyStoredPreciseFontPreference, bC as getWelcomeSeen, bD as isLocalFontAccessSupported, bE as EDITOR_SCROLL_PADDING_PX, bF as Toolbar, bG as OasisEditorLoading, bH as createEditorLogger, bI as getCachedCanvasImage, bJ as registerDomStatsSurface } from "./index-WKT6eKMj.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as createEditorZoom, bA as startLongTaskObserver, bB as installGlobalReport, bC as applyStoredPreciseFontPreference, bD as getWelcomeSeen, bE as isLocalFontAccessSupported, bF as EDITOR_SCROLL_PADDING_PX, bG as Toolbar, bH as OasisEditorLoading, bI as createEditorLogger, bJ as getCachedCanvasImage, bK as registerDomStatsSurface } from "./index-nYpJ3a_R.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -5488,6 +5488,7 @@ function useEditorLayout(props) {
   );
   let syncRequestId = 0;
   const syncInputBox = (_reason = "selection") => {
+    var _a;
     const surface = props.surfaceRef();
     if (!surface) {
       setSelectionBoxes([]);
@@ -5501,7 +5502,8 @@ function useEditorLayout(props) {
       surface,
       state: props.state,
       measuredBlockHeights: measuredBlockHeights(),
-      measuredParagraphLayouts: measuredParagraphLayouts()
+      measuredParagraphLayouts: measuredParagraphLayouts(),
+      zoomFactor: (_a = props.zoomFactor) == null ? void 0 : _a.call(props)
     });
     if (!snapshot) {
       setSelectionBoxes([]);
@@ -7253,12 +7255,14 @@ function createResizeSession(adapter, deps) {
     }
   });
   const handleMouseMove = (event) => {
+    var _a;
     const resize = active;
     if (!resize) {
       return;
     }
-    const deltaX = event.clientX - resize.startClientX;
-    const deltaY = event.clientY - resize.startClientY;
+    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const deltaX = (event.clientX - resize.startClientX) / z;
+    const deltaY = (event.clientY - resize.startClientY) / z;
     const maxWidth = adapter.getMaxWidth(deps.state, resize.paragraphId);
     const { width, height } = resolveResizedDimensions(
       resize,
@@ -7502,7 +7506,8 @@ function createEditorImageOperations(deps) {
       updateHistoryState: deps.updateHistoryState,
       cloneState: deps.cloneState,
       focusInput: deps.focusInput,
-      logger: deps.logger
+      logger: deps.logger,
+      zoomFactor: deps.zoomFactor
     }
   );
   const imageRotateSession = createRotateSession(
@@ -7703,7 +7708,8 @@ function createEditorTextBoxOperations(deps) {
       updateHistoryState: deps.updateHistoryState,
       cloneState: deps.cloneState,
       focusInput: deps.focusInput,
-      logger: deps.logger
+      logger: deps.logger,
+      zoomFactor: deps.zoomFactor
     }
   );
   const rotateSession = createRotateSession(
@@ -39179,7 +39185,8 @@ function cloneLayoutSnapshot(snapshot) {
         top: paragraph.tableCell.top,
         width: paragraph.tableCell.width,
         height: paragraph.tableCell.height
-      } : void 0
+      } : void 0,
+      verticalMode: paragraph.verticalMode
     })),
     inlineImages: snapshot.inlineImages.map((image) => ({
       paragraphId: image.paragraphId,
@@ -39193,6 +39200,21 @@ function cloneLayoutSnapshot(snapshot) {
       width: image.width,
       height: image.height
     })),
+    inlineTextBoxes: snapshot.inlineTextBoxes.map(
+      (box) => ({
+        paragraphId: box.paragraphId,
+        paragraphIndex: box.paragraphIndex,
+        zone: box.zone,
+        pageIndex: box.pageIndex,
+        startOffset: box.startOffset,
+        endOffset: box.endOffset,
+        left: box.left,
+        top: box.top,
+        width: box.width,
+        height: box.height,
+        rotation: box.rotation
+      })
+    ),
     unsupportedRegions: snapshot.unsupportedRegions.map((region) => ({
       ...region
     }))
@@ -39222,6 +39244,9 @@ function buildApi() {
       inlineImages: lastLayoutSnapshot.inlineImages.map((image) => ({
         ...image
       })),
+      inlineTextBoxes: lastLayoutSnapshot.inlineTextBoxes.map((box) => ({
+        ...box
+      })),
       unsupportedRegions: lastLayoutSnapshot.unsupportedRegions.map(
         (region) => ({
           ...region
@@ -39822,8 +39847,12 @@ function resolveImageAtPoint(snapshot, pageIndex, zone, clientX, clientY, pierce
 }
 function resolveCanvasSurfaceHitAtPoint(options) {
   var _a, _b, _c;
-  const { snapshot, state, clientX, clientY } = options;
+  const { snapshot, state } = options;
   const pierce = options.pierce ?? false;
+  const zoomFactor = options.zoomFactor && options.zoomFactor > 0 ? options.zoomFactor : 1;
+  const surfaceRect = snapshot.surfaceRect;
+  const clientX = surfaceRect.left + (options.clientX - surfaceRect.left) / zoomFactor;
+  const clientY = surfaceRect.top + (options.clientY - surfaceRect.top) / zoomFactor;
   const page = resolveNearestPage(snapshot.pages, clientX, clientY);
   if (!page) {
     return null;
@@ -39982,12 +40011,14 @@ function createCanvasSurfaceHitResolver(deps) {
     const viewportScrollLeft = (currentViewportRef == null ? void 0 : currentViewportRef.scrollLeft) ?? 0;
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
-    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight;
+    const zoomFactor = deps.zoomFactor();
+    const shouldReuseSnapshot = canvasSnapshotCache && canvasSnapshotCache.documentRef === currentState.document && canvasSnapshotCache.measuredBlockHeightsRef === currentMeasuredBlockHeights && canvasSnapshotCache.measuredParagraphLayoutsRef === currentMeasuredParagraphLayouts && canvasSnapshotCache.surfaceRef === currentSurfaceRef && canvasSnapshotCache.viewportScrollTop === viewportScrollTop && canvasSnapshotCache.viewportScrollLeft === viewportScrollLeft && canvasSnapshotCache.surfaceClientWidth === currentSurfaceRef.clientWidth && canvasSnapshotCache.surfaceClientHeight === currentSurfaceRef.clientHeight && canvasSnapshotCache.windowWidth === windowWidth && canvasSnapshotCache.windowHeight === windowHeight && canvasSnapshotCache.zoomFactor === zoomFactor;
     const snapshot = shouldReuseSnapshot ? canvasSnapshotCache.snapshot : buildCanvasLayoutSnapshot({
       surface: currentSurfaceRef,
       state: currentState,
       measuredBlockHeights: currentMeasuredBlockHeights,
-      measuredParagraphLayouts: currentMeasuredParagraphLayouts
+      measuredParagraphLayouts: currentMeasuredParagraphLayouts,
+      zoomFactor
     });
     if (!shouldReuseSnapshot) {
       canvasSnapshotCache = {
@@ -40001,7 +40032,8 @@ function createCanvasSurfaceHitResolver(deps) {
         surfaceClientWidth: currentSurfaceRef.clientWidth,
         surfaceClientHeight: currentSurfaceRef.clientHeight,
         windowWidth,
-        windowHeight
+        windowHeight,
+        zoomFactor
       };
     }
     recordCanvasDebugLayoutSnapshot(snapshot);
@@ -40014,7 +40046,8 @@ function createCanvasSurfaceHitResolver(deps) {
       state: currentState,
       clientX,
       clientY,
-      pierce: context.pierce ?? false
+      pierce: context.pierce ?? false,
+      zoomFactor
     });
     recordCanvasDebugHit(hit);
     return hit;
@@ -44762,9 +44795,11 @@ function createEditorTableResize(deps) {
     setActiveCursorClass(currentResizing.type === "column");
   };
   const handleWindowMouseUp = (event) => {
+    var _a;
     const currentResizing = resizing();
     if (!currentResizing) return;
-    const delta = (currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos;
+    const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
+    const delta = ((currentResizing.type === "column" ? event.clientX : event.clientY) - currentResizing.initialPos) / z;
     if (Math.abs(delta) >= DRAG_THRESHOLD_PX) {
       deps.applyTransactionalState((current) => {
         if (currentResizing.type === "row") {
@@ -45736,7 +45771,7 @@ function createEditorNavigation(deps) {
     return moveVerticalSelection(direction, false);
   };
   const moveVerticalSelection = (direction, extend) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const state = deps.state();
     const paragraphs = getParagraphs(state);
     const currentIndex = paragraphs.findIndex(
@@ -45751,7 +45786,8 @@ function createEditorNavigation(deps) {
     const desiredX = preferredX === null ? deps.caretBox().left + ((surfaceRect == null ? void 0 : surfaceRect.left) ?? 0) : preferredX;
     const snapshot = surfaceRef ? buildCanvasLayoutSnapshot({
       surface: surfaceRef,
-      state
+      state,
+      zoomFactor: (_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)
     }) : null;
     let targetIndex = currentIndex + direction;
     const tableLocation = findParagraphTableLocation(
@@ -45793,7 +45829,7 @@ function createEditorNavigation(deps) {
               const distance = desiredX < left ? left - desiredX : desiredX > right ? desiredX - right : 0;
               return { entry, distance };
             }).sort((left, right) => left.distance - right.distance);
-            const candidate = (_a = scoredCandidates[0]) == null ? void 0 : _a.entry;
+            const candidate = (_b = scoredCandidates[0]) == null ? void 0 : _b.entry;
             if (!candidate) {
               continue;
             }
@@ -45803,14 +45839,14 @@ function createEditorNavigation(deps) {
           }
         } else {
           if (direction < 0) {
-            const firstParaId = (_d = (_c = (_b = block.rows[0]) == null ? void 0 : _b.cells[0]) == null ? void 0 : _c.blocks[0]) == null ? void 0 : _d.id;
+            const firstParaId = (_e = (_d = (_c = block.rows[0]) == null ? void 0 : _c.cells[0]) == null ? void 0 : _d.blocks[0]) == null ? void 0 : _e.id;
             if (firstParaId) {
               targetIndex = paragraphs.findIndex((p) => p.id === firstParaId) - 1;
             }
           } else {
             const lastRow = block.rows[block.rows.length - 1];
             const lastCell = lastRow == null ? void 0 : lastRow.cells[lastRow.cells.length - 1];
-            const lastParaId = (_e = lastCell == null ? void 0 : lastCell.blocks[lastCell.blocks.length - 1]) == null ? void 0 : _e.id;
+            const lastParaId = (_f = lastCell == null ? void 0 : lastCell.blocks[lastCell.blocks.length - 1]) == null ? void 0 : _f.id;
             if (lastParaId) {
               targetIndex = paragraphs.findIndex((p) => p.id === lastParaId) + 1;
             }
@@ -45860,7 +45896,7 @@ function createEditorNavigation(deps) {
 function createEditorRevisionController(deps) {
   const [hoveredRevision, setHoveredRevision] = createSignal(null);
   const handleRevisionMouseEnter = (revisionId, event) => {
-    var _a, _b;
+    var _a, _b, _c;
     const paragraphs = getParagraphs(deps.state());
     let foundRevision;
     for (const p of paragraphs) {
@@ -45876,13 +45912,14 @@ function createEditorRevisionController(deps) {
     const rect = event.currentTarget.getBoundingClientRect();
     const surfaceRect = (_b = deps.surfaceRef()) == null ? void 0 : _b.getBoundingClientRect();
     if (!surfaceRect) return;
+    const z = ((_c = deps.zoomFactor) == null ? void 0 : _c.call(deps)) ?? 1;
     setHoveredRevision({
       revisionId: foundRevision.id,
       author: foundRevision.author,
       date: foundRevision.date,
       type: foundRevision.type,
-      left: rect.left - surfaceRect.left,
-      top: rect.top - surfaceRect.top
+      left: (rect.left - surfaceRect.left) / z,
+      top: (rect.top - surfaceRect.top) / z
     });
   };
   const handleRevisionMouseLeave = () => {
@@ -45900,7 +45937,8 @@ function useEditorInteractionWiring(ctx) {
     state,
     applyTransactionalState: ctx.applyTransactionalState,
     surfaceRef: ctx.surfaceRef,
-    viewportRef: ctx.viewportRef
+    viewportRef: ctx.viewportRef,
+    zoomFactor: ctx.zoomFactor
   });
   const tableDrag = createEditorTableDrag({
     state,
@@ -45910,7 +45948,8 @@ function useEditorInteractionWiring(ctx) {
   });
   const revisionController = createEditorRevisionController({
     state,
-    surfaceRef: () => ctx.surfaceRef() ?? null
+    surfaceRef: () => ctx.surfaceRef() ?? null,
+    zoomFactor: ctx.zoomFactor
   });
   const textDrag = createEditorTextDrag({
     state,
@@ -45959,7 +45998,8 @@ function useEditorInteractionWiring(ctx) {
     setPreferredColumnX: ctx.setPreferredColumnX,
     clearPreferredColumn: ctx.clearPreferredColumn,
     resetTransactionGrouping: ctx.resetTransactionGrouping,
-    focusInput: ctx.focusInput
+    focusInput: ctx.focusInput,
+    zoomFactor: ctx.zoomFactor
   });
   const { handleCopy, handleCut, handlePaste, handleDrop } = createEditorClipboardController({
     state,
@@ -45992,7 +46032,10 @@ function buildEditorViewProps(ctx) {
   const layout = {
     viewportHeight: ctx.viewportHeight,
     class: ctx.className,
-    style: ctx.style
+    style: ctx.style,
+    zoomPercent: ctx.zoomPercent,
+    setZoomPercent: ctx.setZoomPercent,
+    zoomFactor: ctx.zoomFactor
   };
   const overlays = {
     selectionBoxes: ctx.selectionBoxes,
@@ -46397,6 +46440,7 @@ function OasisEditorApp(props = {}) {
   const focusInput = focusController.focusInput;
   const focusInputAfterPointerSelection = focusController.focusInputAfterPointerSelection;
   const [initialLoading, setInitialLoading] = createSignal(ui().loading !== false);
+  const zoom = createEditorZoom();
   const {
     linkDialog,
     setLinkDialog,
@@ -46456,7 +46500,8 @@ function OasisEditorApp(props = {}) {
     state,
     surfaceRef,
     viewportRef,
-    isImporting: isImportInProgress
+    isImporting: isImportInProgress,
+    zoomFactor: zoom.zoomFactor
   });
   const {
     status: persistenceStatus
@@ -46579,7 +46624,8 @@ function OasisEditorApp(props = {}) {
     surfaceRef: () => surfaceRef() ?? null,
     viewportRef: () => viewportRef() ?? null,
     measuredBlockHeights,
-    measuredParagraphLayouts
+    measuredParagraphLayouts,
+    zoomFactor: zoom.zoomFactor
   });
   const resolveSurfaceHitAtPoint = canvasHitResolver.resolveSurfaceHitAtPoint;
   const fr = useEditorFindReplace({
@@ -46618,7 +46664,8 @@ function OasisEditorApp(props = {}) {
     focusInput,
     focusInputAfterPointerSelection,
     cloneState,
-    logger
+    logger,
+    zoomFactor: zoom.zoomFactor
   });
   const textBoxOps = createEditorTextBoxOperations({
     state,
@@ -46627,7 +46674,8 @@ function OasisEditorApp(props = {}) {
     updateHistoryState,
     focusInput,
     cloneState,
-    logger
+    logger,
+    zoomFactor: zoom.zoomFactor
   });
   const styleController = createEditorStyleController({
     state: () => state,
@@ -46664,6 +46712,7 @@ function OasisEditorApp(props = {}) {
     caretBox: () => caretBox(),
     preferredColumnX: () => preferredColumnX(),
     setPreferredColumnX,
+    zoomFactor: zoom.zoomFactor,
     resolveSurfaceHitAtPoint,
     resolvePositionAtSurfacePoint,
     tableOps,
@@ -46960,6 +47009,9 @@ function OasisEditorApp(props = {}) {
     viewportHeight: ui().viewportHeight,
     className: ui().class,
     style: ui().style,
+    zoomPercent: zoom.zoomPercent,
+    setZoomPercent: zoom.setZoomPercent,
+    zoomFactor: zoom.zoomFactor,
     selectionBoxes,
     commentHighlights,
     selectedImageBox,

package/dist/app/controllers/createResizeSession.d.ts

@@ -29,6 +29,8 @@ export interface ResizeSessionDeps {
     cloneState: (source: EditorState) => EditorState;
     focusInput: () => void;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; pointer deltas (screen px) are divided by it. */
+    zoomFactor?: () => number;
 }
 /**
  * Drives a handle-based resize: it tracks the pointer, resolves the next size

package/dist/app/controllers/useEditorImageOperations.d.ts

@@ -31,6 +31,8 @@ export interface EditorImageOperationsDeps {
     focusInputAfterPointerSelection: () => void;
     cloneState: (source: EditorState) => EditorState;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorImageOperations(deps: EditorImageOperationsDeps): {
     dragging: import('solid-js').Accessor<boolean>;

package/dist/app/controllers/useEditorLayout.d.ts

@@ -7,6 +7,8 @@ interface UseEditorLayoutProps {
     surfaceRef: () => HTMLDivElement | undefined;
     viewportRef: () => HTMLDivElement | undefined;
     isImporting?: () => boolean;
+    /** Current visual zoom factor; the snapshot stays zoom-invariant. */
+    zoomFactor?: () => number;
 }
 type LayoutSyncReason = "selection" | "scroll" | "content-change" | "resize" | "import";
 export interface LayoutInvalidation {

package/dist/app/controllers/useEditorNavigation.d.ts

@@ -12,6 +12,12 @@ export interface UseEditorNavigationProps {
     clearPreferredColumn: () => void;
     resetTransactionGrouping: () => void;
     focusInput: () => void;
+    /**
+     * Current visual zoom factor. `desiredX` and the snapshot slots both live in
+     * "screen-anchored local" space, so the comparison stays correct once the
+     * snapshot is built zoom-aware.
+     */
+    zoomFactor?: () => number;
 }
 export declare function createEditorNavigation(deps: UseEditorNavigationProps): {
     moveSelectionToParagraphBoundary: (boundary: "start" | "end", extend: boolean) => boolean;

package/dist/app/controllers/useEditorRevision.d.ts

@@ -4,6 +4,8 @@ import { RevisionBox } from '../../ui/editorUiTypes.js';
 export interface UseEditorRevisionProps {
     state: () => EditorState;
     surfaceRef: () => HTMLDivElement | null;
+    /** Visual zoom factor `z`; screen-px offsets are divided by it for px-local. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorRevisionController(deps: UseEditorRevisionProps): {
     hoveredRevision: import('solid-js').Accessor<RevisionBox | null>;

package/dist/app/controllers/useEditorTableResize.d.ts

@@ -7,4 +7,6 @@ export declare function createEditorTableResize(deps: {
     applyTransactionalState: (producer: (current: EditorState) => EditorState) => void;
     surfaceRef: () => HTMLElement | undefined;
     viewportRef: () => HTMLElement | undefined;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }): TableResizeOps;

package/dist/app/controllers/useEditorTextBoxOperations.d.ts

@@ -11,6 +11,8 @@ export interface EditorTextBoxOperationsDeps {
     focusInput: () => void;
     cloneState: (source: EditorState) => EditorState;
     logger: EditorLogger;
+    /** Visual zoom factor `z`; resize pointer deltas are divided by it. */
+    zoomFactor?: () => number;
 }
 export declare function createEditorTextBoxOperations(deps: EditorTextBoxOperationsDeps): {
     handleTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {