@replohq/sandbox-runtime 1.7.12 → 1.7.13

package/_vendor/replo-utils/lib/errors.d.ts

@@ -80,4 +80,5 @@ export declare function isNetworkErrorMessage(message: string): boolean;
  * fallback string or `String(error)`.
  */
 export declare function getErrorMessage(error: unknown, fallback?: string): string;
+export declare function appendErrorId(detail: string, errorId: string | null | undefined): string;
 export {};

package/_vendor/schemas/componentPreview.d.ts

@@ -50,6 +50,13 @@ export declare const componentPreviewComponentSchema: z.ZodObject<{
     path: z.ZodString;
     name: z.ZodString;
 }, z.core.$strip>;
+export declare const componentPreviewUsageSchema: z.ZodObject<{
+    kind: z.ZodEnum<{
+        page: "page";
+        layout: "layout";
+    }>;
+    route: z.ZodString;
+}, z.core.$strip>;
 export declare const componentPreviewIndexSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     status: z.ZodLiteral<"unavailable">;
 }, z.core.$strip>, z.ZodObject<{
@@ -58,6 +65,13 @@ export declare const componentPreviewIndexSchema: z.ZodDiscriminatedUnion<[z.Zod
         path: z.ZodString;
         name: z.ZodString;
     }, z.core.$strip>>;
+    usagesByComponentPath: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
+        kind: z.ZodEnum<{
+            page: "page";
+            layout: "layout";
+        }>;
+        route: z.ZodString;
+    }, z.core.$strip>>>;
 }, z.core.$strip>], "status">;
 export declare const componentPreviewSourceFileSchema: z.ZodObject<{
     path: z.ZodString;
@@ -79,4 +93,6 @@ export declare const componentPreviewPreparationSchema: z.ZodDiscriminatedUnion<
     pathname: z.ZodString;
 }, z.core.$strip>, z.ZodObject<{
     status: z.ZodLiteral<"siteUpdateRequired">;
+}, z.core.$strip>, z.ZodObject<{
+    status: z.ZodLiteral<"invalidComponent">;
 }, z.core.$strip>], "status">;

package/_vendor/schemas/componentPreview.mjs

@@ -86,11 +86,19 @@ var componentPreviewComponentSchema = z.object({
   path: componentPreviewPathSchema,
   name: z.string().min(1).max(120)
 }).describe("ComponentPreviewComponent");
+var componentPreviewUsageSchema = z.object({
+  kind: z.enum(["page", "layout"]),
+  route: z.string().min(1)
+}).describe("ComponentPreviewUsage");
 var componentPreviewIndexSchema = z.discriminatedUnion("status", [
   z.object({ status: z.literal("unavailable") }),
   z.object({
     status: z.literal("ready"),
-    components: z.array(componentPreviewComponentSchema)
+    components: z.array(componentPreviewComponentSchema),
+    usagesByComponentPath: z.record(
+      componentPreviewPathSchema,
+      z.array(componentPreviewUsageSchema)
+    )
   })
 ]).describe("ComponentPreviewIndex");
 var componentPreviewSourceFileSchema = z.object({
@@ -107,7 +115,8 @@ var componentPreviewPreparationSchema = z.discriminatedUnion("status", [
     status: z.literal("ready"),
     pathname: z.string().regex(/^\/[A-Za-z0-9/_-]+$/u)
   }),
-  z.object({ status: z.literal("siteUpdateRequired") })
+  z.object({ status: z.literal("siteUpdateRequired") }),
+  z.object({ status: z.literal("invalidComponent") })
 ]).describe("ComponentPreviewPreparation");
 
-export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewComponentSchema, componentPreviewIndexSchema, componentPreviewPathSchema, componentPreviewPreparationSchema, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewSelectionSchema, componentPreviewSourceFileSchema, componentPreviewSourceSchema, componentPreviewToWebsiteBuilderMethodConfig, websiteBuilderToComponentPreviewMethodConfig };
+export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewComponentSchema, componentPreviewIndexSchema, componentPreviewPathSchema, componentPreviewPreparationSchema, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewSelectionSchema, componentPreviewSourceFileSchema, componentPreviewSourceSchema, componentPreviewToWebsiteBuilderMethodConfig, componentPreviewUsageSchema, websiteBuilderToComponentPreviewMethodConfig };

package/_vendor/schemas/errors.d.ts

@@ -436,6 +436,12 @@ export declare class IframeRpcChannelTimeoutError extends IframeRpcChannelError
         timeoutMs: number;
     });
 }
+export declare class IframeRpcChannelTargetUnavailableError extends IframeRpcChannelError {
+    constructor({ callType, method, }: {
+        callType: "notify" | "request" | "response";
+        method?: string;
+    });
+}
 export declare class IframeRpcChannelRemoteError extends IframeRpcChannelError {
     constructor({ method, message }: {
         method: string;

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

@@ -12,6 +12,13 @@ export type ComponentPreviewIndex = {
 } | {
     status: "ready";
     components: ComponentPreviewComponent[];
+    usagesByComponentPath: {
+        [x: string]: ComponentPreviewUsage[];
+    };
+};
+export type ComponentPreviewUsage = {
+    kind: "page" | "layout";
+    route: string;
 };
 export type ComponentPreviewSourceFile = {
     path: string;
@@ -27,4 +34,6 @@ export type ComponentPreviewPreparation = {
     pathname: string;
 } | {
     status: "siteUpdateRequired";
+} | {
+    status: "invalidComponent";
 };

package/_vendor/schemas/iframeRpcChannel.mjs

@@ -116,6 +116,17 @@ var IframeRpcChannelTimeoutError = class extends IframeRpcChannelError {
     });
   }
 };
+var IframeRpcChannelTargetUnavailableError = class extends IframeRpcChannelError {
+  constructor({
+    callType,
+    method
+  }) {
+    super({
+      message: method ? `RPC target window was unavailable for '${method}'` : "RPC target window was unavailable for a response",
+      additionalData: { callType, method }
+    });
+  }
+};
 var IframeRpcChannelRemoteError = class extends IframeRpcChannelError {
   constructor({ method, message }) {
     super({
@@ -247,8 +258,8 @@ function createIframeRpcChannel(options) {
   const pendingRequests = /* @__PURE__ */ new Map();
   let subscriberCount = 0;
   let handlerMeta;
-  const postMessage = (call2) => {
-    getTargetWindow()?.postMessage(
+  const postMessage = (call2, targetWindow = getTargetWindow()) => {
+    targetWindow?.postMessage(
       {
         channelIdentifier,
         version,
@@ -368,9 +379,6 @@ function createIframeRpcChannel(options) {
     pendingRequest.resolve(parsedOutput.data);
   };
   const handleMessage = (event) => {
-    if (!isExpectedMessage(event)) {
-      return;
-    }
     const parsedMetadata = z.object({
       channelIdentifier: z.literal(channelIdentifier),
       version: z.literal(version)
@@ -378,6 +386,15 @@ function createIframeRpcChannel(options) {
     if (!parsedMetadata.success) {
       return;
     }
+    if (!isExpectedMessage(event)) {
+      defaultLogger.error("[iframeRpcChannel] Dropping unexpected message", {
+        channelIdentifier,
+        version,
+        origin: event.origin,
+        hasSource: Boolean(event.source)
+      });
+      return;
+    }
     const parsedCall = iframeRpcCallSchema.safeParse(event.data);
     if (!parsedCall.success) {
       return;
@@ -464,6 +481,15 @@ function createIframeRpcChannel(options) {
         new IframeRpcChannelUnsubscribedError({ method })
       );
     }
+    const targetWindow = getTargetWindow();
+    if (!targetWindow) {
+      return Promise.reject(
+        new IframeRpcChannelTargetUnavailableError({
+          callType: "request",
+          method
+        })
+      );
+    }
     const id = randomUUID();
     const timeoutMs = definition.timeoutMs ?? 3e4;
     return new Promise(
@@ -480,12 +506,21 @@ function createIframeRpcChannel(options) {
           reject,
           timeoutId
         });
-        postMessage({
-          type: "request",
-          id,
-          method,
-          data: parsedInput.data
-        });
+        try {
+          postMessage(
+            {
+              type: "request",
+              id,
+              method,
+              data: parsedInput.data
+            },
+            targetWindow
+          );
+        } catch (error) {
+          clearTimeout(timeoutId);
+          pendingRequests.delete(id);
+          reject(error);
+        }
       }
     );
   };

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -26,7 +26,141 @@ export declare const iframeRuntimeBuildMetadataSchema: z.ZodObject<{
     commit: z.ZodNullable<z.ZodString>;
     builtAt: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>;
-export declare const websiteBuilderToCanopyMethodConfig: {
+export declare const selectModeEventInputSchemas: {
+    hover: z.ZodObject<{
+        rect: z.ZodNullable<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>;
+    areaSelection: z.ZodObject<{
+        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>;
+        items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"react-element">;
+            selector: z.ZodString;
+            tagName: z.ZodString;
+            elementType: z.ZodString;
+            textContent: z.ZodNullable<z.ZodString>;
+            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>;
+            textMetrics: z.ZodNullable<z.ZodObject<{
+                tightWidth: z.ZodNumber;
+                lineCount: z.ZodNumber;
+                lineHeight: z.ZodNumber;
+            }, z.core.$strip>>;
+            outerHTML: z.ZodString;
+            definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
+                property: z.ZodString;
+                variant: z.ZodNullable<z.ZodObject<{
+                    atRules: z.ZodArray<z.ZodObject<{
+                        type: z.ZodString;
+                        text: z.ZodString;
+                    }, z.core.$strip>>;
+                    pseudo: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+                className: z.ZodNullable<z.ZodString>;
+                raw: z.ZodString;
+                resolved: z.ZodString;
+            }, z.core.$strip>>>;
+            inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
+            clickPosition: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, z.core.$strip>;
+            sourceLocation: z.ZodOptional<z.ZodObject<{
+                filePath: z.ZodString;
+                lineNumber: z.ZodNumber;
+                columnNumber: z.ZodOptional<z.ZodNumber>;
+                componentName: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+            fiberChain: z.ZodDefault<z.ZodArray<z.ZodObject<{
+                sourceLocation: z.ZodObject<{
+                    filePath: z.ZodString;
+                    lineNumber: z.ZodNumber;
+                    columnNumber: z.ZodOptional<z.ZodNumber>;
+                    componentName: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>;
+                tagName: z.ZodOptional<z.ZodString>;
+                componentName: z.ZodOptional<z.ZodString>;
+                props: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            }, z.core.$strip>>>;
+            siblingSelectors: z.ZodDefault<z.ZodArray<z.ZodString>>;
+        }, z.core.$strip>, z.ZodObject<{
+            kind: z.ZodLiteral<"plan">;
+            planId: z.ZodString;
+            label: z.ZodString;
+            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>], "kind">>;
+    }, z.core.$strip>;
+    dragRect: z.ZodObject<{
+        dragRect: z.ZodNullable<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>>;
+        selectionRects: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            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>;
+    inlineEditState: z.ZodObject<{
+        activeMarks: z.ZodObject<{
+            bold: z.ZodBoolean;
+            italic: z.ZodBoolean;
+            underline: z.ZodBoolean;
+            strike: z.ZodBoolean;
+        }, z.core.$strip>;
+        isInlineEditing: z.ZodBoolean;
+        isInlineEditPending: z.ZodBoolean;
+    }, z.core.$strip>;
+};
+export declare const websiteBuilderToPreviewIframeMethodConfig: {
     symbolicateSelectedElement: {
         inputSchema: z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
@@ -245,7 +379,7 @@ export declare const websiteBuilderToCanopyMethodConfig: {
         outputSchema: z.ZodVoid;
     };
 };
-export declare const canopyToWebsiteBuilderMethodConfig: {
+export declare const previewIframeToWebsiteBuilderMethodConfig: {
     requestInlineTextEdit: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectModeBoundingRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-4T7WSMC3.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-4T7WSMC3.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
@@ -18,7 +18,25 @@ var iframeRuntimeBuildMetadataSchema = z.object({
   commit: z.string().nullable(),
   builtAt: z.string().nullable()
 }).describe("IframeRuntimeBuildMetadata");
-var websiteBuilderToCanopyMethodConfig = {
+var selectModeEventInputSchemas = {
+  hover: z.object({
+    rect: selectModeBoundingRectSchema.nullable()
+  }),
+  areaSelection: z.object({
+    rect: selectModeBoundingRectSchema,
+    items: z.array(selectableDataSchema)
+  }),
+  dragRect: z.object({
+    dragRect: selectModeBoundingRectSchema.nullable(),
+    selectionRects: z.array(selectModeSelectionRectSchema)
+  }),
+  inlineEditState: z.object({
+    activeMarks: selectModeTiptapActiveMarksSchema,
+    isInlineEditing: z.boolean(),
+    isInlineEditPending: z.boolean()
+  })
+};
+var websiteBuilderToPreviewIframeMethodConfig = {
   symbolicateSelectedElement: {
     inputSchema: selectedElementSchema,
     outputSchema: selectedElementSchema,
@@ -83,7 +101,7 @@ var websiteBuilderToCanopyMethodConfig = {
     outputSchema: z.void()
   }
 };
-var canopyToWebsiteBuilderMethodConfig = {
+var previewIframeToWebsiteBuilderMethodConfig = {
   requestInlineTextEdit: {
     inputSchema: z.object({
       editId: z.string(),
@@ -103,9 +121,7 @@ var canopyToWebsiteBuilderMethodConfig = {
     outputSchema: z.void()
   },
   hoverElement: {
-    inputSchema: z.object({
-      rect: selectModeBoundingRectSchema.nullable()
-    }),
+    inputSchema: selectModeEventInputSchemas.hover,
     outputSchema: z.void()
   },
   selectedElementRectUpdate: {
@@ -122,17 +138,11 @@ var canopyToWebsiteBuilderMethodConfig = {
     outputSchema: z.void()
   },
   dragRectUpdated: {
-    inputSchema: z.object({
-      dragRect: selectModeBoundingRectSchema.nullable(),
-      selectionRects: z.array(selectModeSelectionRectSchema)
-    }),
+    inputSchema: selectModeEventInputSchemas.dragRect,
     outputSchema: z.void()
   },
   areaSelected: {
-    inputSchema: z.object({
-      rect: selectModeBoundingRectSchema,
-      items: z.array(selectableDataSchema)
-    }),
+    inputSchema: selectModeEventInputSchemas.areaSelection,
     outputSchema: z.void()
   },
   textCommitted: {
@@ -149,11 +159,7 @@ var canopyToWebsiteBuilderMethodConfig = {
     outputSchema: z.void()
   },
   editorStateUpdate: {
-    inputSchema: z.object({
-      activeMarks: selectModeTiptapActiveMarksSchema,
-      isInlineEditing: z.boolean(),
-      isInlineEditPending: z.boolean()
-    }),
+    inputSchema: selectModeEventInputSchemas.inlineEditState,
     outputSchema: z.void()
   },
   fastRefreshComplete: {
@@ -164,27 +170,27 @@ var canopyToWebsiteBuilderMethodConfig = {
 var selectModeParentMessageSchema = z.discriminatedUnion("method", [
   z.object({
     method: z.literal("setDisplayMode"),
-    data: websiteBuilderToCanopyMethodConfig.setDisplayMode.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.setDisplayMode.inputSchema
   }),
   z.object({
     method: z.literal("setSelectionType"),
-    data: websiteBuilderToCanopyMethodConfig.setSelectionType.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.setSelectionType.inputSchema
   }),
   z.object({
     method: z.literal("applyOptimisticUpdate"),
-    data: websiteBuilderToCanopyMethodConfig.applyOptimisticUpdate.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.applyOptimisticUpdate.inputSchema
   }),
   z.object({
     method: z.literal("markCommitted"),
-    data: websiteBuilderToCanopyMethodConfig.markCommitted.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.markCommitted.inputSchema
   }),
   z.object({
     method: z.literal("resolveSessionOverrides"),
-    data: websiteBuilderToCanopyMethodConfig.resolveSessionOverrides.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.resolveSessionOverrides.inputSchema
   }),
   z.object({
     method: z.literal("revertOverride"),
-    data: websiteBuilderToCanopyMethodConfig.revertOverride.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.revertOverride.inputSchema
   }),
   z.object({
     method: z.literal("enterEditMode")
@@ -194,7 +200,7 @@ var selectModeParentMessageSchema = z.discriminatedUnion("method", [
   }),
   z.object({
     method: z.literal("formatCommand"),
-    data: websiteBuilderToCanopyMethodConfig.formatCommand.inputSchema
+    data: websiteBuilderToPreviewIframeMethodConfig.formatCommand.inputSchema
   })
 ]).describe("SelectModeParentMessage");
 var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
@@ -204,43 +210,43 @@ var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
   }),
   z.object({
     method: z.literal("elementSelected"),
-    data: canopyToWebsiteBuilderMethodConfig.elementSelected.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.elementSelected.inputSchema
   }),
   z.object({
     method: z.literal("hoverElement"),
-    data: canopyToWebsiteBuilderMethodConfig.hoverElement.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.hoverElement.inputSchema
   }),
   z.object({
     method: z.literal("selectedElementRectUpdate"),
-    data: canopyToWebsiteBuilderMethodConfig.selectedElementRectUpdate.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.selectedElementRectUpdate.inputSchema
   }),
   z.object({
     method: z.literal("selectedAreaRectUpdate"),
-    data: canopyToWebsiteBuilderMethodConfig.selectedAreaRectUpdate.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.selectedAreaRectUpdate.inputSchema
   }),
   z.object({
     method: z.literal("dragRectUpdated"),
-    data: canopyToWebsiteBuilderMethodConfig.dragRectUpdated.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.dragRectUpdated.inputSchema
   }),
   z.object({
     method: z.literal("areaSelected"),
-    data: canopyToWebsiteBuilderMethodConfig.areaSelected.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.areaSelected.inputSchema
   }),
   z.object({
     method: z.literal("textCommitted"),
-    data: canopyToWebsiteBuilderMethodConfig.textCommitted.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.textCommitted.inputSchema
   }),
   z.object({
     method: z.literal("inlineEditFeedbackChanged"),
-    data: canopyToWebsiteBuilderMethodConfig.inlineEditFeedbackChanged.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.inlineEditFeedbackChanged.inputSchema
   }),
   z.object({
     method: z.literal("editorStateUpdate"),
-    data: canopyToWebsiteBuilderMethodConfig.editorStateUpdate.inputSchema
+    data: previewIframeToWebsiteBuilderMethodConfig.editorStateUpdate.inputSchema
   }),
   z.object({
     method: z.literal("fastRefreshComplete")
   })
 ]).describe("SelectModeIframeMessage");
 
-export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToCanopyMethodConfig };
+export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, previewIframeToWebsiteBuilderMethodConfig, selectModeEventInputSchemas, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToPreviewIframeMethodConfig };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.12",
+  "version": "1.7.13",
   "branch": "HEAD",
-  "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
-  "builtAt": "2026-09-22T04:29:15.711Z"
+  "commit": "48e7e55752c4448369b7a49ce608c6539acb3a24",
+  "builtAt": "2026-09-23T03:50:04.538Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.7.12",
+  "version": "1.7.13",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.7.12",
+    "version": "1.7.13",
     "branch": "HEAD",
-    "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
-    "builtAt": "2026-09-22T04:29:15.711Z"
+    "commit": "48e7e55752c4448369b7a49ce608c6539acb3a24",
+    "builtAt": "2026-09-23T03:50:04.538Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/hooks/useOptimisticOverrides.js

@@ -286,7 +286,6 @@ function useOptimisticOverrides() {
           removeOverride({ editId, outcome: "failed" });
         }, OVERRIDE_REGISTRATION_TIMEOUT_MS),
         sessionId: null,
-        state: "live",
         targets: elements.map((element) => ({
           element,
           originalState: getOriginalState({ element, payload }),
@@ -317,7 +316,6 @@ function useOptimisticOverrides() {
     }
     clearTimeout(override.registrationTimeout);
     override.sessionId = sessionId;
-    override.state = "fired";
     const outcome = getSessionOutcomes().get(sessionId);
     if (outcome) {
       removeOverride({ editId, outcome });

package/select-mode/iframeRpcChannel.d.ts

@@ -1,8 +1,8 @@
 import type { SelectedElement } from "../_vendor/schemas/generated/selectMode";
 import type { IframeRpcChannelInputHandlers, IframeRpcChannelRemote } from "../_vendor/schemas/iframeRpcChannel";
-import { canopyToWebsiteBuilderMethodConfig, websiteBuilderToCanopyMethodConfig } from "../_vendor/schemas/selectModeIframeRpc";
-export type WebsiteBuilderRpcRemote = IframeRpcChannelRemote<typeof canopyToWebsiteBuilderMethodConfig>;
-type SelectModeParentMessagingHandlers = Omit<IframeRpcChannelInputHandlers<typeof websiteBuilderToCanopyMethodConfig>, "symbolicateSelectedElement" | "navigateToRoute">;
+import { previewIframeToWebsiteBuilderMethodConfig, websiteBuilderToPreviewIframeMethodConfig } from "../_vendor/schemas/selectModeIframeRpc";
+export type WebsiteBuilderRpcRemote = IframeRpcChannelRemote<typeof previewIframeToWebsiteBuilderMethodConfig>;
+type SelectModeParentMessagingHandlers = Omit<IframeRpcChannelInputHandlers<typeof websiteBuilderToPreviewIframeMethodConfig>, "symbolicateSelectedElement" | "navigateToRoute">;
 export declare function setNavigateToRouteHandler(handler: ((input: {
     pathname: string;
 }) => void) | null): void;

package/select-mode/iframeRpcChannel.js

@@ -3,10 +3,10 @@ import {
   createIframeRpcRemote
 } from "../_vendor/schemas/iframeRpcChannel.mjs";
 import {
-  canopyToWebsiteBuilderMethodConfig,
+  previewIframeToWebsiteBuilderMethodConfig,
   SELECT_MODE_IFRAME_RPC_CHANNEL_ID,
   SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION,
-  websiteBuilderToCanopyMethodConfig
+  websiteBuilderToPreviewIframeMethodConfig
 } from "../_vendor/schemas/selectModeIframeRpc.mjs";
 import { symbolicateSelectedElement } from "./symbolicate";
 let messagingHandlers = null;
@@ -22,8 +22,8 @@ function createSelectModeIframeRpcChannel() {
     getTargetWindow: () => window.parent === window ? null : window.parent,
     targetOrigin: "*",
     isExpectedMessage: (event) => event.source === window.parent,
-    outgoingMethods: canopyToWebsiteBuilderMethodConfig,
-    incomingMethods: websiteBuilderToCanopyMethodConfig,
+    outgoingMethods: previewIframeToWebsiteBuilderMethodConfig,
+    incomingMethods: websiteBuilderToPreviewIframeMethodConfig,
     handlers: {
       setDisplayMode: (input) => {
         messagingHandlers?.setDisplayMode(input);

package/select-mode/selectModeStore.d.ts

@@ -1,25 +1,20 @@
-import type { DisplayMode, SelectableData, SelectModeBoundingRect, SelectModeFormatCommand, SelectModeSelectionType } from "../_vendor/schemas/generated/selectMode";
+import type { DisplayMode, SelectableData, SelectModeBoundingRect, SelectModeFormatCommand, SelectModeSelectionType, SelectModeTiptapActiveMarks } from "../_vendor/schemas/generated/selectMode";
 import type { InlineEditFeedback } from "../_vendor/schemas/generated/selectModeIframeRpc";
 import type { DragCandidate } from "./interactions/selectionGeometry";
 import type { SelectionFrameSpec } from "./selectionFrame";
 import type { SelectModeInteractionSession } from "./selectModeSession";
 import type { InlineTiptapEditor } from "./tiptapInlineEditor";
-export type ActiveMarks = {
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-    strike: boolean;
-};
-export declare const EMPTY_ACTIVE_MARKS: ActiveMarks;
-type InlineEditRequest = {
+export declare const EMPTY_ACTIVE_MARKS: SelectModeTiptapActiveMarks;
+type InlineEditDraft = {
     status: "pending";
     editId: string;
     element: HTMLElement;
     timeout: number;
-    stopFeedback: () => void;
 } | {
     status: Exclude<InlineEditFeedback["status"], "pending">;
     element: HTMLElement;
+};
+type InlineEditRequest = InlineEditDraft & {
     stopFeedback: () => void;
 };
 type LastClick = {
@@ -52,7 +47,7 @@ interface SelectModeStoreState {
     initialHTML: string | null;
     isCommitting: boolean;
     beginEditingAt: number;
-    activeMarks: ActiveMarks;
+    activeMarks: SelectModeTiptapActiveMarks;
     actions: {
         reset: () => void;
         setDisplayMode: (displayMode: DisplayMode) => void;

package/select-mode/selectModeStore.js

@@ -12,10 +12,7 @@ import {
 import { reportInlineEditFeedback } from "./inlineEditFeedback";
 import { getDocumentScrollOffset } from "./interactions/selectionGeometry";
 import { isTextEditableElement } from "./isTextEditableElement";
-import {
-  getAreaSelectionFrameSpecs,
-  getElementSelectionFrameSpecs
-} from "./selectionFrame";
+import { getSelectionFrameSpecs } from "./selectionFrame";
 import { getConnectedSelectedElement, IDLE_SESSION } from "./selectModeSession";
 import {
   isUserSourceLocation,
@@ -405,17 +402,19 @@ const selectModeStore = createShallowStore(
         },
         showElementSelectionFrames: ({ elements, scrollOffset }) => {
           set({
-            selectionFrames: getElementSelectionFrameSpecs({
+            selectionFrames: getSelectionFrameSpecs({
               elements,
-              scrollOffset
+              scrollOffset,
+              variant: "element"
             })
           });
         },
         showAreaSelectionFrames: ({ elements, scrollOffset }) => {
           set({
-            selectionFrames: getAreaSelectionFrameSpecs({
+            selectionFrames: getSelectionFrameSpecs({
               elements,
-              scrollOffset
+              scrollOffset,
+              variant: "area"
             })
           });
         },

package/select-mode/selectionFrame.d.ts

@@ -12,17 +12,11 @@ export type SelectionFrameSpec = {
     pageRect: SelectionFramePageRect;
     variant: SelectionFrameVariant;
 };
-export declare function getElementSelectionFrameSpecs({ elements, scrollOffset, }: {
-    elements: Element[];
-    scrollOffset: {
-        left: number;
-        top: number;
-    };
-}): SelectionFrameSpec[];
-export declare function getAreaSelectionFrameSpecs({ elements, scrollOffset, }: {
+export declare function getSelectionFrameSpecs({ elements, scrollOffset, variant, }: {
     elements: Element[];
     scrollOffset: {
         left: number;
         top: number;
     };
+    variant: SelectionFrameVariant;
 }): SelectionFrameSpec[];

package/select-mode/selectionFrame.js

@@ -1,7 +1,7 @@
 const SELECTION_FRAMES_CONTAINER_ID = "replo-select-mode-selection-frames";
 const SELECTION_FRAME_BORDER_HEX = "#c026d3";
 const SELECTION_FRAME_EDITING_BORDER_HEX = "#e879f9";
-function getFrameSpecs({
+function getSelectionFrameSpecs({
   elements,
   scrollOffset,
   variant
@@ -19,22 +19,9 @@ function getFrameSpecs({
     };
   });
 }
-function getElementSelectionFrameSpecs({
-  elements,
-  scrollOffset
-}) {
-  return getFrameSpecs({ elements, scrollOffset, variant: "element" });
-}
-function getAreaSelectionFrameSpecs({
-  elements,
-  scrollOffset
-}) {
-  return getFrameSpecs({ elements, scrollOffset, variant: "area" });
-}
 export {
   SELECTION_FRAMES_CONTAINER_ID,
   SELECTION_FRAME_BORDER_HEX,
   SELECTION_FRAME_EDITING_BORDER_HEX,
-  getAreaSelectionFrameSpecs,
-  getElementSelectionFrameSpecs
+  getSelectionFrameSpecs
 };