@replohq/sandbox-runtime 1.15.0 → 1.16.1

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

@@ -26,6 +26,21 @@ export declare const deepEqual: typeof dequalLite;
  * @returns A new object without the specified keys
  */
 export declare function omit<ObjectType extends Record<string, any>, KeyType extends keyof ObjectType>(obj: ObjectType, keysToOmit: KeyType[]): Omit<ObjectType, KeyType>;
-export declare function filterUndefined<ObjectType extends Record<string, unknown>>(data: ObjectType): Partial<ObjectType>;
+/**
+ * `ObjectType` with every key that can hold `undefined` made optional and
+ * `undefined` removed from its value type. Keys that can't be `undefined`
+ * stay required.
+ */
+export type WithoutUndefined<ObjectType> = {
+    [Key in keyof ObjectType as undefined extends ObjectType[Key] ? never : Key]: ObjectType[Key];
+} & {
+    [Key in keyof ObjectType as undefined extends ObjectType[Key] ? Key : never]?: Exclude<ObjectType[Key], undefined>;
+};
+/**
+ * Copies `data` without its `undefined`-valued own keys. A plain loop rather
+ * than lodash `pickBy`: this ships in the published SDK, and `pickBy` drags in
+ * lodash's iteratee-shorthand machinery (~6 KB gzipped) for a one-line check.
+ */
+export declare function filterUndefined<ObjectType extends Record<string, unknown>>(data: ObjectType): WithoutUndefined<ObjectType>;
 export declare function toNullableIfDefined<ValueType>(value: ValueType | undefined): ValueType | null | undefined;
 export {};

package/_vendor/schemas/componentPreview.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export declare const MAX_COMPONENT_PREVIEW_PROPS_BYTES: number;
 export declare const componentPreviewPropNameSchema: z.ZodString;
 export declare const componentPreviewPropsSchema: z.ZodRecord<z.ZodString, z.ZodJSONSchema>;

package/_vendor/schemas/componentPreview.mjs

@@ -1,4 +1,4 @@
-import { z } from 'zod';
+import * as z2 from 'zod';
 
 var DATA_LOADER_KEYS = {
   SHOPIFY_INTEGRATION_DETAILS: "shopify_storefront.integration_details",
@@ -28,52 +28,52 @@ var DATA_LOADER_KEYS = {
   CONTENTFUL_ENTRY: "contentful.entry",
   CONTENTFUL_ENTRIES: "contentful.entries"
 };
-z.enum(Object.values(DATA_LOADER_KEYS));
+z2.enum(Object.values(DATA_LOADER_KEYS));
 
 var MAX_COMPONENT_PREVIEW_PROPS_BYTES = 16 * 1024;
-var componentPreviewPropNameSchema = z.string().min(1).max(80).regex(/^[A-Za-z_$][\w$]*$/u).refine((name) => {
+var componentPreviewPropNameSchema = z2.string().min(1).max(80).regex(/^[A-Za-z_$][\w$]*$/u).refine((name) => {
   return !["__proto__", "constructor", "dangerouslySetInnerHTML"].includes(
     name
   );
 }, "Unsafe prop name");
-var componentPreviewPropsSchema = z.record(
+var componentPreviewPropsSchema = z2.record(
   componentPreviewPropNameSchema,
-  z.json()
+  z2.json()
 );
 var COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID = "replo:component-preview-iframe-rpc";
 var COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION = 2;
 var COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM = "reploParentOrigin";
 var websiteBuilderToComponentPreviewMethodConfig = {
   setProps: {
-    inputSchema: z.object({
+    inputSchema: z2.object({
       props: componentPreviewPropsSchema,
-      sourceRevision: z.string().min(1)
+      sourceRevision: z2.string().min(1)
     }),
-    outputSchema: z.object({
-      mode: z.enum(["client", "navigation", "unchanged"])
+    outputSchema: z2.object({
+      mode: z2.enum(["client", "navigation", "unchanged"])
     }),
     timeoutMs: 1e4
   }
 };
 var componentPreviewToWebsiteBuilderMethodConfig = {
   contentBoundsChanged: {
-    inputSchema: z.object({
-      height: z.number().finite().min(0).max(1e5)
+    inputSchema: z2.object({
+      height: z2.number().finite().min(0).max(1e5)
     }),
-    outputSchema: z.void()
+    outputSchema: z2.void()
   },
   iframeReady: {
-    inputSchema: z.undefined(),
-    outputSchema: z.void()
+    inputSchema: z2.undefined(),
+    outputSchema: z2.void()
   }
 };
-var componentPreviewProductReferenceSchema = z.object({
-  type: z.literal("product"),
-  loaderKey: z.enum([
+var componentPreviewProductReferenceSchema = z2.object({
+  type: z2.literal("product"),
+  loaderKey: z2.enum([
     DATA_LOADER_KEYS.SHOPIFY_PRODUCT,
     DATA_LOADER_KEYS.REPLO_PRODUCT
   ]),
-  productId: z.string().min(1)
+  productId: z2.string().min(1)
 }).strict().describe("ComponentPreviewProductReference");
 
 export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewToWebsiteBuilderMethodConfig, websiteBuilderToComponentPreviewMethodConfig };

package/_vendor/schemas/designLibrary.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export declare const savedColorStyleSchema: z.ZodObject<{
     type: z.ZodLiteral<"color">;
     name: z.ZodString;

package/_vendor/schemas/designLibrary.mjs

@@ -1,6 +1,6 @@
-import { z } from 'zod';
+import * as z2 from 'zod';
 
-var colorTypeSchema = z.enum([
+var colorTypeSchema = z2.enum([
   "basic",
   "foregroundPrimary",
   "foregroundSecondary",
@@ -9,12 +9,12 @@ var colorTypeSchema = z.enum([
   "backgroundSecondary",
   "backgroundTertiary"
 ]).describe("SavedStyleColorType");
-var savedStyleColorAttributesSchema = z.object({
-  type: z.literal("color"),
-  color: z.string(),
+var savedStyleColorAttributesSchema = z2.object({
+  type: z2.literal("color"),
+  color: z2.string(),
   colorType: colorTypeSchema
 }).describe("SavedStyleColorAttributes");
-var savedStyleTextHtmlTagSchema = z.enum([
+var savedStyleTextHtmlTagSchema = z2.enum([
   "h1",
   "h2",
   "h3",
@@ -23,13 +23,13 @@ var savedStyleTextHtmlTagSchema = z.enum([
   "h6",
   "p"
 ]);
-var savedStyleTextAttributesSchema = z.object({
-  type: z.literal("text"),
+var savedStyleTextAttributesSchema = z2.object({
+  type: z2.literal("text"),
   htmlTag: savedStyleTextHtmlTagSchema,
-  color: z.string().optional(),
-  fontFamily: z.string().nullish(),
-  fontSize: z.string().optional(),
-  fontWeight: z.enum([
+  color: z2.string().optional(),
+  fontFamily: z2.string().nullish(),
+  fontSize: z2.string().optional(),
+  fontWeight: z2.enum([
     "100",
     "200",
     "300",
@@ -41,91 +41,91 @@ var savedStyleTextAttributesSchema = z.object({
     "900",
     "950"
   ]).optional(),
-  letterSpacing: z.string().optional(),
-  lineHeight: z.string().optional(),
-  textAlign: z.enum(["left", "center", "right"]).optional(),
-  textDecoration: z.enum(["underline", "line-through", "italic", "none"]).optional(),
-  textShadow: z.string().optional(),
-  textStroke: z.string().optional(),
-  textTransform: z.enum(["lowercase", "uppercase", "capitalize", "none"]).optional()
+  letterSpacing: z2.string().optional(),
+  lineHeight: z2.string().optional(),
+  textAlign: z2.enum(["left", "center", "right"]).optional(),
+  textDecoration: z2.enum(["underline", "line-through", "italic", "none"]).optional(),
+  textShadow: z2.string().optional(),
+  textStroke: z2.string().optional(),
+  textTransform: z2.enum(["lowercase", "uppercase", "capitalize", "none"]).optional()
 }).describe("SavedStyleTextAttributes");
-z.discriminatedUnion("type", [
+z2.discriminatedUnion("type", [
   savedStyleColorAttributesSchema,
   savedStyleTextAttributesSchema
 ]).describe("SavedStyleAttributes");
 
-var savedColorStyleSchema = z.object({
-  type: z.literal("color"),
-  name: z.string(),
+var savedColorStyleSchema = z2.object({
+  type: z2.literal("color"),
+  name: z2.string(),
   attributes: savedStyleColorAttributesSchema,
-  optionalUsageGuidelines: z.string().nullish(),
-  deletedAt: z.coerce.date().nullish(),
-  isPrimary: z.boolean().optional()
+  optionalUsageGuidelines: z2.string().nullish(),
+  deletedAt: z2.coerce.date().nullish(),
+  isPrimary: z2.boolean().optional()
 }).describe("SavedColorStyle");
-var savedTextStyleSchema = z.object({
-  type: z.literal("text"),
-  name: z.string(),
+var savedTextStyleSchema = z2.object({
+  type: z2.literal("text"),
+  name: z2.string(),
   attributes: savedStyleTextAttributesSchema,
-  optionalUsageGuidelines: z.string().nullish(),
-  deletedAt: z.coerce.date().nullish(),
-  isPrimary: z.boolean().optional()
+  optionalUsageGuidelines: z2.string().nullish(),
+  deletedAt: z2.coerce.date().nullish(),
+  isPrimary: z2.boolean().optional()
 }).describe("SavedTextStyle");
-var designLibrarySavedStylesSchema = z.record(z.string(), z.union([savedColorStyleSchema, savedTextStyleSchema])).describe("DesignLibrarySavedStylesMapping");
-var designLibrarySchema = z.object({
-  id: z.uuid(),
-  createdAt: z.date(),
-  updatedAt: z.date(),
-  deletedAt: z.coerce.date().nullish(),
+var designLibrarySavedStylesSchema = z2.record(z2.string(), z2.union([savedColorStyleSchema, savedTextStyleSchema])).describe("DesignLibrarySavedStylesMapping");
+var designLibrarySchema = z2.object({
+  id: z2.uuid(),
+  createdAt: z2.date(),
+  updatedAt: z2.date(),
+  deletedAt: z2.coerce.date().nullish(),
   savedStyles: designLibrarySavedStylesSchema
 }).describe("DesignLibrary");
-var designLibrarySavedStyleMetadataSchema = z.object({
-  library: z.record(
-    z.string(),
-    z.object({
+var designLibrarySavedStyleMetadataSchema = z2.object({
+  library: z2.record(
+    z2.string(),
+    z2.object({
       styles: designLibrarySavedStylesSchema
     })
   )
 }).describe("DesignLibrarySavedStyleMetadata");
-var globalsCssTokenSchema = z.object({
-  name: z.string(),
-  value: z.string()
+var globalsCssTokenSchema = z2.object({
+  name: z2.string(),
+  value: z2.string()
 }).describe("GlobalsCssToken");
-var globalsCssScopeSchema = z.object({
-  selector: z.string(),
-  tokens: z.array(globalsCssTokenSchema)
+var globalsCssScopeSchema = z2.object({
+  selector: z2.string(),
+  tokens: z2.array(globalsCssTokenSchema)
 }).describe("GlobalsCssScope");
-var globalsCssSnapshotSchema = z.object({
-  scopes: z.array(globalsCssScopeSchema)
+var globalsCssSnapshotSchema = z2.object({
+  scopes: z2.array(globalsCssScopeSchema)
 }).describe("GlobalsCssSnapshot");
-var siteFontRoleSchema = z.object({
-  role: z.string(),
-  family: z.string().nullable(),
-  cssVar: z.string().nullable(),
-  rawValue: z.string()
+var siteFontRoleSchema = z2.object({
+  role: z2.string(),
+  family: z2.string().nullable(),
+  cssVar: z2.string().nullable(),
+  rawValue: z2.string()
 }).describe("SiteFontRole");
-var siteFontsSnapshotSchema = z.object({
-  roles: z.array(siteFontRoleSchema),
-  defaultRole: z.string().nullable()
+var siteFontsSnapshotSchema = z2.object({
+  roles: z2.array(siteFontRoleSchema),
+  defaultRole: z2.string().nullable()
 }).describe("SiteFontsSnapshot");
-var siteDesignLibraryStateSchema = z.object({
-  siteId: z.uuid(),
+var siteDesignLibraryStateSchema = z2.object({
+  siteId: z2.uuid(),
   globalsCss: globalsCssSnapshotSchema.nullable(),
   fonts: siteFontsSnapshotSchema.nullable(),
-  isLoading: z.boolean(),
-  error: z.string().nullable()
+  isLoading: z2.boolean(),
+  error: z2.string().nullable()
 }).describe("SiteDesignLibraryState");
 var DESIGN_LIBRARY_PREVIEW_MESSAGE_TYPE = "replo:design-library:applyOverrides";
-var designLibraryPreviewFontSchema = z.object({
-  family: z.string(),
-  cssVar: z.string(),
-  faceUrl: z.string().optional(),
-  format: z.string().optional()
+var designLibraryPreviewFontSchema = z2.object({
+  family: z2.string(),
+  cssVar: z2.string(),
+  faceUrl: z2.string().optional(),
+  format: z2.string().optional()
 }).describe("DesignLibraryPreviewFont");
-var designLibraryPreviewMessageSchema = z.object({
-  type: z.literal(DESIGN_LIBRARY_PREVIEW_MESSAGE_TYPE),
-  cssVars: z.record(z.string(), z.string()),
-  fonts: z.array(designLibraryPreviewFontSchema),
-  defaultFontCssVar: z.string().nullable()
+var designLibraryPreviewMessageSchema = z2.object({
+  type: z2.literal(DESIGN_LIBRARY_PREVIEW_MESSAGE_TYPE),
+  cssVars: z2.record(z2.string(), z2.string()),
+  fonts: z2.array(designLibraryPreviewFontSchema),
+  defaultFontCssVar: z2.string().nullable()
 }).describe("DesignLibraryPreviewMessage");
 
 export { DESIGN_LIBRARY_PREVIEW_MESSAGE_TYPE, designLibraryPreviewFontSchema, designLibraryPreviewMessageSchema, designLibrarySavedStyleMetadataSchema, designLibrarySavedStylesSchema, designLibrarySchema, globalsCssScopeSchema, globalsCssSnapshotSchema, globalsCssTokenSchema, savedColorStyleSchema, savedTextStyleSchema, siteDesignLibraryStateSchema, siteFontRoleSchema, siteFontsSnapshotSchema };

package/_vendor/schemas/errors.d.ts

@@ -1,5 +1,5 @@
 import type { ErrorUserFacingDetails, ErrorUserFacingDetailsWithMessage } from "./generated/errors";
-import { z, ZodError } from "zod";
+import * as z from "zod";
 /**
  * Config to use for any standard error we throw in Replo
  */
@@ -485,6 +485,6 @@ export declare class IframeRpcChannelConfigurationError extends IframeRpcChannel
 export declare class IframeRpcChannelInvalidInputError extends IframeRpcChannelError {
     constructor({ method, cause }: {
         method: string;
-        cause: ZodError;
+        cause: z.ZodError;
     });
 }

package/_vendor/schemas/iframeRpcChannel.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export type IframeRpcChannelMethodConfig = Record<string, {
     inputSchema: z.ZodType;
     outputSchema: z.ZodType;

package/_vendor/schemas/iframeRpcChannel.mjs

@@ -3,7 +3,7 @@ import { isNullish } from '../../chunk-PH3S6LJI.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
 import '../../chunk-G3S6ZNPF.mjs';
-import { z } from 'zod';
+import * as z from 'zod';
 
 var defaultLogger = {
   info: console.log,
@@ -387,6 +387,12 @@ function createIframeRpcChannel(options) {
       return;
     }
     if (!isExpectedMessage(event)) {
+      const isSiblingFrame = typeof document !== "undefined" && Array.from(document.querySelectorAll("iframe")).some((frame) => {
+        return event.source !== null && frame.contentWindow === event.source;
+      });
+      if (isSiblingFrame) {
+        return;
+      }
       defaultLogger.error("[iframeRpcChannel] Dropping unexpected message", {
         channelIdentifier,
         version,

package/_vendor/schemas/loaderKeys.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 /**
  * Shared data-loader key constants. Both the integration registry and the
  * dependency resolver import from here so the strings are never duplicated.

package/_vendor/schemas/pageAnnotations.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export declare const PAGE_ANNOTATIONS_PROTOCOL_VERSION = 1;
 export declare const pageAnnotationColorSchema: z.ZodEnum<{
     red: "red";

package/_vendor/schemas/pageAnnotations.mjs

@@ -1,4 +1,4 @@
-import { z } from 'zod';
+import * as z from 'zod';
 
 var PAGE_ANNOTATIONS_PROTOCOL_VERSION = 1;
 var pageAnnotationColorSchema = z.enum(["red", "purple", "amber"]).describe("PageAnnotationColor");

package/_vendor/schemas/savedStyles.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export declare const colorTypeSchema: z.ZodEnum<{
     basic: "basic";
     foregroundPrimary: "foregroundPrimary";

package/_vendor/schemas/selectMode.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 export declare const SELECT_MODE_SELECTABLE_ATTRIBUTE = "data-replo-selectable";
 export declare const SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE = "data-replo-selectable-payload";
 export declare const displayModeSchema: z.ZodEnum<{

package/_vendor/schemas/selectMode.mjs

@@ -1,4 +1,4 @@
-export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectModeVideoSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-KFJZ2OLV.mjs';
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectModeVideoSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-TP4ZXK4R.mjs';
 import '../../chunk-PH3S6LJI.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -1,5 +1,5 @@
 import type { SelectModeIframeMessage, SelectModeParentMessage } from "./generated/selectModeIframeRpc";
-import { z } from "zod";
+import * as z from "zod";
 export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_ID: "replo:select-mode-iframe-rpc";
 export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION: 1;
 export declare const inlineEditFeedbackSchema: z.ZodObject<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,9 +1,9 @@
-import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeHoverRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-KFJZ2OLV.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeHoverRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-TP4ZXK4R.mjs';
 import '../../chunk-PH3S6LJI.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
 import '../../chunk-G3S6ZNPF.mjs';
-import { z } from 'zod';
+import * as z from 'zod';
 
 var SELECT_MODE_IFRAME_RPC_CHANNEL_ID = "replo:select-mode-iframe-rpc";
 var SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION = 1;

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "branch": "HEAD",
-  "commit": "bd37110ed5ca1a7902f9975bafa8169dd3bd3068",
-  "builtAt": "2026-10-17T07:52:13.118Z"
+  "commit": "829bdb2d651053b102e8afdb7bc0ed13022a1833",
+  "builtAt": "2026-10-19T22:00:45.884Z"
 };

package/capturePage.js

@@ -1,6 +1,6 @@
 import { snapdom } from "@zumer/snapdom";
 import { PageCaptureError } from "./_vendor/replo-utils/lib/pageCapture.mjs";
-import { z } from "zod";
+import * as z from "zod";
 const JPEG_QUALITY = 0.8;
 const VIDEO_FRAME_QUALITY = 0.85;
 const VIDEO_LOAD_TIMEOUT_MS = 4e3;

package/{chunk-KFJZ2OLV.mjs → chunk-TP4ZXK4R.mjs}

@@ -1,5 +1,5 @@
 import { exhaustiveSwitch } from './chunk-PH3S6LJI.mjs';
-import { z } from 'zod';
+import * as z from 'zod';
 
 function parseJsonOrNull(json) {
   try {

package/next/config.js

@@ -4,6 +4,8 @@ const DEFAULT_PAGE_EXTENSIONS = ["tsx", "ts", "jsx", "js"];
 const DEVELOPMENT_ONLY_PAGE_EXTENSIONS = ["dev.jsx", "dev.tsx"];
 const BUILD_ONLY_PAGE_EXTENSIONS = ["published.tsx"];
 const PUBLISH_TSCONFIG_FILENAME = "tsconfig.publish.json";
+const PLATFORM_DEVICE_SIZES = [640, 828, 1080, 1200, 1920, 2048, 3840];
+const PLATFORM_IMAGE_SIZES = [32, 48, 96, 128, 256, 384];
 function getPageExtensions(configuredExtensions) {
   const baseExtensions = (configuredExtensions ?? DEFAULT_PAGE_EXTENSIONS).filter((extension) => {
     return !DEVELOPMENT_ONLY_PAGE_EXTENSIONS.includes(extension) && !BUILD_ONLY_PAGE_EXTENSIONS.includes(extension);
@@ -21,7 +23,12 @@ function withComponentPreviewPageExtension(config) {
   return {
     ...config,
     pageExtensions: getPageExtensions(config.pageExtensions),
-    typescript: getTypescriptConfig(config.typescript)
+    typescript: getTypescriptConfig(config.typescript),
+    images: {
+      ...config.images,
+      deviceSizes: config.images?.deviceSizes ?? PLATFORM_DEVICE_SIZES,
+      imageSizes: config.images?.imageSizes ?? PLATFORM_IMAGE_SIZES
+    }
   };
 }
 export {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.15.0",
+    "version": "1.16.1",
     "branch": "HEAD",
-    "commit": "bd37110ed5ca1a7902f9975bafa8169dd3bd3068",
-    "builtAt": "2026-10-17T07:52:13.118Z"
+    "commit": "829bdb2d651053b102e8afdb7bc0ed13022a1833",
+    "builtAt": "2026-10-19T22:00:45.884Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/elementDescriptor.js

@@ -3,7 +3,7 @@ import {
   SELECT_MODE_SELECTABLE_ATTRIBUTE,
   SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE
 } from "../../_vendor/schemas/selectMode.mjs";
-import { z } from "zod";
+import * as z from "zod";
 import { getFiberChain } from "../fiber";
 import { getImageDescriptor } from "../imageSources";
 import { skipInlineTextMarkElements } from "../inlineTextMarks";

package/select-mode/fiber.js

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import * as z from "zod";
 const MAX_FIBER_CHAIN_DEPTH = 80;
 const MAX_SERIALIZED_PROP_COUNT = 24;
 const MAX_SERIALIZED_STRING_LENGTH = 500;

package/select-mode/hooks/useOptimisticOverrides.js

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
 import { buildGoogleFontsCssUrl, quoteFontFamily } from "../../_vendor/replo-utils/lib/fonts.mjs";
-import { z } from "zod";
+import * as z from "zod";
 import { buildSelector } from "../descriptor/elementDescriptor";
 import { createImagePreview } from "../imageOverridePreview";
 import {

package/select-mode/hooks/useParentMessaging.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo } from "react";
 import { useIframeRpcChannel } from "../../_vendor/replo-utils/react/use-iframe-rpc-channel.mjs";
 import { iframeRuntimeBuildMetadataSchema } from "../../_vendor/schemas/selectModeIframeRpc.mjs";
-import { z } from "zod";
+import * as z from "zod";
 import { BUILD_METADATA } from "../../buildMetadata";
 import {
   getSelectModeIframeRpcChannel,