@replohq/sandbox-runtime 1.7.12 → 1.8.0

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -26,7 +26,155 @@ 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;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
+            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">;
@@ -50,6 +198,20 @@ export declare const websiteBuilderToCanopyMethodConfig: {
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -109,6 +271,20 @@ export declare const websiteBuilderToCanopyMethodConfig: {
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -179,6 +355,22 @@ export declare const websiteBuilderToCanopyMethodConfig: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;
             payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                kind: z.ZodLiteral<"image">;
+                image: z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>;
+            }, z.core.$strip>, z.ZodObject<{
                 kind: z.ZodLiteral<"css">;
                 fontSource: z.ZodOptional<z.ZodEnum<{
                     google: "google";
@@ -245,7 +437,7 @@ export declare const websiteBuilderToCanopyMethodConfig: {
         outputSchema: z.ZodVoid;
     };
 };
-export declare const canopyToWebsiteBuilderMethodConfig: {
+export declare const previewIframeToWebsiteBuilderMethodConfig: {
     requestInlineTextEdit: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;
@@ -271,6 +463,20 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -348,6 +554,20 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -513,6 +733,20 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -640,6 +874,22 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     data: z.ZodObject<{
         editId: z.ZodString;
         payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"image">;
+            image: z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>;
+        }, z.core.$strip>, z.ZodObject<{
             kind: z.ZodLiteral<"css">;
             fontSource: z.ZodOptional<z.ZodEnum<{
                 google: "google";
@@ -730,6 +980,20 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -890,6 +1154,20 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{

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-XWNBKE63.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/_vendor/schemas/selectModeImage.d.ts

@@ -0,0 +1,9 @@
+import type { SelectModeImage } from "./generated/selectMode";
+export declare function getImageEditSnapshot(image: SelectModeImage | undefined, baseURI?: string): {
+    previewUrl: string | null;
+    sources: {
+        media: string;
+        type: string;
+        previewUrl: string | null;
+    }[];
+} | null;

package/_vendor/schemas/selectModeImage.mjs

@@ -0,0 +1,24 @@
+function getImageEditSnapshot(image, baseURI) {
+  if (!image) return null;
+  const baseUrl = baseURI ?? (URL.canParse(image.currentSrc) ? image.currentSrc : "https://replo.invalid");
+  const normalizeUrl = (url) => {
+    if (!url) return url;
+    try {
+      const parsed = new URL(url, baseUrl);
+      const original = parsed.pathname.endsWith("/_next/image") ? parsed.searchParams.get("url") : null;
+      return original ? new URL(original, parsed).href : parsed.href;
+    } catch {
+      return url;
+    }
+  };
+  return {
+    previewUrl: normalizeUrl(image.previewUrl),
+    sources: image.sources.map(({ media, type, previewUrl }) => ({
+      media,
+      type,
+      previewUrl: normalizeUrl(previewUrl)
+    }))
+  };
+}
+
+export { getImageEditSnapshot };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.12",
+  "version": "1.8.0",
   "branch": "HEAD",
-  "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
-  "builtAt": "2026-09-22T04:29:15.711Z"
+  "commit": "6ad933540e110b76d214b8700e7a356a551c869a",
+  "builtAt": "2026-09-24T18:57:19.451Z"
 };

package/{chunk-4T7WSMC3.mjs → chunk-XWNBKE63.mjs}

@@ -100,6 +100,25 @@ function getIframeOffset(iframe) {
   const iframeRect = iframe.getBoundingClientRect();
   return { left: iframeRect.left, top: iframeRect.top };
 }
+var selectModeImageScopeSchema = z.discriminatedUnion("kind", [
+  z.object({ kind: z.literal("all") }),
+  z.object({ kind: z.literal("media"), media: z.string() })
+]).describe("SelectModeImageScope");
+var selectModeImageSourceSchema = z.object({
+  srcSet: z.string(),
+  sizes: z.string(),
+  media: z.string(),
+  type: z.string(),
+  previewUrl: z.string().nullable()
+}).describe("SelectModeImageSource");
+var selectModeImageSchema = z.object({
+  src: z.string(),
+  currentSrc: z.string(),
+  srcSet: z.string(),
+  sizes: z.string(),
+  previewUrl: z.string().nullable(),
+  sources: z.array(selectModeImageSourceSchema)
+}).describe("SelectModeImage");
 var selectedElementSchema = z.object({
   kind: z.literal("react-element"),
   selector: z.string(),
@@ -109,6 +128,7 @@ var selectedElementSchema = z.object({
   rect: selectModeBoundingRectSchema,
   textMetrics: selectModeTextMetricsSchema.nullable(),
   outerHTML: z.string(),
+  image: selectModeImageSchema.optional(),
   definedStyles: z.array(selectModeDefinedStyleSchema).default([]),
   inheritedStyles: z.record(z.string(), z.string()).default({}),
   clickPosition: selectModeClickPositionSchema,
@@ -166,6 +186,10 @@ function readSelectablePayload(rawPayload) {
   return parseSchemaOrNull(parsedPayload, selectableDataPayloadSchema);
 }
 var selectModeOptimisticUpdatePayloadSchema = z.discriminatedUnion("kind", [
+  z.object({
+    kind: z.literal("image"),
+    image: selectModeImageSchema
+  }),
   z.object({
     kind: z.literal("css"),
     fontSource: z.enum(["google", "site"]).optional(),
@@ -208,4 +232,4 @@ var selectModeSelectionSchema = z.discriminatedUnion("type", [
   })
 ]).describe("SelectModeSelection");
 
-export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement };
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.7.12",
+  "version": "1.8.0",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.7.12",
+    "version": "1.8.0",
     "branch": "HEAD",
-    "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
-    "builtAt": "2026-09-22T04:29:15.711Z"
+    "commit": "6ad933540e110b76d214b8700e7a356a551c869a",
+    "builtAt": "2026-09-24T18:57:19.451Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/elementDescriptor.js

@@ -4,6 +4,7 @@ import {
   SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE
 } from "../../_vendor/schemas/selectMode.mjs";
 import { getFiberChain } from "../fiber";
+import { getImageDescriptor } from "../imageSources";
 import { skipInlineTextMarkElements } from "../inlineTextMarks";
 import { getElementBoundingRect } from "../interactions/selectionGeometry";
 import { getDefinedStyles, getInheritedStyles } from "./styleExtraction";
@@ -185,6 +186,7 @@ function buildElementDescriptor({
     rect: getElementBoundingRect(element),
     textMetrics,
     outerHTML: element.outerHTML.slice(0, 4e3),
+    image: getImageDescriptor(element),
     definedStyles: getDefinedStyles(element),
     inheritedStyles: getInheritedStyles(element),
     clickPosition,