superdoc 1.0.0-beta.71 → 1.0.0-beta.72

package/dist/chunks/{PdfViewer-ByYZWEAY.cjs → PdfViewer-BxCLl7Q6.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-jWLMl8Ts.cjs");
-const superdoc = require("./index-C5kk90i2.cjs");
+const superdoc = require("./index-CAQDtLex.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-fC8HER9x.es.js → PdfViewer-Dg-qiC1A.es.js}

@@ -1,5 +1,5 @@
 import { y as defineComponent, z as h, O as Transition, a0 as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, u as createVNode, v as unref } from "./vue-Dysv_7z5.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-dVVrZVr-.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-B1AqHbuy.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-dVVrZVr-.es.js → index-B1AqHbuy.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-1WGVfjfp.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, P as PresentationEditor, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-DPl3-zTR.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CcXAdeql.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17251,7 +17251,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-fC8HER9x.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-Dg-qiC1A.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18140,7 +18140,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.71";
+    this.version = "1.0.0-beta.72";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-C5kk90i2.cjs → index-CAQDtLex.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-DUGFHvw1.cjs");
+const superEditor_es = require("./super-editor.es-DxG6ckVG.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DQmQUge-.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17268,7 +17268,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-ByYZWEAY.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BxCLl7Q6.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -18157,7 +18157,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.0.0-beta.71";
+    this.version = "1.0.0-beta.72";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-DNdPLYmc-xVZ8rsAB.cjs → index-qXb-Hmel-BPsIpdLY.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-DUGFHvw1.cjs");
+const superEditor_es = require("./super-editor.es-DxG6ckVG.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{index-DNdPLYmc-BiqKDIea.es.js → index-qXb-Hmel-DwJhkxdW.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-1WGVfjfp.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-DPl3-zTR.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{super-editor.es-1WGVfjfp.es.js → super-editor.es-DPl3-zTR.es.js}

@@ -42309,7 +42309,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.71") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.72") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -59498,7 +59498,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.71";
+const summaryVersion = "1.0.0-beta.72";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60287,7 +60287,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-DNdPLYmc-BiqKDIea.es.js"),
+      import("./index-qXb-Hmel-DwJhkxdW.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -60492,7 +60492,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.71");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.72");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -85637,6 +85637,74 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
   getLayoutOptions() {
     return { ...__privateGet$1(this, _layoutOptions) };
   }
+  /**
+   * Get the page styles for the section containing the current caret position.
+   *
+   * In multi-section documents, different sections can have different page sizes,
+   * margins, and orientations. This method returns the styles for the section
+   * where the caret is currently located, enabling section-aware UI components
+   * like rulers to display accurate information.
+   *
+   * @returns Object containing:
+   *   - pageSize: { width, height } in inches
+   *   - pageMargins: { left, right, top, bottom } in inches
+   *   - sectionIndex: The current section index (0-based)
+   *   - orientation: 'portrait' or 'landscape'
+   *
+   * Falls back to document-level defaults if section info is unavailable.
+   *
+   * @example
+   * ```typescript
+   * const sectionStyles = presentation.getCurrentSectionPageStyles();
+   * console.log(`Section ${sectionStyles.sectionIndex}: ${sectionStyles.pageSize.width}" x ${sectionStyles.pageSize.height}"`);
+   * ```
+   */
+  getCurrentSectionPageStyles() {
+    const PPI2 = 96;
+    const layout = __privateGet$1(this, _layoutState).layout;
+    const pageIndex = __privateMethod$1(this, _PresentationEditor_instances, getCurrentPageIndex_fn).call(this);
+    const page = layout?.pages?.[pageIndex];
+    const converterStyles = __privateGet$1(this, _editor3).converter?.pageStyles ?? {};
+    const defaultMargins = converterStyles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+    const safeMargins = {
+      left: typeof defaultMargins.left === "number" ? defaultMargins.left : 1,
+      right: typeof defaultMargins.right === "number" ? defaultMargins.right : 1,
+      top: typeof defaultMargins.top === "number" ? defaultMargins.top : 1,
+      bottom: typeof defaultMargins.bottom === "number" ? defaultMargins.bottom : 1
+    };
+    if (!page) {
+      return {
+        pageSize: { width: 8.5, height: 11 },
+        pageMargins: safeMargins,
+        sectionIndex: 0,
+        orientation: "portrait"
+      };
+    }
+    const pageOrientation = page.orientation === "landscape" || page.orientation === "portrait" ? page.orientation : "portrait";
+    const standardPortrait = { w: 8.5 * PPI2, h: 11 * PPI2 };
+    const standardLandscape = { w: 11 * PPI2, h: 8.5 * PPI2 };
+    const orientationDefault = pageOrientation === "landscape" ? standardLandscape : standardPortrait;
+    const pageWidthPx = page.size?.w ?? orientationDefault.w;
+    const pageHeightPx = page.size?.h ?? orientationDefault.h;
+    const marginLeftPx = page.margins?.left ?? safeMargins.left * PPI2;
+    const marginRightPx = page.margins?.right ?? safeMargins.right * PPI2;
+    const marginTopPx = page.margins?.top ?? safeMargins.top * PPI2;
+    const marginBottomPx = page.margins?.bottom ?? safeMargins.bottom * PPI2;
+    return {
+      pageSize: {
+        width: pageWidthPx / PPI2,
+        height: pageHeightPx / PPI2
+      },
+      pageMargins: {
+        left: marginLeftPx / PPI2,
+        right: marginRightPx / PPI2,
+        top: marginTopPx / PPI2,
+        bottom: marginBottomPx / PPI2
+      },
+      sectionIndex: page.sectionIndex ?? 0,
+      orientation: pageOrientation
+    };
+  }
   /**
    * Get current remote cursor states (normalized to absolute PM positions).
    * Returns an array of cursor states for all remote collaborators, excluding the local user.
@@ -88531,9 +88599,26 @@ getCurrentPageIndex_fn = function() {
   }
   const layout = __privateGet$1(this, _layoutState).layout;
   const selection = __privateGet$1(this, _editor3).state?.selection;
-  if (!layout || !selection) return 0;
+  if (!layout || !selection) {
+    return 0;
+  }
   const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, selection.from, selection.to) ?? [];
-  return rects[0]?.pageIndex ?? 0;
+  if (rects.length > 0) {
+    return rects[0]?.pageIndex ?? 0;
+  }
+  const pos = selection.from;
+  for (let pageIdx = 0; pageIdx < layout.pages.length; pageIdx++) {
+    const page = layout.pages[pageIdx];
+    for (const fragment of page.fragments) {
+      const frag = fragment;
+      if (frag.pmStart != null && frag.pmEnd != null) {
+        if (pos >= frag.pmStart && pos <= frag.pmEnd) {
+          return pageIdx;
+        }
+      }
+    }
+  }
+  return 0;
 };
 findRegionForPage_fn = function(kind, pageIndex) {
   const map22 = kind === "header" ? __privateGet$1(this, _headerRegions) : __privateGet$1(this, _footerRegions);
@@ -123268,6 +123353,7 @@ const _sfc_main$6 = {
     const rulerHandleActiveColor = ref$1("#2563EB66");
     const pageSize = ref$1(null);
     const pageMargins = ref$1(null);
+    const currentSectionIndex = ref$1(0);
     const isDragging = ref$1(false);
     const currentHandle = ref$1(null);
     const leftHandle = reactive({ side: "left", x: 0 });
@@ -123275,9 +123361,29 @@ const _sfc_main$6 = {
     const showVerticalIndicator = ref$1(false);
     const initialX = ref$1(0);
     let offsetX = 0;
-    const initRuler = () => {
-      if (props.editor.options.mode !== "docx") return null;
-      const { pageMargins: docMargins, pageSize: docSize } = props.editor.getPageStyles();
+    let selectionUpdateHandler = null;
+    const getPresentationEditor = () => {
+      return props.editor?.presentationEditor ?? null;
+    };
+    const updateRulerForCurrentSection = () => {
+      if (!props.editor || props.editor.options?.mode !== "docx") return;
+      const presentationEditor = getPresentationEditor();
+      let docSize, docMargins, sectionIndex;
+      if (presentationEditor && typeof presentationEditor.getCurrentSectionPageStyles === "function") {
+        const sectionStyles = presentationEditor.getCurrentSectionPageStyles();
+        docSize = sectionStyles.pageSize;
+        docMargins = sectionStyles.pageMargins;
+        sectionIndex = sectionStyles.sectionIndex;
+      } else {
+        const styles = props.editor.getPageStyles();
+        docSize = styles.pageSize ?? { width: 8.5, height: 11 };
+        docMargins = styles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+        sectionIndex = 0;
+      }
+      if (pageSize.value && currentSectionIndex.value === sectionIndex) {
+        return;
+      }
+      currentSectionIndex.value = sectionIndex;
       pageSize.value = docSize;
       pageMargins.value = docMargins;
       const definition = generateRulerDefinition({
@@ -123291,7 +123397,7 @@ const _sfc_main$6 = {
       });
       leftHandle.x = definition.leftMarginPx;
       rightHandle.x = definition.rightMarginPx;
-      return definition;
+      rulerDefinition.value = definition;
     };
     const getTickStyle = computed(() => (tick) => {
       return {
@@ -123345,7 +123451,8 @@ const _sfc_main$6 = {
         const marginValue = getNewMarginValue();
         emit("margin-change", {
           side: currentHandle.value.side,
-          value: marginValue
+          value: marginValue,
+          sectionIndex: currentSectionIndex.value
         });
       }
     };
@@ -123369,12 +123476,40 @@ const _sfc_main$6 = {
         "--ruler-width": `${width}px`
       };
     });
+    const handleSelectionUpdate = () => {
+      if (isDragging.value) return;
+      updateRulerForCurrentSection();
+    };
+    const setupEditorListeners = () => {
+      if (!props.editor) return;
+      selectionUpdateHandler = handleSelectionUpdate;
+      props.editor.on("selectionUpdate", selectionUpdateHandler);
+    };
+    const cleanupEditorListeners = () => {
+      if (!props.editor || !selectionUpdateHandler) return;
+      props.editor.off("selectionUpdate", selectionUpdateHandler);
+      selectionUpdateHandler = null;
+    };
+    watch(
+      () => props.editor,
+      (newEditor, oldEditor) => {
+        if (oldEditor && selectionUpdateHandler) {
+          oldEditor.off("selectionUpdate", selectionUpdateHandler);
+        }
+        if (newEditor) {
+          setupEditorListeners();
+          updateRulerForCurrentSection();
+        }
+      }
+    );
     onMounted(() => {
-      rulerDefinition.value = initRuler();
+      updateRulerForCurrentSection();
+      setupEditorListeners();
       window.addEventListener("mousemove", handleMouseMove2);
       window.addEventListener("mouseup", handleMouseUp);
     });
     onUnmounted(() => {
+      cleanupEditorListeners();
       window.removeEventListener("mousemove", handleMouseMove2);
       window.removeEventListener("mouseup", handleMouseUp);
     });
@@ -123415,7 +123550,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b9f4f30a"]]);
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0d1b9cd1"]]);
 const _sfc_main$5 = {
   __name: "GenericPopover",
   props: {

package/dist/chunks/{super-editor.es-DUGFHvw1.cjs → super-editor.es-DxG6ckVG.cjs}

@@ -42326,7 +42326,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.71") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.72") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -59515,7 +59515,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.71";
+const summaryVersion = "1.0.0-beta.72";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -60304,7 +60304,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DNdPLYmc-xVZ8rsAB.cjs")),
+      Promise.resolve().then(() => require("./index-qXb-Hmel-BPsIpdLY.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -60509,7 +60509,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.71");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.72");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -85654,6 +85654,74 @@ const _PresentationEditor = class _PresentationEditor2 extends EventEmitter$1 {
   getLayoutOptions() {
     return { ...__privateGet$1(this, _layoutOptions) };
   }
+  /**
+   * Get the page styles for the section containing the current caret position.
+   *
+   * In multi-section documents, different sections can have different page sizes,
+   * margins, and orientations. This method returns the styles for the section
+   * where the caret is currently located, enabling section-aware UI components
+   * like rulers to display accurate information.
+   *
+   * @returns Object containing:
+   *   - pageSize: { width, height } in inches
+   *   - pageMargins: { left, right, top, bottom } in inches
+   *   - sectionIndex: The current section index (0-based)
+   *   - orientation: 'portrait' or 'landscape'
+   *
+   * Falls back to document-level defaults if section info is unavailable.
+   *
+   * @example
+   * ```typescript
+   * const sectionStyles = presentation.getCurrentSectionPageStyles();
+   * console.log(`Section ${sectionStyles.sectionIndex}: ${sectionStyles.pageSize.width}" x ${sectionStyles.pageSize.height}"`);
+   * ```
+   */
+  getCurrentSectionPageStyles() {
+    const PPI2 = 96;
+    const layout = __privateGet$1(this, _layoutState).layout;
+    const pageIndex = __privateMethod$1(this, _PresentationEditor_instances, getCurrentPageIndex_fn).call(this);
+    const page = layout?.pages?.[pageIndex];
+    const converterStyles = __privateGet$1(this, _editor3).converter?.pageStyles ?? {};
+    const defaultMargins = converterStyles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+    const safeMargins = {
+      left: typeof defaultMargins.left === "number" ? defaultMargins.left : 1,
+      right: typeof defaultMargins.right === "number" ? defaultMargins.right : 1,
+      top: typeof defaultMargins.top === "number" ? defaultMargins.top : 1,
+      bottom: typeof defaultMargins.bottom === "number" ? defaultMargins.bottom : 1
+    };
+    if (!page) {
+      return {
+        pageSize: { width: 8.5, height: 11 },
+        pageMargins: safeMargins,
+        sectionIndex: 0,
+        orientation: "portrait"
+      };
+    }
+    const pageOrientation = page.orientation === "landscape" || page.orientation === "portrait" ? page.orientation : "portrait";
+    const standardPortrait = { w: 8.5 * PPI2, h: 11 * PPI2 };
+    const standardLandscape = { w: 11 * PPI2, h: 8.5 * PPI2 };
+    const orientationDefault = pageOrientation === "landscape" ? standardLandscape : standardPortrait;
+    const pageWidthPx = page.size?.w ?? orientationDefault.w;
+    const pageHeightPx = page.size?.h ?? orientationDefault.h;
+    const marginLeftPx = page.margins?.left ?? safeMargins.left * PPI2;
+    const marginRightPx = page.margins?.right ?? safeMargins.right * PPI2;
+    const marginTopPx = page.margins?.top ?? safeMargins.top * PPI2;
+    const marginBottomPx = page.margins?.bottom ?? safeMargins.bottom * PPI2;
+    return {
+      pageSize: {
+        width: pageWidthPx / PPI2,
+        height: pageHeightPx / PPI2
+      },
+      pageMargins: {
+        left: marginLeftPx / PPI2,
+        right: marginRightPx / PPI2,
+        top: marginTopPx / PPI2,
+        bottom: marginBottomPx / PPI2
+      },
+      sectionIndex: page.sectionIndex ?? 0,
+      orientation: pageOrientation
+    };
+  }
   /**
    * Get current remote cursor states (normalized to absolute PM positions).
    * Returns an array of cursor states for all remote collaborators, excluding the local user.
@@ -88548,9 +88616,26 @@ getCurrentPageIndex_fn = function() {
   }
   const layout = __privateGet$1(this, _layoutState).layout;
   const selection = __privateGet$1(this, _editor3).state?.selection;
-  if (!layout || !selection) return 0;
+  if (!layout || !selection) {
+    return 0;
+  }
   const rects = selectionToRects(layout, __privateGet$1(this, _layoutState).blocks, __privateGet$1(this, _layoutState).measures, selection.from, selection.to) ?? [];
-  return rects[0]?.pageIndex ?? 0;
+  if (rects.length > 0) {
+    return rects[0]?.pageIndex ?? 0;
+  }
+  const pos = selection.from;
+  for (let pageIdx = 0; pageIdx < layout.pages.length; pageIdx++) {
+    const page = layout.pages[pageIdx];
+    for (const fragment of page.fragments) {
+      const frag = fragment;
+      if (frag.pmStart != null && frag.pmEnd != null) {
+        if (pos >= frag.pmStart && pos <= frag.pmEnd) {
+          return pageIdx;
+        }
+      }
+    }
+  }
+  return 0;
 };
 findRegionForPage_fn = function(kind, pageIndex) {
   const map22 = kind === "header" ? __privateGet$1(this, _headerRegions) : __privateGet$1(this, _footerRegions);
@@ -123285,6 +123370,7 @@ const _sfc_main$6 = {
     const rulerHandleActiveColor = vue.ref("#2563EB66");
     const pageSize = vue.ref(null);
     const pageMargins = vue.ref(null);
+    const currentSectionIndex = vue.ref(0);
     const isDragging = vue.ref(false);
     const currentHandle = vue.ref(null);
     const leftHandle = vue.reactive({ side: "left", x: 0 });
@@ -123292,9 +123378,29 @@ const _sfc_main$6 = {
     const showVerticalIndicator = vue.ref(false);
     const initialX = vue.ref(0);
     let offsetX = 0;
-    const initRuler = () => {
-      if (props.editor.options.mode !== "docx") return null;
-      const { pageMargins: docMargins, pageSize: docSize } = props.editor.getPageStyles();
+    let selectionUpdateHandler = null;
+    const getPresentationEditor = () => {
+      return props.editor?.presentationEditor ?? null;
+    };
+    const updateRulerForCurrentSection = () => {
+      if (!props.editor || props.editor.options?.mode !== "docx") return;
+      const presentationEditor = getPresentationEditor();
+      let docSize, docMargins, sectionIndex;
+      if (presentationEditor && typeof presentationEditor.getCurrentSectionPageStyles === "function") {
+        const sectionStyles = presentationEditor.getCurrentSectionPageStyles();
+        docSize = sectionStyles.pageSize;
+        docMargins = sectionStyles.pageMargins;
+        sectionIndex = sectionStyles.sectionIndex;
+      } else {
+        const styles = props.editor.getPageStyles();
+        docSize = styles.pageSize ?? { width: 8.5, height: 11 };
+        docMargins = styles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+        sectionIndex = 0;
+      }
+      if (pageSize.value && currentSectionIndex.value === sectionIndex) {
+        return;
+      }
+      currentSectionIndex.value = sectionIndex;
       pageSize.value = docSize;
       pageMargins.value = docMargins;
       const definition = generateRulerDefinition({
@@ -123308,7 +123414,7 @@ const _sfc_main$6 = {
       });
       leftHandle.x = definition.leftMarginPx;
       rightHandle.x = definition.rightMarginPx;
-      return definition;
+      rulerDefinition.value = definition;
     };
     const getTickStyle = vue.computed(() => (tick) => {
       return {
@@ -123362,7 +123468,8 @@ const _sfc_main$6 = {
         const marginValue = getNewMarginValue();
         emit("margin-change", {
           side: currentHandle.value.side,
-          value: marginValue
+          value: marginValue,
+          sectionIndex: currentSectionIndex.value
         });
       }
     };
@@ -123386,12 +123493,40 @@ const _sfc_main$6 = {
         "--ruler-width": `${width}px`
       };
     });
+    const handleSelectionUpdate = () => {
+      if (isDragging.value) return;
+      updateRulerForCurrentSection();
+    };
+    const setupEditorListeners = () => {
+      if (!props.editor) return;
+      selectionUpdateHandler = handleSelectionUpdate;
+      props.editor.on("selectionUpdate", selectionUpdateHandler);
+    };
+    const cleanupEditorListeners = () => {
+      if (!props.editor || !selectionUpdateHandler) return;
+      props.editor.off("selectionUpdate", selectionUpdateHandler);
+      selectionUpdateHandler = null;
+    };
+    vue.watch(
+      () => props.editor,
+      (newEditor, oldEditor) => {
+        if (oldEditor && selectionUpdateHandler) {
+          oldEditor.off("selectionUpdate", selectionUpdateHandler);
+        }
+        if (newEditor) {
+          setupEditorListeners();
+          updateRulerForCurrentSection();
+        }
+      }
+    );
     vue.onMounted(() => {
-      rulerDefinition.value = initRuler();
+      updateRulerForCurrentSection();
+      setupEditorListeners();
       window.addEventListener("mousemove", handleMouseMove2);
       window.addEventListener("mouseup", handleMouseUp);
     });
     vue.onUnmounted(() => {
+      cleanupEditorListeners();
       window.removeEventListener("mousemove", handleMouseMove2);
       window.removeEventListener("mouseup", handleMouseUp);
     });
@@ -123432,7 +123567,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b9f4f30a"]]);
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0d1b9cd1"]]);
 const _sfc_main$5 = {
   __name: "GenericPopover",
   props: {

package/dist/style.css

@@ -2189,7 +2189,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   margin: 4px 0;
 }
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
-.vertical-indicator[data-v-b9f4f30a] {
+.vertical-indicator[data-v-0d1b9cd1] {
   position: absolute;
   height: 0px;
   min-width: 1px;
@@ -2197,7 +2197,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   top: 20px;
   z-index: 100;
 }
-.margin-handle[data-v-b9f4f30a] {
+.margin-handle[data-v-0d1b9cd1] {
   width: 56px;
   min-width: 5px;
   max-width: 5px;
@@ -2210,10 +2210,10 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   transition: background-color 250ms ease;
   z-index: 10;
 }
-.margin-handle[data-v-b9f4f30a]:hover {
+.margin-handle[data-v-0d1b9cd1]:hover {
   background-color: var(--ruler-handle-active-color);
 }
-.ruler[data-v-b9f4f30a] {
+.ruler[data-v-0d1b9cd1] {
   height: 25px;
   width: var(--ruler-width, 8.5in);
   margin: 0;
@@ -2221,14 +2221,13 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-sizing: border-box;
   position: relative;
   color: #666;
+  transition: width 150ms ease-out;
 }
-
-/* Tick marks - using absolute positioning from ruler-core */
-.ruler-tick[data-v-b9f4f30a] {
+.ruler-tick[data-v-0d1b9cd1] {
   pointer-events: none;
   user-select: none;
 }
-.numbering[data-v-b9f4f30a] {
+.numbering[data-v-0d1b9cd1] {
   position: absolute;
   top: -16px;
   left: -2px;

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-Cd9FToOQ.js";
-import { _ as _export_sfc } from "./chunks/editor-DO6-AGUY.js";
+import { T as TextSelection } from "./chunks/converter-JlOFMM88.js";
+import { _ as _export_sfc } from "./chunks/editor-CNzx36Ms.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {

package/dist/super-editor/chunks/{converter-Cd9FToOQ.js → converter-JlOFMM88.js}

@@ -42626,7 +42626,7 @@ const _SuperConverter = class _SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.71") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.0.0-beta.72") {
     return _SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/super-editor/chunks/{docx-zipper-Dy4WiCTL.js → docx-zipper-BVmpz1K_.js}

@@ -1,4 +1,4 @@
-import { p as process$1, aJ as commonjsGlobal, B as Buffer, aK as getDefaultExportFromCjs, aL as getContentTypesFromXml, aM as xmljs } from "./converter-Cd9FToOQ.js";
+import { p as process$1, aJ as commonjsGlobal, B as Buffer, aK as getDefaultExportFromCjs, aL as getContentTypesFromXml, aM as xmljs } from "./converter-JlOFMM88.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }