@replohq/sandbox-runtime 1.13.4 → 1.14.0

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -367,6 +367,7 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
     navigateToRoute: {
         inputSchema: z.ZodObject<{
             pathname: z.ZodString;
+            navigationId: z.ZodOptional<z.ZodNumber>;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
     };
@@ -917,6 +918,12 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
         inputSchema: z.ZodUndefined;
         outputSchema: z.ZodVoid;
     };
+    navigationAccepted: {
+        inputSchema: z.ZodObject<{
+            navigationId: z.ZodNumber;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
 };
 export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     method: z.ZodLiteral<"expandToSection">;

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -51,7 +51,10 @@ var websiteBuilderToPreviewIframeMethodConfig = {
     timeoutMs: 1500
   },
   navigateToRoute: {
-    inputSchema: z.object({ pathname: z.string() }),
+    inputSchema: z.object({
+      pathname: z.string(),
+      navigationId: z.number().int().optional()
+    }),
     outputSchema: z.void()
   },
   setDisplayMode: {
@@ -173,6 +176,10 @@ var previewIframeToWebsiteBuilderMethodConfig = {
   fastRefreshComplete: {
     inputSchema: z.undefined(),
     outputSchema: z.void()
+  },
+  navigationAccepted: {
+    inputSchema: z.object({ navigationId: z.number().int() }),
+    outputSchema: z.void()
   }
 };
 var selectModeParentMessageSchema = z.discriminatedUnion("method", [

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.13.4",
+  "version": "1.14.0",
   "branch": "HEAD",
-  "commit": "846cda8229162197eb0c6dc9c32ce08fccd2d89e",
-  "builtAt": "2026-10-12T04:17:30.872Z"
+  "commit": "c9e85e751a46ae55516e492cf96b3579b6bc21cd",
+  "builtAt": "2026-10-15T23:04:02.620Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.13.4",
+  "version": "1.14.0",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.13.4",
+    "version": "1.14.0",
     "branch": "HEAD",
-    "commit": "846cda8229162197eb0c6dc9c32ce08fccd2d89e",
-    "builtAt": "2026-10-12T04:17:30.872Z"
+    "commit": "c9e85e751a46ae55516e492cf96b3579b6bc21cd",
+    "builtAt": "2026-10-15T23:04:02.620Z"
   },
   "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/iframeRpcChannel.d.ts

@@ -446,6 +446,12 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
         inputSchema: import("zod").ZodUndefined;
         outputSchema: import("zod").ZodVoid;
     };
+    navigationAccepted: {
+        inputSchema: import("zod").ZodObject<{
+            navigationId: import("zod").ZodNumber;
+        }, import("zod/v4/core").$strip>;
+        outputSchema: import("zod").ZodVoid;
+    };
 }> | null;
 export declare function setSelectModeParentHandlers(nextHandlers: SelectModeParentMessagingHandlers | null): void;
 export declare function getWebsiteBuilderRpc(): WebsiteBuilderRpcRemote | null;

package/select-mode/iframeRpcChannel.js

@@ -57,8 +57,14 @@ function createSelectModeIframeRpcChannel() {
       symbolicateSelectedElement: (element) => {
         return symbolicateSelectedElement(element);
       },
-      navigateToRoute: (input) => {
-        navigateToRouteHandler?.(input);
+      navigateToRoute: ({ pathname, navigationId }, { channel: channel2 }) => {
+        if (!navigateToRouteHandler) {
+          return;
+        }
+        navigateToRouteHandler({ pathname });
+        if (navigationId !== void 0) {
+          channel2.navigationAccepted({ navigationId });
+        }
       }
     }
   });