@replohq/sandbox-runtime 1.13.3 → 1.13.5

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.13.3",
+  "version": "1.13.5",
   "branch": "HEAD",
-  "commit": "961dc0c36bd9b26ea89d2a42057a671cd449165d",
-  "builtAt": "2026-10-11T15:32:35.895Z"
+  "commit": "36fde1b0255bc46705dcfbd1fc4810e7e9bcae24",
+  "builtAt": "2026-10-13T21:24:01.791Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.13.3",
+  "version": "1.13.5",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.13.3",
+    "version": "1.13.5",
     "branch": "HEAD",
-    "commit": "961dc0c36bd9b26ea89d2a42057a671cd449165d",
-    "builtAt": "2026-10-11T15:32:35.895Z"
+    "commit": "36fde1b0255bc46705dcfbd1fc4810e7e9bcae24",
+    "builtAt": "2026-10-13T21:24:01.791Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/EditorSelection.js

@@ -122,10 +122,10 @@ function EditorSelection() {
       }
       actions.dismissInlineEditRequest();
     };
-    document.addEventListener("pointerdown", cancelOnPointerDown, true);
+    window.addEventListener("pointerdown", cancelOnPointerDown, true);
     document.addEventListener("keydown", cancelOnEscape, true);
     return () => {
-      document.removeEventListener("pointerdown", cancelOnPointerDown, true);
+      window.removeEventListener("pointerdown", cancelOnPointerDown, true);
       document.removeEventListener("keydown", cancelOnEscape, true);
       store.getState().actions.revertInlineEdit();
     };

package/select-mode/hooks/useSelectionInteractions.d.ts

@@ -17,8 +17,9 @@
  *    sync with the page scroll so the rectangle visually "sticks" to the
  *    page rather than the viewport.
  *
- * We capture-listen and `preventDefault`/`stopPropagation` clicks so the
+ * We listen at window capture, the first stop on every event path, and
+ * `preventDefault`/`stopImmediatePropagation` presses and clicks so the
  * underlying page can't navigate or trigger handlers while the user is
- * working in selection mode.
+ * working in selection mode, even from its own document capture listeners.
  */
 export declare function useSelectionInteractions(): void;

package/select-mode/hooks/useSelectionInteractions.js

@@ -181,7 +181,7 @@ function useSelectionInteractions() {
         return;
       }
       event.preventDefault();
-      event.stopPropagation();
+      event.stopImmediatePropagation();
       const scrollOffset = getDocumentScrollOffset();
       const session = interactionSessionRef.current;
       committedDataAtPointerDown = session.type === "element" ? session.data : null;
@@ -371,6 +371,8 @@ function useSelectionInteractions() {
       if (editingElementRef?.current && event.target instanceof Node && editingElementRef.current.contains(event.target)) {
         return;
       }
+      event.preventDefault();
+      event.stopImmediatePropagation();
       const snapshot = interactionSessionRef.current;
       const wasDragging = snapshot.type === "drag" ? snapshot.hasExceededThreshold : false;
       const dragStart = snapshot.type === "drag" ? snapshot.dragStart : null;
@@ -421,7 +423,7 @@ function useSelectionInteractions() {
         return;
       }
       event.preventDefault();
-      event.stopPropagation();
+      event.stopImmediatePropagation();
     };
     const handlePointerCancel = (event) => {
       editingPointerIds.delete(event.pointerId);
@@ -431,20 +433,20 @@ function useSelectionInteractions() {
       editingPointerIds.clear();
       resetDragState();
     };
-    document.addEventListener("pointerdown", handlePointerDown, true);
-    document.addEventListener("pointermove", handlePointerMove, true);
-    document.addEventListener("pointerup", handlePointerUp, true);
-    document.addEventListener("pointercancel", handlePointerCancel, true);
-    document.addEventListener("click", handleClick, true);
+    window.addEventListener("pointerdown", handlePointerDown, true);
+    window.addEventListener("pointermove", handlePointerMove, true);
+    window.addEventListener("pointerup", handlePointerUp, true);
+    window.addEventListener("pointercancel", handlePointerCancel, true);
+    window.addEventListener("click", handleClick, true);
     document.addEventListener("scroll", handleViewportChangeDuringDrag, true);
     window.addEventListener("blur", handleWindowBlur);
     window.addEventListener("resize", handleViewportChangeDuringDrag);
     return () => {
-      document.removeEventListener("pointerdown", handlePointerDown, true);
-      document.removeEventListener("pointermove", handlePointerMove, true);
-      document.removeEventListener("pointerup", handlePointerUp, true);
-      document.removeEventListener("pointercancel", handlePointerCancel, true);
-      document.removeEventListener("click", handleClick, true);
+      window.removeEventListener("pointerdown", handlePointerDown, true);
+      window.removeEventListener("pointermove", handlePointerMove, true);
+      window.removeEventListener("pointerup", handlePointerUp, true);
+      window.removeEventListener("pointercancel", handlePointerCancel, true);
+      window.removeEventListener("click", handleClick, true);
       document.removeEventListener(
         "scroll",
         handleViewportChangeDuringDrag,

package/select-mode/selectModeStore.js

@@ -268,7 +268,7 @@ const selectModeStore = createShallowStore(
         onCommit: commitInlineEdit,
         onEscape: revertInlineEdit,
         onBlur: handleBlur,
-        onSelectionUpdate: (activeMarks) => {
+        onActiveMarksChange: (activeMarks) => {
           set({ activeMarks });
           reportInlineEditingState({
             activeMarks,
@@ -289,7 +289,7 @@ const selectModeStore = createShallowStore(
       });
       editor.focusAndSelectAll();
       reportInlineEditingState({
-        activeMarks: EMPTY_ACTIVE_MARKS,
+        activeMarks: get().activeMarks,
         isInlineEditing: true,
         request: null
       });

package/select-mode/tiptapInlineEditor.d.ts

@@ -8,13 +8,13 @@ export type InlineTiptapEditor = {
     getJSON: () => JSONContent;
     runFormatCommand: (command: SelectModeFormatCommand) => void;
 };
-export declare function createInlineTiptapEditor({ element, content, onCommit, onEscape, onBlur, onSelectionUpdate, }: {
+export declare function createInlineTiptapEditor({ element, content, onCommit, onEscape, onBlur, onActiveMarksChange, }: {
     element: HTMLElement;
     content: string;
     onCommit: () => void;
     onEscape: () => void;
     onBlur: () => void;
-    onSelectionUpdate: (activeMarks: {
+    onActiveMarksChange: (activeMarks: {
         bold: boolean;
         italic: boolean;
         underline: boolean;

package/select-mode/tiptapInlineEditor.js

@@ -60,7 +60,7 @@ function createInlineTiptapEditor({
   onCommit,
   onEscape,
   onBlur,
-  onSelectionUpdate
+  onActiveMarksChange
 }) {
   const originalAttributes = Array.from(
     element.attributes,
@@ -107,8 +107,8 @@ function createInlineTiptapEditor({
         return false;
       }
     },
-    onSelectionUpdate: ({ editor: activeEditor }) => {
-      onSelectionUpdate({
+    onTransaction: ({ editor: activeEditor }) => {
+      onActiveMarksChange({
         bold: activeEditor.isActive("bold"),
         italic: activeEditor.isActive("italic"),
         underline: activeEditor.isActive("underline"),