@superdoc-dev/cli 0.2.0-next.137 → 0.2.0-next.139

package/dist/index.js

@@ -135979,7 +135979,7 @@ var init_remark_gfm_CjV8kaUy_es = __esm(() => {
   init_remark_gfm_z_sDF4ss_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-DpqULOk-.es.js
+// ../../packages/superdoc/dist/chunks/src-D6jkx7VE.es.js
 function deleteProps(obj, propOrProps) {
   const props = typeof propOrProps === "string" ? [propOrProps] : propOrProps;
   const removeNested = (target, pathParts, index2 = 0) => {
@@ -138677,6 +138677,60 @@ function getSuperdocVersion() {
     return "unknown";
   }
 }
+function getFocusMeta(tr) {
+  return tr.getMeta(CustomSelectionPluginKey);
+}
+function setFocusMeta(tr, value) {
+  return tr.setMeta(CustomSelectionPluginKey, value);
+}
+function getFocusState(state) {
+  return CustomSelectionPluginKey.getState(state);
+}
+function mapPreservedSelection(selection, tr) {
+  if (!selection || !tr.docChanged)
+    return selection;
+  if (typeof selection.from !== "number" || typeof selection.to !== "number")
+    return null;
+  const from$1 = tr.mapping.map(selection.from, -1);
+  const to = tr.mapping.map(selection.to, 1);
+  if (from$1 >= to)
+    return null;
+  try {
+    return TextSelection2.create(tr.doc, from$1, to);
+  } catch {
+    return null;
+  }
+}
+function applySelectionCleanup(editor, tr) {
+  let cleaned = tr.setMeta(CustomSelectionPluginKey, DEFAULT_SELECTION_STATE);
+  const sel = cleaned.selection;
+  if (sel && sel instanceof TextSelection2 && !sel.empty)
+    try {
+      const collapsed = TextSelection2.create(cleaned.doc, sel.head);
+      cleaned = cleaned.setSelection(collapsed);
+    } catch {}
+  editor.setOptions({
+    preservedSelection: null,
+    lastSelection: null
+  });
+  return cleaned;
+}
+function createHistoryDispatch(editor, dispatch) {
+  if (!dispatch)
+    return dispatch;
+  return (historyTr) => {
+    dispatch(applySelectionCleanup(editor, historyTr));
+  };
+}
+function runSelectionCleanupAfterCollabHistory(editor) {
+  const view = editor?.view;
+  const state = editor?.state;
+  if (!view || !state)
+    return;
+  let tr = applySelectionCleanup(editor, state.tr);
+  tr = tr.setMeta("addToHistory", false);
+  view.dispatch(tr);
+}
 function getNodeIdCandidates(node3) {
   const attrs = node3.attrs ?? {};
   const candidateFields = [
@@ -169874,30 +169928,6 @@ function replaceCommand(wrap4, moveForward) {
     return true;
   };
 }
-function getFocusMeta(tr) {
-  return tr.getMeta(CustomSelectionPluginKey);
-}
-function setFocusMeta(tr, value) {
-  return tr.setMeta(CustomSelectionPluginKey, value);
-}
-function getFocusState(state) {
-  return CustomSelectionPluginKey.getState(state);
-}
-function mapPreservedSelection(selection, tr) {
-  if (!selection || !tr.docChanged)
-    return selection;
-  if (typeof selection.from !== "number" || typeof selection.to !== "number")
-    return null;
-  const from$1 = tr.mapping.map(selection.from, -1);
-  const to = tr.mapping.map(selection.to, 1);
-  if (from$1 >= to)
-    return null;
-  try {
-    return TextSelection2.create(tr.doc, from$1, to);
-  } catch {
-    return null;
-  }
-}
 function charOffsetToPosition(doc$2, charOffset, blockSep, leafSep) {
   const docSize = doc$2.content.size;
   if (charOffset <= 0)
@@ -181922,19 +181952,31 @@ function safeCleanup(fn, context) {
   }
 }
 function createHiddenHost(doc$2, widthPx) {
+  const wrapper = doc$2.createElement("div");
+  wrapper.className = "presentation-editor__hidden-host-wrapper";
+  wrapper.style.setProperty("position", "fixed");
+  wrapper.style.setProperty("left", "-9999px");
+  wrapper.style.setProperty("top", "0");
+  wrapper.style.setProperty("width", "1px");
+  wrapper.style.setProperty("height", "1px");
+  wrapper.style.setProperty("overflow", "hidden");
+  wrapper.style.setProperty("opacity", "0");
+  wrapper.style.setProperty("z-index", "-1");
+  wrapper.style.setProperty("pointer-events", "none");
   const host = doc$2.createElement("div");
   host.className = "presentation-editor__hidden-host";
-  host.style.setProperty("position", "fixed");
-  host.style.setProperty("left", "-9999px");
+  host.style.setProperty("position", "absolute");
+  host.style.setProperty("left", "0");
   host.style.setProperty("top", "0");
   if (widthPx >= 0)
     host.style.setProperty("width", `${widthPx}px`);
   host.style.setProperty("overflow-anchor", "none");
-  host.style.setProperty("pointer-events", "none");
-  host.style.setProperty("opacity", "0");
-  host.style.setProperty("z-index", "-1");
   host.style.setProperty("user-select", "none");
-  return host;
+  wrapper.appendChild(host);
+  return {
+    wrapper,
+    host
+  };
 }
 function getFallbackCursorColor(clientId, fallbackColors) {
   return fallbackColors[clientId % fallbackColors.length];
@@ -191765,9 +191807,13 @@ function getAdjacentLineClientTarget(editor, coords, direction) {
   const clientY = rect.top + rect.height / 2;
   if (!Number.isFinite(clientY))
     return null;
+  const pmStart = Number(adjacentLine.dataset?.pmStart);
+  const pmEnd = Number(adjacentLine.dataset?.pmEnd);
   return {
     clientY,
-    pageIndex: Number.isFinite(pageIndex) ? pageIndex : undefined
+    pageIndex: Number.isFinite(pageIndex) ? pageIndex : undefined,
+    pmStart: Number.isFinite(pmStart) ? pmStart : undefined,
+    pmEnd: Number.isFinite(pmEnd) ? pmEnd : undefined
   };
 }
 function getHitFromLayoutCoords(editor, goalX, clientY, coords, pageIndex) {
@@ -191838,6 +191884,33 @@ function findAdjacentLineElement(currentLine, direction) {
     return getEdgeLineFromFragment(pageFragments[0], direction);
   return getEdgeLineFromFragment(pageFragments[pageFragments.length - 1], direction);
 }
+function resolvePositionAtGoalX(editor, pmStart, pmEnd, goalX) {
+  const presentationEditor = editor.presentationEditor;
+  let bestPos = pmStart;
+  let bestDist = Infinity;
+  let lo = pmStart;
+  let hi = pmEnd;
+  while (lo <= hi) {
+    const mid = Math.floor((lo + hi) / 2);
+    const rect = presentationEditor.computeCaretLayoutRect(mid);
+    if (!rect || !Number.isFinite(rect.x)) {
+      lo = mid + 1;
+      continue;
+    }
+    const dist = Math.abs(rect.x - goalX);
+    if (dist < bestDist) {
+      bestDist = dist;
+      bestPos = mid;
+    }
+    if (rect.x < goalX)
+      lo = mid + 1;
+    else if (rect.x > goalX)
+      hi = mid - 1;
+    else
+      break;
+  }
+  return { pos: bestPos };
+}
 function getEdgeLineFromFragment(fragment2, direction) {
   if (!fragment2)
     return null;
@@ -193339,7 +193412,14 @@ var Node$13 = class Node$14 {
             typeOver = true;
         }
       }
-    if (gecko && added.length) {
+    if (added.some((n) => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+      for (let node3 of added)
+        if (node3.nodeName == "BR" && node3.parentNode) {
+          let after = node3.nextSibling;
+          if (after && after.nodeType == 1 && after.contentEditable == "false")
+            node3.parentNode.removeChild(node3);
+        }
+    } else if (gecko && added.length) {
       let brs = added.filter((n) => n.nodeName == "BR");
       if (brs.length == 2) {
         let [a2, b$1] = brs;
@@ -193355,13 +193435,6 @@ var Node$13 = class Node$14 {
             br2.remove();
         }
       }
-    } else if ((chrome || safari) && added.some((n) => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
-      for (let node3 of added)
-        if (node3.nodeName == "BR" && node3.parentNode) {
-          let after = node3.nextSibling;
-          if (after && after.nodeType == 1 && after.contentEditable == "false")
-            node3.parentNode.removeChild(node3);
-        }
     }
     let readSel = null;
     if (from$1 < 0 && newSel && view.input.lastFocus > Date.now() - 200 && Math.max(view.input.lastTouch, view.input.lastClick.time) < Date.now() - 300 && selectionCollapsed(sel) && (readSel = selectionFromDOM(view)) && readSel.eq(Selection.near(view.state.doc.resolve(0), 1))) {
@@ -195220,7 +195293,32 @@ var Node$13 = class Node$14 {
   static create(config2) {
     return new Extension2(config2);
   }
-}, History, createUndoPlugin = () => {
+}, isKeyboardInvocation = (event) => {
+  return event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === undefined) && event.clientX === 0 && event.clientY === 0;
+}, prefersNativeMenu = (event) => {
+  if (!event)
+    return false;
+  if (event.ctrlKey || event.metaKey)
+    return true;
+  return isKeyboardInvocation(event);
+}, shouldAllowNativeContextMenu = (event) => {
+  return prefersNativeMenu(event);
+}, DEFAULT_SELECTION_STATE, normalizeSelectionState = (state = {}) => ({
+  ...DEFAULT_SELECTION_STATE,
+  ...state
+}), CustomSelectionPluginKey, handleClickOutside = (event, editor) => {
+  const editorElem = editor?.options?.element;
+  if (!editorElem)
+    return;
+  if (!editorElem?.contains(event.target))
+    editor.setOptions({ focusTarget: event.target });
+  else
+    editor.setOptions({ focusTarget: null });
+}, isToolbarInput = (target) => {
+  return !!target?.closest(".button-text-input") || target?.classList?.contains("button-text-input");
+}, isToolbarButton = (target) => {
+  return !!target?.closest(".toolbar-button") || target?.classList?.contains("toolbar-button");
+}, CustomSelection, History, createUndoPlugin = () => {
   return yUndoPlugin();
 }, Attribute2 = class {
   static getAttributesFromExtensions(extensions) {
@@ -201762,32 +201860,7 @@ var Node$13 = class Node$14 {
     }
   });
   return { decorations };
-}, isKeyboardInvocation = (event) => {
-  return event.type === "contextmenu" && typeof event.detail === "number" && event.detail === 0 && (event.button === 0 || event.button === undefined) && event.clientX === 0 && event.clientY === 0;
-}, prefersNativeMenu = (event) => {
-  if (!event)
-    return false;
-  if (event.ctrlKey || event.metaKey)
-    return true;
-  return isKeyboardInvocation(event);
-}, shouldAllowNativeContextMenu = (event) => {
-  return prefersNativeMenu(event);
-}, DEFAULT_SELECTION_STATE, normalizeSelectionState = (state = {}) => ({
-  ...DEFAULT_SELECTION_STATE,
-  ...state
-}), CustomSelectionPluginKey, handleClickOutside = (event, editor) => {
-  const editorElem = editor?.options?.element;
-  if (!editorElem)
-    return;
-  if (!editorElem?.contains(event.target))
-    editor.setOptions({ focusTarget: event.target });
-  else
-    editor.setOptions({ focusTarget: null });
-}, isToolbarInput = (target) => {
-  return !!target?.closest(".button-text-input") || target?.classList?.contains("button-text-input");
-}, isToolbarButton = (target) => {
-  return !!target?.closest(".toolbar-button") || target?.classList?.contains("toolbar-button");
-}, CustomSelection, LinkedStyles, FORMATTING_MARK_NAMES, getLinkedStyle = (styleId, styles = []) => {
+}, LinkedStyles, FORMATTING_MARK_NAMES, getLinkedStyle = (styleId, styles = []) => {
   const linkedStyle = styles.find((style2) => style2.id === styleId);
   const basedOn = linkedStyle?.definition?.attrs?.basedOn;
   return {
@@ -219696,7 +219769,7 @@ var Node$13 = class Node$14 {
     return false;
   return Boolean(checker(attrs));
 }, SuperToolbar, ICONS, TEXTS, tableActionsOptions;
-var init_src_DpqULOk_es = __esm(() => {
+var init_src_D6jkx7VE_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_SuperConverter_BQCVReWb_es();
   init_jszip_ChlR43oI_es();
@@ -221017,6 +221090,209 @@ ${err.toString()}`);
       }
     }
   };
+  DEFAULT_SELECTION_STATE = Object.freeze({
+    focused: false,
+    preservedSelection: null,
+    showVisualSelection: false,
+    skipFocusReset: false
+  });
+  CustomSelectionPluginKey = new PluginKey("CustomSelection");
+  CustomSelection = Extension.create({
+    name: "customSelection",
+    addPmPlugins() {
+      const editor = this.editor;
+      return [new Plugin({
+        key: CustomSelectionPluginKey,
+        state: {
+          init: () => ({ ...DEFAULT_SELECTION_STATE }),
+          apply: (tr, value) => {
+            const meta2 = getFocusMeta(tr);
+            const nextState = meta2 !== undefined ? normalizeSelectionState({
+              ...value,
+              ...meta2
+            }) : value;
+            if (!nextState?.preservedSelection)
+              return nextState;
+            if (!tr.docChanged)
+              return nextState;
+            const mappedSelection = mapPreservedSelection(nextState.preservedSelection, tr);
+            if (!mappedSelection)
+              return {
+                ...nextState,
+                preservedSelection: null,
+                showVisualSelection: false
+              };
+            return {
+              ...nextState,
+              preservedSelection: mappedSelection
+            };
+          }
+        },
+        view: () => {
+          const clickHandler = (event) => handleClickOutside(event, editor);
+          document?.addEventListener("mousedown", clickHandler);
+          return { destroy: () => {
+            document?.removeEventListener("mousedown", clickHandler);
+          } };
+        },
+        props: {
+          handleDOMEvents: {
+            contextmenu: (view, event) => {
+              if (shouldAllowNativeContextMenu(event))
+                return false;
+              event.preventDefault();
+              const { selection } = view.state;
+              if (!selection.empty)
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: selection,
+                  showVisualSelection: true,
+                  skipFocusReset: true
+                }));
+              setTimeout(() => {
+                view.focus();
+              }, 0);
+              return false;
+            },
+            mousedown: (view, event) => {
+              if (event.button === 2) {
+                if (shouldAllowNativeContextMenu(event))
+                  return false;
+                const { selection: selection$1 } = view.state;
+                if (!selection$1.empty) {
+                  view.dispatch(setFocusMeta(view.state.tr, {
+                    focused: true,
+                    preservedSelection: selection$1,
+                    showVisualSelection: true,
+                    skipFocusReset: true
+                  }));
+                  this.editor.setOptions({
+                    lastSelection: selection$1,
+                    preservedSelection: selection$1
+                  });
+                }
+                return false;
+              }
+              const { selection } = view.state;
+              const target = event.target;
+              const isElement$2 = target instanceof Element;
+              const isToolbarBtn = isElement$2 && isToolbarButton(target);
+              const isToolbarInp = isElement$2 && isToolbarInput(target);
+              this.editor.setOptions({ focusTarget: target });
+              if (isToolbarInp && !selection.empty) {
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: selection,
+                  showVisualSelection: true,
+                  skipFocusReset: false
+                }));
+                this.editor.setOptions({
+                  lastSelection: selection,
+                  preservedSelection: selection
+                });
+                return false;
+              }
+              if (isToolbarBtn && !isToolbarInp) {
+                if (!selection.empty) {
+                  this.editor.setOptions({ lastSelection: selection });
+                  view.dispatch(setFocusMeta(view.state.tr, {
+                    focused: true,
+                    preservedSelection: selection,
+                    showVisualSelection: true,
+                    skipFocusReset: false
+                  }));
+                }
+                return false;
+              }
+              if (!isToolbarBtn && !isToolbarInp) {
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                }));
+                if (!selection.empty && !this.editor.options.element?.contains(target)) {
+                  this.editor.setOptions({ lastSelection: selection });
+                  const clearSelectionTr = view.state.tr.setSelection(TextSelection2.create(view.state.doc, 0));
+                  view.dispatch(clearSelectionTr);
+                }
+              }
+            },
+            focus: (view) => {
+              const target = this.editor.options.focusTarget;
+              const isElement$2 = target instanceof Element;
+              const isToolbarBtn = isElement$2 && isToolbarButton(target);
+              const isToolbarInp = isElement$2 && isToolbarInput(target);
+              const focusState = getFocusState(view.state);
+              if (focusState?.skipFocusReset) {
+                view.dispatch(setFocusMeta(view.state.tr, normalizeSelectionState({
+                  ...focusState,
+                  skipFocusReset: false
+                })));
+                return false;
+              }
+              if (!isToolbarBtn && !isToolbarInp)
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                }));
+            },
+            blur: (view) => {
+              const target = this.editor.options.focusTarget;
+              const isElement$2 = target instanceof Element;
+              const isToolbarBtn = isElement$2 && isToolbarButton(target);
+              const isToolbarInp = isElement$2 && isToolbarInput(target);
+              const state = getFocusState(view.state);
+              if (state?.skipFocusReset)
+                return false;
+              if (isToolbarBtn || isToolbarInp)
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: true,
+                  preservedSelection: state.preservedSelection || view.state.selection,
+                  showVisualSelection: true,
+                  skipFocusReset: false
+                }));
+              else {
+                view.dispatch(setFocusMeta(view.state.tr, {
+                  focused: false,
+                  preservedSelection: null,
+                  showVisualSelection: false,
+                  skipFocusReset: false
+                }));
+                this.editor.setOptions({
+                  preservedSelection: null,
+                  lastSelection: null
+                });
+              }
+            }
+          },
+          decorations: (state) => {
+            const { selection, doc: doc$2 } = state;
+            const focusState = getFocusState(state);
+            if (!(focusState.showVisualSelection && (focusState.preservedSelection || !selection.empty && focusState.focused)))
+              return null;
+            const targetSelection = focusState.preservedSelection || selection;
+            if (targetSelection.empty)
+              return null;
+            return DecorationSet.create(doc$2, [Decoration.inline(targetSelection.from, targetSelection.to, { class: "sd-custom-selection" })]);
+          }
+        }
+      })];
+    },
+    addCommands() {
+      return { restorePreservedSelection: () => ({ tr, state }) => {
+        const focusState = getFocusState(state);
+        if (focusState.preservedSelection)
+          return tr.setSelection(focusState.preservedSelection);
+        const lastSelection = this.editor.options.lastSelection;
+        if (lastSelection)
+          return tr.setSelection(lastSelection);
+        return tr;
+      } };
+    }
+  });
   History = Extension.create({
     name: "history",
     addOptions() {
@@ -221035,18 +221311,22 @@ ${err.toString()}`);
         undo: () => ({ state, dispatch, tr }) => {
           if (this.editor.options.collaborationProvider && this.editor.options.ydoc) {
             tr.setMeta("preventDispatch", true);
-            return undo$1(state);
+            const result = undo$1(state);
+            runSelectionCleanupAfterCollabHistory(this.editor);
+            return result;
           }
           tr.setMeta("inputType", "historyUndo");
-          return undo(state, dispatch);
+          return undo(state, createHistoryDispatch(this.editor, dispatch));
         },
         redo: () => ({ state, dispatch, tr }) => {
           if (this.editor.options.collaborationProvider && this.editor.options.ydoc) {
             tr.setMeta("preventDispatch", true);
-            return redo$1(state);
+            const result = redo$1(state);
+            runSelectionCleanupAfterCollabHistory(this.editor);
+            return result;
           }
           tr.setMeta("inputType", "historyRedo");
-          return redo(state, dispatch);
+          return redo(state, createHistoryDispatch(this.editor, dispatch));
         }
       };
     },
@@ -231085,204 +231365,6 @@ function print() { __p += __j.call(arguments, '') }
       })];
     }
   });
-  DEFAULT_SELECTION_STATE = Object.freeze({
-    focused: false,
-    preservedSelection: null,
-    showVisualSelection: false,
-    skipFocusReset: false
-  });
-  CustomSelectionPluginKey = new PluginKey("CustomSelection");
-  CustomSelection = Extension.create({
-    name: "customSelection",
-    addPmPlugins() {
-      const editor = this.editor;
-      return [new Plugin({
-        key: CustomSelectionPluginKey,
-        state: {
-          init: () => ({ ...DEFAULT_SELECTION_STATE }),
-          apply: (tr, value) => {
-            const meta2 = getFocusMeta(tr);
-            const nextState = meta2 !== undefined ? normalizeSelectionState({
-              ...value,
-              ...meta2
-            }) : value;
-            if (!nextState?.preservedSelection)
-              return nextState;
-            if (!tr.docChanged)
-              return nextState;
-            const mappedSelection = mapPreservedSelection(nextState.preservedSelection, tr);
-            if (!mappedSelection)
-              return {
-                ...nextState,
-                preservedSelection: null,
-                showVisualSelection: false
-              };
-            return {
-              ...nextState,
-              preservedSelection: mappedSelection
-            };
-          }
-        },
-        view: () => {
-          const clickHandler = (event) => handleClickOutside(event, editor);
-          document?.addEventListener("mousedown", clickHandler);
-          return { destroy: () => {
-            document?.removeEventListener("mousedown", clickHandler);
-          } };
-        },
-        props: {
-          handleDOMEvents: {
-            contextmenu: (view, event) => {
-              if (shouldAllowNativeContextMenu(event))
-                return false;
-              event.preventDefault();
-              const { selection } = view.state;
-              if (!selection.empty)
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: selection,
-                  showVisualSelection: true,
-                  skipFocusReset: true
-                }));
-              setTimeout(() => {
-                view.focus();
-              }, 0);
-              return false;
-            },
-            mousedown: (view, event) => {
-              if (event.button === 2) {
-                if (shouldAllowNativeContextMenu(event))
-                  return false;
-                const { selection: selection$1 } = view.state;
-                if (!selection$1.empty) {
-                  view.dispatch(setFocusMeta(view.state.tr, {
-                    focused: true,
-                    preservedSelection: selection$1,
-                    showVisualSelection: true,
-                    skipFocusReset: true
-                  }));
-                  this.editor.setOptions({
-                    lastSelection: selection$1,
-                    preservedSelection: selection$1
-                  });
-                }
-                return false;
-              }
-              const { selection } = view.state;
-              const target = event.target;
-              const isElement$2 = target instanceof Element;
-              const isToolbarBtn = isElement$2 && isToolbarButton(target);
-              const isToolbarInp = isElement$2 && isToolbarInput(target);
-              this.editor.setOptions({ focusTarget: target });
-              if (isToolbarInp && !selection.empty) {
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: selection,
-                  showVisualSelection: true,
-                  skipFocusReset: false
-                }));
-                this.editor.setOptions({
-                  lastSelection: selection,
-                  preservedSelection: selection
-                });
-                return false;
-              }
-              if (isToolbarBtn && !isToolbarInp) {
-                if (!selection.empty) {
-                  this.editor.setOptions({ lastSelection: selection });
-                  view.dispatch(setFocusMeta(view.state.tr, {
-                    focused: true,
-                    preservedSelection: selection,
-                    showVisualSelection: true,
-                    skipFocusReset: false
-                  }));
-                }
-                return false;
-              }
-              if (!isToolbarBtn && !isToolbarInp) {
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                }));
-                if (!selection.empty && !this.editor.options.element?.contains(target)) {
-                  this.editor.setOptions({ lastSelection: selection });
-                  const clearSelectionTr = view.state.tr.setSelection(TextSelection2.create(view.state.doc, 0));
-                  view.dispatch(clearSelectionTr);
-                }
-              }
-            },
-            focus: (view) => {
-              const target = this.editor.options.focusTarget;
-              const isElement$2 = target instanceof Element;
-              const isToolbarBtn = isElement$2 && isToolbarButton(target);
-              const isToolbarInp = isElement$2 && isToolbarInput(target);
-              const focusState = getFocusState(view.state);
-              if (focusState?.skipFocusReset) {
-                view.dispatch(setFocusMeta(view.state.tr, normalizeSelectionState({
-                  ...focusState,
-                  skipFocusReset: false
-                })));
-                return false;
-              }
-              if (!isToolbarBtn && !isToolbarInp)
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                }));
-            },
-            blur: (view) => {
-              const target = this.editor.options.focusTarget;
-              const isElement$2 = target instanceof Element;
-              const isToolbarBtn = isElement$2 && isToolbarButton(target);
-              const isToolbarInp = isElement$2 && isToolbarInput(target);
-              const state = getFocusState(view.state);
-              if (state?.skipFocusReset)
-                return false;
-              if (isToolbarBtn || isToolbarInp)
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: true,
-                  preservedSelection: state.preservedSelection || view.state.selection,
-                  showVisualSelection: true,
-                  skipFocusReset: false
-                }));
-              else
-                view.dispatch(setFocusMeta(view.state.tr, {
-                  focused: false,
-                  preservedSelection: null,
-                  showVisualSelection: false,
-                  skipFocusReset: false
-                }));
-            }
-          },
-          decorations: (state) => {
-            const { selection, doc: doc$2 } = state;
-            const focusState = getFocusState(state);
-            if (!(focusState.showVisualSelection && (focusState.preservedSelection || !selection.empty && focusState.focused)))
-              return null;
-            const targetSelection = focusState.preservedSelection || selection;
-            if (targetSelection.empty)
-              return null;
-            return DecorationSet.create(doc$2, [Decoration.inline(targetSelection.from, targetSelection.to, { class: "sd-custom-selection" })]);
-          }
-        }
-      })];
-    },
-    addCommands() {
-      return { restorePreservedSelection: () => ({ tr, state }) => {
-        const focusState = getFocusState(state);
-        if (focusState.preservedSelection)
-          return tr.setSelection(focusState.preservedSelection);
-        const lastSelection = this.editor.options.lastSelection;
-        if (lastSelection)
-          return tr.setSelection(lastSelection);
-        return tr;
-      } };
-    }
-  });
   LinkedStyles = Extension.create({
     name: "linkedStyles",
     priority: 1,
@@ -238568,6 +238650,7 @@ function print() { __p += __j.call(arguments, '') }
     #selectionOverlay;
     #permissionOverlay = null;
     #hiddenHost;
+    #hiddenHostWrapper;
     #layoutOptions;
     #layoutState = {
       blocks: [],
@@ -238590,6 +238673,7 @@ function print() { __p += __j.call(arguments, '') }
     #pendingMapping = null;
     #isRerendering = false;
     #selectionSync = new SelectionSyncCoordinator;
+    #shouldScrollSelectionIntoView = false;
     #epochMapper = new EpochPositionMapper;
     #layoutEpoch = 0;
     #htmlAnnotationHeights = /* @__PURE__ */ new Map;
@@ -238808,11 +238892,13 @@ function print() { __p += __j.call(arguments, '') }
         clip: "rect(1px, 1px, 1px, 1px)"
       });
       this.#visibleHost.appendChild(this.#ariaLiveRegion);
-      this.#hiddenHost = createHiddenHost(doc$2, this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w);
+      const { wrapper: hiddenHostWrapper, host: hiddenHost } = createHiddenHost(doc$2, this.#layoutOptions.pageSize?.w ?? DEFAULT_PAGE_SIZE.w);
+      this.#hiddenHostWrapper = hiddenHostWrapper;
+      this.#hiddenHost = hiddenHost;
       if (doc$2.body)
-        doc$2.body.appendChild(this.#hiddenHost);
+        doc$2.body.appendChild(this.#hiddenHostWrapper);
       else
-        this.#visibleHost.appendChild(this.#hiddenHost);
+        this.#visibleHost.appendChild(this.#hiddenHostWrapper);
       const { layoutEngineOptions: _layoutEngineOptions, element: _element, ...editorOptions } = options;
       const normalizedEditorProps = {
         ...editorOptions.editorProps ?? {},
@@ -239752,6 +239838,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#applyZoom();
       this.#domPainter?.setZoom?.(zoom);
       this.emit("zoomChange", { zoom });
+      this.#shouldScrollSelectionIntoView = true;
       this.#scheduleSelectionUpdate();
       if (this.#remoteCursorManager?.hasRemoteCursors()) {
         this.#remoteCursorManager.markDirty();
@@ -239833,7 +239920,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#dragDropManager = null;
       this.#selectionOverlay?.remove();
       this.#painterHost?.remove();
-      this.#hiddenHost?.remove();
+      this.#hiddenHostWrapper?.remove();
       this.#hoverOverlay = null;
       this.#hoverTooltip = null;
       this.#modeBanner?.remove();
@@ -239909,6 +239996,7 @@ function print() { __p += __j.call(arguments, '') }
         }
       };
       const handleSelection = () => {
+        this.#shouldScrollSelectionIntoView = true;
         this.#scheduleSelectionUpdate({ immediate: true });
         this.#updateLocalAwarenessCursor();
         this.#scheduleA11ySelectionAnnouncement();
@@ -240120,6 +240208,7 @@ function print() { __p += __j.call(arguments, '') }
       this.#dragDropManager.bind();
     }
     #focusEditorAfterImageSelection() {
+      this.#shouldScrollSelectionIntoView = true;
       this.#scheduleSelectionUpdate();
       if (document.activeElement instanceof HTMLElement)
         document.activeElement.blur();
@@ -240935,6 +241024,8 @@ function print() { __p += __j.call(arguments, '') }
       this.#setSelectedStructuredContentInlineClass(elements, id2);
     }
     #updateSelection() {
+      const shouldScrollIntoView = this.#shouldScrollSelectionIntoView;
+      this.#shouldScrollSelectionIntoView = false;
       if ((this.#headerFooterSession?.session?.mode ?? "body") !== "body") {
         this.#clearSelectedFieldAnnotationClass();
         return;
@@ -241010,6 +241101,8 @@ function print() { __p += __j.call(arguments, '') }
           if (process$1$1.env.NODE_ENV === "development")
             console.warn("[PresentationEditor] Failed to render caret overlay:", error);
         }
+        if (shouldScrollIntoView)
+          this.#scrollActiveEndIntoView(caretLayout.pageIndex);
         return;
       }
       const domRects = this.#computeSelectionRectsFromDom(from$1, to);
@@ -241042,6 +241135,59 @@ function print() { __p += __j.call(arguments, '') }
         if (process$1$1.env.NODE_ENV === "development")
           console.warn("[PresentationEditor] Failed to render selection rects:", error);
       }
+      if (shouldScrollIntoView) {
+        const head = activeEditor?.view?.state?.selection?.head ?? to;
+        const headLayout = this.#computeCaretLayoutRect(head);
+        if (headLayout)
+          this.#scrollActiveEndIntoView(headLayout.pageIndex);
+      }
+    }
+    #scrollScreenRectIntoView(screenTop, screenBottom) {
+      const scrollContainer = this.#scrollContainer;
+      if (!scrollContainer)
+        return;
+      let containerTop;
+      let containerBottom;
+      if (scrollContainer instanceof Window) {
+        containerTop = 0;
+        containerBottom = scrollContainer.innerHeight;
+      } else {
+        const r$1 = scrollContainer.getBoundingClientRect();
+        containerTop = r$1.top;
+        containerBottom = r$1.bottom;
+      }
+      const SCROLL_MARGIN = 20;
+      if (screenBottom > containerBottom - SCROLL_MARGIN) {
+        const delta = screenBottom - containerBottom + SCROLL_MARGIN;
+        if (scrollContainer instanceof Window)
+          scrollContainer.scrollBy({ top: delta });
+        else
+          scrollContainer.scrollTop += delta;
+      } else if (screenTop < containerTop + SCROLL_MARGIN) {
+        const delta = containerTop + SCROLL_MARGIN - screenTop;
+        if (scrollContainer instanceof Window)
+          scrollContainer.scrollBy({ top: -delta });
+        else
+          scrollContainer.scrollTop -= delta;
+      }
+    }
+    #scrollActiveEndIntoView(pageIndex) {
+      if (!!!this.#painterHost.querySelector(`[data-page-index="${pageIndex}"]`)) {
+        this.#scrollPageIntoView(pageIndex);
+        return;
+      }
+      const caretEl = this.#localSelectionLayer?.querySelector(".presentation-editor__selection-caret");
+      if (caretEl) {
+        const r$1 = caretEl.getBoundingClientRect();
+        this.#scrollScreenRectIntoView(r$1.top, r$1.bottom);
+        return;
+      }
+      const sel = this.getActiveEditor()?.view?.state?.selection;
+      const headRect = !sel || sel.head >= sel.anchor ? this.#localSelectionLayer?.lastElementChild : this.#localSelectionLayer?.firstElementChild;
+      if (headRect) {
+        const r$1 = headRect.getBoundingClientRect();
+        this.#scrollScreenRectIntoView(r$1.top, r$1.bottom);
+      }
     }
     #updatePermissionOverlay() {
       const overlay = this.#permissionOverlay;
@@ -249652,7 +249798,13 @@ function print() { __p += __j.call(arguments, '') }
             const adjacent = getAdjacentLineClientTarget(editor, coords, event.key === "ArrowUp" ? -1 : 1);
             if (!adjacent)
               return false;
-            const hit = getHitFromLayoutCoords(editor, goalX, adjacent.clientY, coords, adjacent.pageIndex);
+            let hit = getHitFromLayoutCoords(editor, goalX, adjacent.clientY, coords, adjacent.pageIndex);
+            if (adjacent.pmStart != null && adjacent.pmEnd != null) {
+              const TOLERANCE = 5;
+              const hitPos = hit?.pos;
+              if (!hit || !Number.isFinite(hitPos) || hitPos < adjacent.pmStart - TOLERANCE || hitPos > adjacent.pmEnd + TOLERANCE)
+                hit = resolvePositionAtGoalX(editor, adjacent.pmStart, adjacent.pmEnd, goalX);
+            }
             if (!hit || !Number.isFinite(hit.pos))
               return false;
             const selection = buildSelection(view.state, hit.pos, event.shiftKey);
@@ -253389,7 +253541,7 @@ var init_zipper_DqXT7uTa_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_DpqULOk_es();
+  init_src_D6jkx7VE_es();
   init_SuperConverter_BQCVReWb_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
@@ -280505,7 +280657,7 @@ var init_awareness = __esm(() => {
   };
 });
 
-// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_bbc4954c3f565631ca331e4536595600/node_modules/y-prosemirror/src/plugins/keys.js
+// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_4cc29e23e769b0d152b4b8d1fb5406d2/node_modules/y-prosemirror/src/plugins/keys.js
 var ySyncPluginKey2, yUndoPluginKey2, yCursorPluginKey2;
 var init_keys = __esm(() => {
   init_dist5();
@@ -280514,18 +280666,18 @@ var init_keys = __esm(() => {
   yCursorPluginKey2 = new PluginKey2("yjs-cursor");
 });
 
-// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_bbc4954c3f565631ca331e4536595600/node_modules/y-prosemirror/src/plugins/cursor-plugin.js
+// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_4cc29e23e769b0d152b4b8d1fb5406d2/node_modules/y-prosemirror/src/plugins/cursor-plugin.js
 var init_cursor_plugin = __esm(() => {
   init_awareness();
 });
 
-// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_bbc4954c3f565631ca331e4536595600/node_modules/y-prosemirror/src/plugins/undo-plugin.js
+// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_4cc29e23e769b0d152b4b8d1fb5406d2/node_modules/y-prosemirror/src/plugins/undo-plugin.js
 var defaultProtectedNodes2;
 var init_undo_plugin = __esm(() => {
   defaultProtectedNodes2 = new Set(["paragraph"]);
 });
 
-// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_bbc4954c3f565631ca331e4536595600/node_modules/y-prosemirror/src/y-prosemirror.js
+// ../../node_modules/.pnpm/y-prosemirror@1.3.7_prosemirror-model@1.25.4_prosemirror-state@1.4.4_prosemirror-view@1_4cc29e23e769b0d152b4b8d1fb5406d2/node_modules/y-prosemirror/src/y-prosemirror.js
 var init_y_prosemirror = __esm(() => {
   init_cursor_plugin();
   init_undo_plugin();
@@ -394732,12 +394884,12 @@ class DetachedWindowAPI {
 }
 
 // ../../node_modules/.pnpm/happy-dom@20.4.0/node_modules/happy-dom/lib/window/Window.js
-var Window;
+var Window2;
 var init_Window = __esm(() => {
   init_BrowserWindow();
   init_DetachedBrowser();
   init_PropertySymbol();
-  Window = class Window extends BrowserWindow {
+  Window2 = class Window2 extends BrowserWindow {
     happyDOM;
     constructor(options2) {
       const browser3 = new DetachedBrowser(BrowserWindow, {
@@ -394770,7 +394922,7 @@ var GlobalWindow;
 var init_GlobalWindow = __esm(() => {
   init_PropertySymbol();
   init_Window();
-  GlobalWindow = class GlobalWindow extends Window {
+  GlobalWindow = class GlobalWindow extends Window2 {
     Array = globalThis.Array;
     ArrayBuffer = globalThis.ArrayBuffer;
     Boolean = globalThis.Boolean;
@@ -395022,7 +395174,7 @@ var init_lib20 = __esm(() => {
 
 // src/lib/dom-environment.ts
 function createCliDomEnvironment() {
-  const window3 = new Window;
+  const window3 = new Window2;
   return {
     document: window3.document,
     dispose() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.2.0-next.137",
+  "version": "0.2.0-next.139",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -21,20 +21,20 @@
     "@types/node": "22.19.2",
     "typescript": "^5.9.2",
     "@superdoc/document-api": "0.0.1",
-    "@superdoc/pm-adapter": "0.0.0",
+    "@superdoc/super-editor": "0.0.1",
     "superdoc": "1.18.0",
-    "@superdoc/super-editor": "0.0.1"
+    "@superdoc/pm-adapter": "0.0.0"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.2.0-next.137",
-    "@superdoc-dev/cli-darwin-x64": "0.2.0-next.137",
-    "@superdoc-dev/cli-linux-x64": "0.2.0-next.137",
-    "@superdoc-dev/cli-linux-arm64": "0.2.0-next.137",
-    "@superdoc-dev/cli-windows-x64": "0.2.0-next.137"
+    "@superdoc-dev/cli-darwin-arm64": "0.2.0-next.139",
+    "@superdoc-dev/cli-linux-x64": "0.2.0-next.139",
+    "@superdoc-dev/cli-darwin-x64": "0.2.0-next.139",
+    "@superdoc-dev/cli-windows-x64": "0.2.0-next.139",
+    "@superdoc-dev/cli-linux-arm64": "0.2.0-next.139"
   },
   "scripts": {
     "dev": "bun run src/index.ts",