@replohq/sandbox-runtime 1.16.1 → 1.17.0

package/_vendor/schemas/errors.d.ts

@@ -1,48 +1,8 @@
 import type { ErrorUserFacingDetails, ErrorUserFacingDetailsWithMessage } from "./generated/errors";
+import type { ReploErrorConfig } from "./reploError";
 import * as z from "zod";
-/**
- * Config to use for any standard error we throw in Replo
- */
-export type ReploErrorConfig = {
-    /**
-     * Message of the error, used only internally. If not provided, defaults to
-     * the error's class name
-     */
-    message?: string;
-    /**
-     * Any additional data about the error, e.g. ids of content that was trying
-     * to be accessed, contextual variables, etc. This is included when the error
-     * is logged to Sentry, etc
-     */
-    additionalData?: Record<string, unknown>;
-    /** Meta details for error reporting */
-    errorReportingDetails?: {
-        /**
-         * If true, tells Sentry that it should group this error differently when
-         * it happens on different endpoints ("transactions" in Sentry are endpoints)
-         */
-        includeTransactionInFingerprint?: boolean;
-        /**
-         * If provided, these get added to the Sentry fingerprint for this error. Useful
-         * for when you want to modify the grouping of an error, especially for reusing
-         * errors in different places.
-         */
-        customFingerprint?: string[];
-    };
-    /**
-     * Original cause of the error (useful for if you need to catch and re-throw errors
-     * with more context). Will be reported in stacktraces, sentry, etc.
-     */
-    cause?: unknown;
-};
-/**
- * Base error that all errors in Replo inherit from
- */
-export declare abstract class ReploError extends Error {
-    config: ReploErrorConfig;
-    id: string;
-    constructor(config: ReploErrorConfig);
-}
+import { ReploError } from "./reploError";
+export { ReploError, type ReploErrorConfig } from "./reploError";
 /**
  * Wraps an error so `async-retry` stops immediately instead of scheduling
  * another attempt: the library rejects with any thrown error carrying a truthy

package/_vendor/schemas/generated/selectModeIframeRpc.d.ts

@@ -9,6 +9,49 @@ export type IframeRuntimeBuildMetadata = {
     branch: string | null;
     commit: string | null;
     builtAt: string | null;
+    capabilities?: string[];
+};
+export type SectionCanvasSection = {
+    index: number;
+    startLine: number;
+    endLine: number;
+    label: string;
+    isLocked: boolean;
+};
+export type SectionCanvasState = {
+    pageFilePath: string;
+    sections: SectionCanvasSection[];
+    previewScale: number;
+    isDisabled: boolean;
+    insertingAt?: number | null;
+    occludedInsets?: {
+        left: number;
+        right: number;
+    } | null;
+};
+export type SectionCanvasRequest = {
+    type: "insert";
+    at: number;
+} | {
+    type: "move";
+    moveId: string;
+    index: number;
+    to: number;
+} | {
+    type: "remove";
+    index: number;
+} | {
+    type: "undo";
+} | {
+    type: "redo";
+} | {
+    type: "cancelInsert";
+};
+export type SectionCanvasLayoutEntry = {
+    index: number;
+    startLine: number;
+    endLine: number;
+    rect: SelectModeBoundingRect;
 };
 export type SelectModeParentMessage = {
     method: "expandToSection";

package/_vendor/schemas/iframeRpcChannel.mjs

@@ -10,6 +10,7 @@ var defaultLogger = {
   debug: console.debug,
   error: console.error
 };
+
 var ReploError = class _ReploError extends Error {
   config;
   id;
@@ -30,6 +31,7 @@ var ReploError = class _ReploError extends Error {
     }
   }
 };
+
 var errorUserFacingDetailsMessageSchema = z.object({
   type: z.enum([
     "toast",

package/_vendor/schemas/reploError.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Config to use for any standard error we throw in Replo
+ */
+export type ReploErrorConfig = {
+    /**
+     * Message of the error, used only internally. If not provided, defaults to
+     * the error's class name
+     */
+    message?: string;
+    /**
+     * Any additional data about the error, e.g. ids of content that was trying
+     * to be accessed, contextual variables, etc. This is included when the error
+     * is logged to Sentry, etc
+     */
+    additionalData?: Record<string, unknown>;
+    /** Meta details for error reporting */
+    errorReportingDetails?: {
+        /**
+         * If true, tells Sentry that it should group this error differently when
+         * it happens on different endpoints ("transactions" in Sentry are endpoints)
+         */
+        includeTransactionInFingerprint?: boolean;
+        /**
+         * If provided, these get added to the Sentry fingerprint for this error. Useful
+         * for when you want to modify the grouping of an error, especially for reusing
+         * errors in different places.
+         */
+        customFingerprint?: string[];
+    };
+    /**
+     * Original cause of the error (useful for if you need to catch and re-throw errors
+     * with more context). Will be reported in stacktraces, sentry, etc.
+     */
+    cause?: unknown;
+};
+/**
+ * Base error that all errors in Replo inherit from
+ */
+export declare abstract class ReploError extends Error {
+    config: ReploErrorConfig;
+    id: string;
+    constructor(config: ReploErrorConfig);
+}

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -25,6 +25,75 @@ export declare const iframeRuntimeBuildMetadataSchema: z.ZodObject<{
     branch: z.ZodNullable<z.ZodString>;
     commit: z.ZodNullable<z.ZodString>;
     builtAt: z.ZodNullable<z.ZodString>;
+    capabilities: z.ZodOptional<z.ZodArray<z.ZodString>>;
+}, z.core.$strip>;
+/** Runtimes listing this draw section insert and drag controls on the canvas and accept `setSectionCanvas`. */
+export declare const SECTION_CANVAS_CAPABILITY = "sectionCanvas";
+export declare const sectionCanvasSectionSchema: z.ZodObject<{
+    index: z.ZodNumber;
+    startLine: z.ZodNumber;
+    endLine: z.ZodNumber;
+    label: z.ZodString;
+    isLocked: z.ZodBoolean;
+}, z.core.$strip>;
+/**
+ * Whether a source location's file is the canvas's page file. Locations arrive as `file://` URLs,
+ * `./`-relative or absolute paths, and the page file is workspace-relative, so either may be a path
+ * suffix of the other. The builder's selection sync and the runtime's section finding both use this.
+ */
+export declare function isSectionCanvasPageFile({ filePath, pageFilePath, }: {
+    filePath: string;
+    pageFilePath: string;
+}): boolean;
+export declare const sectionCanvasStateSchema: z.ZodObject<{
+    pageFilePath: z.ZodString;
+    sections: z.ZodArray<z.ZodObject<{
+        index: z.ZodNumber;
+        startLine: z.ZodNumber;
+        endLine: z.ZodNumber;
+        label: z.ZodString;
+        isLocked: z.ZodBoolean;
+    }, z.core.$strip>>;
+    previewScale: z.ZodNumber;
+    isDisabled: z.ZodBoolean;
+    insertingAt: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+    occludedInsets: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        left: z.ZodNumber;
+        right: z.ZodNumber;
+    }, z.core.$strip>>>;
+}, z.core.$strip>;
+export declare const sectionCanvasRequestSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    type: z.ZodLiteral<"insert">;
+    at: z.ZodNumber;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"move">;
+    moveId: z.ZodString;
+    index: z.ZodNumber;
+    to: z.ZodNumber;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"remove">;
+    index: z.ZodNumber;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"undo">;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"redo">;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"cancelInsert">;
+}, z.core.$strip>], "type">;
+export declare const sectionCanvasLayoutEntrySchema: z.ZodObject<{
+    index: z.ZodNumber;
+    startLine: z.ZodNumber;
+    endLine: z.ZodNumber;
+    rect: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        left: z.ZodNumber;
+        top: z.ZodNumber;
+        right: z.ZodNumber;
+        bottom: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, z.core.$strip>;
 }, z.core.$strip>;
 export declare const selectModeEventInputSchemas: {
     hover: z.ZodObject<{
@@ -185,6 +254,38 @@ export declare const selectModeEventInputSchemas: {
     }, z.core.$strip>;
 };
 export declare const websiteBuilderToPreviewIframeMethodConfig: {
+    setSectionCanvas: {
+        inputSchema: z.ZodObject<{
+            canvas: z.ZodNullable<z.ZodObject<{
+                pageFilePath: z.ZodString;
+                sections: z.ZodArray<z.ZodObject<{
+                    index: z.ZodNumber;
+                    startLine: z.ZodNumber;
+                    endLine: z.ZodNumber;
+                    label: z.ZodString;
+                    isLocked: z.ZodBoolean;
+                }, z.core.$strip>>;
+                previewScale: z.ZodNumber;
+                isDisabled: z.ZodBoolean;
+                insertingAt: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+                occludedInsets: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+                    left: z.ZodNumber;
+                    right: z.ZodNumber;
+                }, z.core.$strip>>>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+    settleSectionMove: {
+        inputSchema: z.ZodObject<{
+            moveId: z.ZodString;
+            outcome: z.ZodEnum<{
+                failed: "failed";
+                persisted: "persisted";
+            }>;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
     expandToSection: {
         inputSchema: z.ZodObject<{
             targetSelector: z.ZodString;
@@ -367,7 +468,6 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
     navigateToRoute: {
         inputSchema: z.ZodObject<{
             pathname: z.ZodString;
-            navigationId: z.ZodOptional<z.ZodNumber>;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
     };
@@ -479,6 +579,49 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
     };
 };
 export declare const previewIframeToWebsiteBuilderMethodConfig: {
+    sectionCanvasRequest: {
+        inputSchema: z.ZodObject<{
+            request: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                type: z.ZodLiteral<"insert">;
+                at: z.ZodNumber;
+            }, z.core.$strip>, z.ZodObject<{
+                type: z.ZodLiteral<"move">;
+                moveId: z.ZodString;
+                index: z.ZodNumber;
+                to: z.ZodNumber;
+            }, z.core.$strip>, z.ZodObject<{
+                type: z.ZodLiteral<"remove">;
+                index: z.ZodNumber;
+            }, z.core.$strip>, z.ZodObject<{
+                type: z.ZodLiteral<"undo">;
+            }, z.core.$strip>, z.ZodObject<{
+                type: z.ZodLiteral<"redo">;
+            }, z.core.$strip>, z.ZodObject<{
+                type: z.ZodLiteral<"cancelInsert">;
+            }, z.core.$strip>], "type">;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+    sectionCanvasLayoutChanged: {
+        inputSchema: z.ZodObject<{
+            sections: z.ZodArray<z.ZodObject<{
+                index: z.ZodNumber;
+                startLine: z.ZodNumber;
+                endLine: z.ZodNumber;
+                rect: z.ZodObject<{
+                    x: z.ZodNumber;
+                    y: z.ZodNumber;
+                    left: z.ZodNumber;
+                    top: z.ZodNumber;
+                    right: z.ZodNumber;
+                    bottom: z.ZodNumber;
+                    width: z.ZodNumber;
+                    height: z.ZodNumber;
+                }, z.core.$strip>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
     requestInlineTextEdit: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;
@@ -577,6 +720,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
             branch: z.ZodNullable<z.ZodString>;
             commit: z.ZodNullable<z.ZodString>;
             builtAt: z.ZodNullable<z.ZodString>;
+            capabilities: z.ZodOptional<z.ZodArray<z.ZodString>>;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
     };
@@ -918,12 +1062,6 @@ 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">;
@@ -1039,6 +1177,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         branch: z.ZodNullable<z.ZodString>;
         commit: z.ZodNullable<z.ZodString>;
         builtAt: z.ZodNullable<z.ZodString>;
+        capabilities: z.ZodOptional<z.ZodArray<z.ZodString>>;
     }, z.core.$strip>;
 }, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"elementSelected">;

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -16,8 +16,57 @@ var iframeRuntimeBuildMetadataSchema = z.object({
   version: z.string(),
   branch: z.string().nullable(),
   commit: z.string().nullable(),
-  builtAt: z.string().nullable()
+  builtAt: z.string().nullable(),
+  capabilities: z.array(z.string()).optional()
 }).describe("IframeRuntimeBuildMetadata");
+var SECTION_CANVAS_CAPABILITY = "sectionCanvas";
+var sectionCanvasSectionSchema = z.object({
+  index: z.number().int().nonnegative(),
+  startLine: z.number().int().positive(),
+  endLine: z.number().int().positive(),
+  label: z.string(),
+  isLocked: z.boolean()
+}).describe("SectionCanvasSection");
+function isSectionCanvasPageFile({
+  filePath,
+  pageFilePath
+}) {
+  const normalized = filePath.replace(/^file:\/\//u, "").replace(/^\.\//u, "");
+  return normalized === pageFilePath || normalized.endsWith(`/${pageFilePath}`) || pageFilePath.endsWith(`/${normalized}`);
+}
+var sectionCanvasStateSchema = z.object({
+  pageFilePath: z.string(),
+  sections: z.array(sectionCanvasSectionSchema),
+  previewScale: z.number().positive(),
+  isDisabled: z.boolean(),
+  insertingAt: z.number().int().nonnegative().nullish(),
+  occludedInsets: z.object({
+    left: z.number().nonnegative(),
+    right: z.number().nonnegative()
+  }).nullish()
+}).describe("SectionCanvasState");
+var sectionCanvasRequestSchema = z.discriminatedUnion("type", [
+  z.object({ type: z.literal("insert"), at: z.number().int().nonnegative() }),
+  z.object({
+    type: z.literal("move"),
+    moveId: z.string(),
+    index: z.number().int().nonnegative(),
+    to: z.number().int().nonnegative()
+  }),
+  z.object({
+    type: z.literal("remove"),
+    index: z.number().int().nonnegative()
+  }),
+  z.object({ type: z.literal("undo") }),
+  z.object({ type: z.literal("redo") }),
+  z.object({ type: z.literal("cancelInsert") })
+]).describe("SectionCanvasRequest");
+var sectionCanvasLayoutEntrySchema = z.object({
+  index: z.number().int().nonnegative(),
+  startLine: z.number().int().positive(),
+  endLine: z.number().int().positive(),
+  rect: selectModeBoundingRectSchema
+}).describe("SectionCanvasLayoutEntry");
 var selectModeEventInputSchemas = {
   hover: z.object({
     rect: selectModeHoverRectSchema.nullable()
@@ -37,6 +86,17 @@ var selectModeEventInputSchemas = {
   })
 };
 var websiteBuilderToPreviewIframeMethodConfig = {
+  setSectionCanvas: {
+    inputSchema: z.object({ canvas: sectionCanvasStateSchema.nullable() }),
+    outputSchema: z.void()
+  },
+  settleSectionMove: {
+    inputSchema: z.object({
+      moveId: z.string(),
+      outcome: z.enum(["persisted", "failed"])
+    }),
+    outputSchema: z.void()
+  },
   expandToSection: {
     inputSchema: z.object({ targetSelector: z.string() }),
     outputSchema: z.void()
@@ -51,10 +111,7 @@ var websiteBuilderToPreviewIframeMethodConfig = {
     timeoutMs: 1500
   },
   navigateToRoute: {
-    inputSchema: z.object({
-      pathname: z.string(),
-      navigationId: z.number().int().optional()
-    }),
+    inputSchema: z.object({ pathname: z.string() }),
     outputSchema: z.void()
   },
   setDisplayMode: {
@@ -113,6 +170,16 @@ var websiteBuilderToPreviewIframeMethodConfig = {
   }
 };
 var previewIframeToWebsiteBuilderMethodConfig = {
+  sectionCanvasRequest: {
+    inputSchema: z.object({ request: sectionCanvasRequestSchema }),
+    outputSchema: z.void()
+  },
+  sectionCanvasLayoutChanged: {
+    inputSchema: z.object({
+      sections: z.array(sectionCanvasLayoutEntrySchema)
+    }),
+    outputSchema: z.void()
+  },
   requestInlineTextEdit: {
     inputSchema: z.object({
       editId: z.string(),
@@ -176,10 +243,6 @@ 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", [
@@ -272,4 +335,4 @@ var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
   })
 ]).describe("SelectModeIframeMessage");
 
-export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, previewIframeToWebsiteBuilderMethodConfig, selectModeEventInputSchemas, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToPreviewIframeMethodConfig };
+export { SECTION_CANVAS_CAPABILITY, SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, isSectionCanvasPageFile, previewIframeToWebsiteBuilderMethodConfig, sectionCanvasLayoutEntrySchema, sectionCanvasRequestSchema, sectionCanvasSectionSchema, sectionCanvasStateSchema, selectModeEventInputSchemas, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToPreviewIframeMethodConfig };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "branch": "HEAD",
-  "commit": "829bdb2d651053b102e8afdb7bc0ed13022a1833",
-  "builtAt": "2026-10-19T22:00:45.884Z"
+  "commit": "7d16c9a29182a37625a958569422b94a08b9a627",
+  "builtAt": "2026-10-20T04:21:24.844Z"
 };

package/{chunk-3YA3QXUQ.mjs → chunk-B3PLD7SH.mjs}

@@ -109,6 +109,29 @@ function startViewportSnapshotResponder({
       };
       requester.postMessage(response, requesterOrigin);
     };
+    const requestType = event.data.type;
+    const respondWithChildFrames = (snapshot2, context2) => {
+      if (captureDom ? snapshot2 === null : !context2) {
+        respond(null);
+        return;
+      }
+      void requestChildViewportSnapshots({
+        targetWindow,
+        requestId: `${requestId}:${frameIndex}`,
+        timeoutMs: cascadeTimeoutMs,
+        remainingDepth: remainingDepth - 1,
+        requestType
+      }).then((childCaptures) => {
+        respond({
+          snapshot: snapshot2,
+          ...context2 ? { context: context2 } : {},
+          childFrames: childCaptures.flatMap((child) => {
+            const rect = measureFrameRect(child.frameIndex);
+            return rect ? [{ frameIndex: child.frameIndex, rect, capture: child.capture }] : [];
+          })
+        });
+      });
+    };
     let snapshot = null;
     let context;
     try {
@@ -119,26 +142,14 @@ function startViewportSnapshotResponder({
       }
     } catch {
     }
-    if (captureDom ? snapshot === null : !context) {
-      respond(null);
+    if (snapshot instanceof Promise) {
+      snapshot.then(
+        (resolved) => respondWithChildFrames(resolved, context),
+        () => respond(null)
+      );
       return;
     }
-    void requestChildViewportSnapshots({
-      targetWindow,
-      requestId: `${requestId}:${frameIndex}`,
-      timeoutMs: cascadeTimeoutMs,
-      remainingDepth: remainingDepth - 1,
-      requestType: event.data.type
-    }).then((childCaptures) => {
-      respond({
-        snapshot,
-        ...context ? { context } : {},
-        childFrames: childCaptures.flatMap((child) => {
-          const rect = measureFrameRect(child.frameIndex);
-          return rect ? [{ frameIndex: child.frameIndex, rect, capture: child.capture }] : [];
-        })
-      });
-    });
+    respondWithChildFrames(snapshot, context);
   };
   targetWindow.addEventListener("message", onMessage);
   return () => {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.16.1",
+    "version": "1.17.0",
     "branch": "HEAD",
-    "commit": "829bdb2d651053b102e8afdb7bc0ed13022a1833",
-    "builtAt": "2026-10-19T22:00:45.884Z"
+    "commit": "7d16c9a29182a37625a958569422b94a08b9a627",
+    "builtAt": "2026-10-20T04:21:24.844Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",