@replohq/sandbox-runtime 1.10.2 → 1.10.3

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -4,8 +4,8 @@ export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_ID: "replo:select-mode-ifram
 export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION: 1;
 export declare const inlineEditFeedbackSchema: z.ZodObject<{
     status: z.ZodEnum<{
-        unavailable: "unavailable";
         pending: "pending";
+        unavailable: "unavailable";
         failed: "failed";
     }>;
     rect: z.ZodObject<{
@@ -91,6 +91,10 @@ export declare const selectModeEventInputSchemas: {
                     previewUrl: z.ZodNullable<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            video: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -104,6 +108,7 @@ export declare const selectModeEventInputSchemas: {
                 raw: z.ZodString;
                 resolved: z.ZodString;
             }, z.core.$strip>>>;
+            authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             clickPosition: z.ZodObject<{
                 x: z.ZodNumber;
@@ -233,6 +238,10 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                     previewUrl: z.ZodNullable<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            video: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -246,6 +255,7 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                 raw: z.ZodString;
                 resolved: z.ZodString;
             }, z.core.$strip>>>;
+            authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             clickPosition: z.ZodObject<{
                 x: z.ZodNumber;
@@ -310,6 +320,10 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                     previewUrl: z.ZodNullable<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            video: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -323,6 +337,7 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                 raw: z.ZodString;
                 resolved: z.ZodString;
             }, z.core.$strip>>>;
+            authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             clickPosition: z.ZodObject<{
                 x: z.ZodNumber;
@@ -369,8 +384,8 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
             selectionType: z.ZodEnum<{
                 drag: "drag";
                 area: "area";
-                element: "element";
                 none: "none";
+                element: "element";
             }>;
             selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
         }, z.core.$strip>;
@@ -506,6 +521,10 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                         previewUrl: z.ZodNullable<z.ZodString>;
                     }, z.core.$strip>>;
                 }, z.core.$strip>>;
+                video: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -519,6 +538,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     raw: z.ZodString;
                     resolved: z.ZodString;
                 }, z.core.$strip>>>;
+                authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 clickPosition: z.ZodObject<{
                     x: z.ZodNumber;
@@ -601,6 +621,10 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                         previewUrl: z.ZodNullable<z.ZodString>;
                     }, z.core.$strip>>;
                 }, z.core.$strip>>;
+                video: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -614,6 +638,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     raw: z.ZodString;
                     resolved: z.ZodString;
                 }, z.core.$strip>>>;
+                authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 clickPosition: z.ZodObject<{
                     x: z.ZodNumber;
@@ -785,6 +810,10 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                         previewUrl: z.ZodNullable<z.ZodString>;
                     }, z.core.$strip>>;
                 }, z.core.$strip>>;
+                video: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -798,6 +827,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     raw: z.ZodString;
                     resolved: z.ZodString;
                 }, z.core.$strip>>>;
+                authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
                 clickPosition: z.ZodObject<{
                     x: z.ZodNumber;
@@ -852,8 +882,8 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
         inputSchema: z.ZodObject<{
             feedback: z.ZodNullable<z.ZodObject<{
                 status: z.ZodEnum<{
-                    unavailable: "unavailable";
                     pending: "pending";
+                    unavailable: "unavailable";
                     failed: "failed";
                 }>;
                 rect: z.ZodObject<{
@@ -912,8 +942,8 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         selectionType: z.ZodEnum<{
             drag: "drag";
             area: "area";
-            element: "element";
             none: "none";
+            element: "element";
         }>;
         selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
     }, z.core.$strip>;
@@ -1046,6 +1076,10 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                     previewUrl: z.ZodNullable<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            video: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -1059,6 +1093,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 raw: z.ZodString;
                 resolved: z.ZodString;
             }, z.core.$strip>>>;
+            authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             clickPosition: z.ZodObject<{
                 x: z.ZodNumber;
@@ -1225,6 +1260,10 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                     previewUrl: z.ZodNullable<z.ZodString>;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            video: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -1238,6 +1277,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 raw: z.ZodString;
                 resolved: z.ZodString;
             }, z.core.$strip>>>;
+            authoredStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
             clickPosition: z.ZodObject<{
                 x: z.ZodNumber;
@@ -1290,8 +1330,8 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     data: z.ZodObject<{
         feedback: z.ZodNullable<z.ZodObject<{
             status: z.ZodEnum<{
-                unavailable: "unavailable";
                 pending: "pending";
+                unavailable: "unavailable";
                 failed: "failed";
             }>;
             rect: z.ZodObject<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,5 +1,5 @@
-import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeHoverRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-NBVMONRN.mjs';
-import '../../chunk-JUKCUPQ6.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeHoverRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-KFJZ2OLV.mjs';
+import '../../chunk-PH3S6LJI.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
 import '../../chunk-G3S6ZNPF.mjs';

package/annotations/bridgeGate.d.ts

@@ -1,7 +1,2 @@
-/**
- * Origin gate for inbound editor-bridge messages, checked BEFORE any payload
- * parsing. The select-mode bridge predates this and validates payload shape
- * only; its hardening ticket is expected to adopt this helper.
- */
 export declare function isAllowedEditorOrigin(origin: string): boolean;
 export declare function isAllowedEditorMessage(event: MessageEvent): boolean;

package/annotations/bridgeGate.js

@@ -1,10 +1,11 @@
+import { isMiniappPreviewOrigin } from "../_vendor/replo-utils/lib/miniappPreview.mjs";
 const ALLOWED_EDITOR_ORIGIN_PATTERNS = [
   /^https?:\/\/localhost(?::\d+)?$/u,
   /^https:\/\/(?:[a-z0-9-]+\.)*replo\.app$/u,
   /^https:\/\/replo-[a-z0-9-]+\.ngrok\.app$/u
 ];
 function isAllowedEditorOrigin(origin) {
-  return ALLOWED_EDITOR_ORIGIN_PATTERNS.some((pattern) => pattern.test(origin));
+  return isMiniappPreviewOrigin(origin) || ALLOWED_EDITOR_ORIGIN_PATTERNS.some((pattern) => pattern.test(origin));
 }
 function isAllowedEditorMessage(event) {
   if (typeof window === "undefined" || window.self === window.top) {

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "branch": "HEAD",
-  "commit": "0253f4740d039112c72fe121bf18ea8b609af18b",
-  "builtAt": "2026-09-27T03:43:50.436Z"
+  "commit": "3a43b7ccb4b4143e6b0cbe1c5678c4702deb8b9d",
+  "builtAt": "2026-10-07T15:54:30.287Z"
 };

package/capturePage.d.ts

@@ -1,5 +1,11 @@
 export declare function parseYouTubeId(src: string): string | null;
 export declare function parseVimeoId(src: string): string | null;
+/** The srcset candidate a browser would pick for `width` CSS pixels. */
+export declare function pickSrcsetCandidate({ srcset, width, pixelRatio, }: {
+    srcset: string;
+    width: number;
+    pixelRatio: number;
+}): string | null;
 /**
  * Draws the page's first screen (from the document top, regardless of scroll)
  * into an exact width×height JPEG. Videos and YouTube/Vimeo embeds, which the

package/capturePage.js

@@ -7,6 +7,7 @@ const VIDEO_LOAD_TIMEOUT_MS = 4e3;
 const VIDEO_SEEK_TIMEOUT_MS = 1500;
 const PLACEHOLDER_BACKGROUND = "#d9d9d6";
 const IFRAME_PLACEHOLDER_MARKER = "repeating-linear-gradient(45deg";
+const CAPTURE_SRC_ATTRIBUTE = "data-replo-capture-src";
 const vimeoOembedSchema = z.object({ thumbnail_url: z.string() });
 function parseYouTubeId(src) {
   const match = src.match(
@@ -61,18 +62,96 @@ function videoFrameDataUrl(video) {
   context.drawImage(video, 0, 0);
   return canvas.toDataURL("image/jpeg", VIDEO_FRAME_QUALITY);
 }
-function isOnScreen({
-  element,
+function isInFirstScreen({
+  rect,
   height
 }) {
-  const rect = element.getBoundingClientRect();
-  return rect.bottom > 0 && rect.top < height && rect.width > 0;
+  const isRendered = rect.width > 0 || rect.height > 0;
+  const isInViewport = rect.bottom > 0 && rect.top < height;
+  return isRendered && (isInViewport || rect.top + window.scrollY < height);
+}
+function parseSrcset(srcset) {
+  const candidates = [];
+  const candidatePattern = /[\s,]*([^\s,][^\s]*)/y;
+  let position = 0;
+  while (position < srcset.length) {
+    candidatePattern.lastIndex = position;
+    const match = candidatePattern.exec(srcset);
+    if (!match?.[1]) {
+      break;
+    }
+    position = candidatePattern.lastIndex;
+    if (match[1].endsWith(",")) {
+      candidates.push({ url: match[1].replace(/,+$/, ""), descriptor: "" });
+      continue;
+    }
+    const commaIndex = srcset.indexOf(",", position);
+    const descriptorEnd = commaIndex === -1 ? srcset.length : commaIndex;
+    candidates.push({
+      url: match[1],
+      descriptor: srcset.slice(position, descriptorEnd).trim()
+    });
+    position = descriptorEnd + 1;
+  }
+  return candidates;
+}
+function pickSrcsetCandidate({
+  srcset,
+  width,
+  pixelRatio
+}) {
+  const candidates = parseSrcset(srcset).map(({ url, descriptor }) => {
+    const widthMatch = /^(\d+)w$/i.exec(descriptor);
+    if (widthMatch) {
+      return { url, density: Number(widthMatch[1]) / width };
+    }
+    const densityMatch = /^(\d*\.?\d+)x$/i.exec(descriptor);
+    return { url, density: densityMatch ? Number(densityMatch[1]) : 1 };
+  }).sort((left, right) => left.density - right.density);
+  const chosen = candidates.find((candidate) => candidate.density >= pixelRatio) ?? candidates.at(-1);
+  return chosen?.url ?? null;
+}
+const DECODABLE_IMAGE_TYPE = /^image\/(avif|webp|jpeg|png|gif|svg\+xml)$/i;
+function getActiveSrcset(image) {
+  if (image.parentElement?.tagName === "PICTURE") {
+    for (const source of image.parentElement.querySelectorAll(
+      ":scope > source[srcset]"
+    )) {
+      const media = source.getAttribute("media");
+      const type = source.getAttribute("type");
+      if (media && !window.matchMedia(media).matches) {
+        continue;
+      }
+      if (type && !DECODABLE_IMAGE_TYPE.test(type.trim())) {
+        continue;
+      }
+      return source.getAttribute("srcset");
+    }
+  }
+  return image.getAttribute("srcset");
+}
+function getRepairedSource({
+  image,
+  rect
+}) {
+  if (image.currentSrc) {
+    return null;
+  }
+  const srcset = getActiveSrcset(image);
+  if (!srcset) {
+    return null;
+  }
+  return pickSrcsetCandidate({
+    srcset,
+    width: rect.width || window.innerWidth,
+    pixelRatio: 1
+  });
 }
 async function readVideoFrame({
   video,
   height
 }) {
-  if (!isOnScreen({ element: video, height })) {
+  if (!isInFirstScreen({ rect: video.getBoundingClientRect(), height })) {
     return null;
   }
   if (video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && isCanvasReadable(video)) {
@@ -148,6 +227,20 @@ function createStandInsPlugin({
         return;
       }
       for (const image of clone.querySelectorAll("img")) {
+        const captureSrc = image.getAttribute(CAPTURE_SRC_ATTRIBUTE);
+        if (captureSrc) {
+          image.removeAttribute(CAPTURE_SRC_ATTRIBUTE);
+          image.removeAttribute("srcset");
+          image.removeAttribute("sizes");
+          image.setAttribute("src", captureSrc);
+          if (image.parentElement?.tagName === "PICTURE") {
+            for (const source of image.parentElement.querySelectorAll(
+              ":scope > source"
+            )) {
+              source.remove();
+            }
+          }
+        }
         const objectFit = objectFitByFrame.get(image.getAttribute("src") ?? "");
         if (objectFit) {
           image.style.objectFit = objectFit;
@@ -221,10 +314,25 @@ async function capturePage({
     video.setAttribute("poster", frame);
     objectFitByFrame.set(frame, getComputedStyle(video).objectFit);
   });
+  const offscreenImages = /* @__PURE__ */ new Set();
+  const repairedImages = [];
+  for (const image of document.querySelectorAll("img")) {
+    const rect = image.getBoundingClientRect();
+    if (!isInFirstScreen({ rect, height })) {
+      offscreenImages.add(image);
+      continue;
+    }
+    const repairedSource = getRepairedSource({ image, rect });
+    if (repairedSource) {
+      image.setAttribute(CAPTURE_SRC_ATTRIBUTE, repairedSource);
+      repairedImages.push(image);
+    }
+  }
   try {
     const raw = await snapdom.toRaw(document.body, {
       scale: 1,
       embedFonts: true,
+      exclude: (element) => offscreenImages.has(element),
       plugins: [createStandInsPlugin({ objectFitByFrame, iframeThumbnails })]
     });
     const image = new Image();
@@ -245,6 +353,9 @@ async function capturePage({
     context.drawImage(image, 0, 0);
     return await canvasToJpeg(canvas);
   } finally {
+    for (const image of repairedImages) {
+      image.removeAttribute(CAPTURE_SRC_ATTRIBUTE);
+    }
     for (const { video, poster } of originalPosters) {
       if (poster === null) {
         video.removeAttribute("poster");
@@ -257,5 +368,6 @@ async function capturePage({
 export {
   capturePage,
   parseVimeoId,
-  parseYouTubeId
+  parseYouTubeId,
+  pickSrcsetCandidate
 };

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

@@ -1,4 +1,4 @@
-import { exhaustiveSwitch } from './chunk-JUKCUPQ6.mjs';
+import { exhaustiveSwitch } from './chunk-PH3S6LJI.mjs';
 import { z } from 'zod';
 
 function parseJsonOrNull(json) {
@@ -120,6 +120,10 @@ var selectModeImageSchema = z.object({
   previewUrl: z.string().nullable(),
   sources: z.array(selectModeImageSourceSchema)
 }).describe("SelectModeImage");
+var selectModeVideoSchema = z.object({
+  src: z.string(),
+  currentSrc: z.string()
+}).describe("SelectModeVideo");
 var selectedElementSchema = z.object({
   kind: z.literal("react-element"),
   selector: z.string(),
@@ -132,7 +136,11 @@ var selectedElementSchema = z.object({
   textMetrics: selectModeTextMetricsSchema.nullable(),
   outerHTML: z.string(),
   image: selectModeImageSchema.optional(),
+  video: selectModeVideoSchema.optional(),
   definedStyles: z.array(selectModeDefinedStyleSchema).default([]),
+  authoredStyles: z.record(z.string(), z.string()).default({}).describe(
+    "Authored CSS value of the winning declaration per control property, custom properties expanded (e.g. 1.5rem for text-2xl at a wide viewport)."
+  ),
   inheritedStyles: z.record(z.string(), z.string()).default({}),
   clickPosition: selectModeClickPositionSchema,
   sourceLocation: selectModeSourceLocationSchema.optional(),
@@ -238,4 +246,4 @@ var selectModeSelectionSchema = z.discriminatedUnion("type", [
   })
 ]).describe("SelectModeSelection");
 
-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, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement };
+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 };

package/{chunk-JUKCUPQ6.mjs → chunk-PH3S6LJI.mjs}

@@ -1391,6 +1391,26 @@ function formatFileSize(byteCount, decimalPlaces = 0) {
 var sleep = async (ms) => {
   return await new Promise((resolve) => setTimeout(resolve, ms));
 };
+function sleepWithSignal({
+  delayMs,
+  signal
+}) {
+  if (signal === null) {
+    return sleep(delayMs);
+  }
+  signal.throwIfAborted();
+  return new Promise((resolve, reject) => {
+    const onAbort = () => {
+      clearTimeout(timeoutId);
+      reject(signal.reason);
+    };
+    const timeoutId = setTimeout(() => {
+      signal.removeEventListener("abort", onAbort);
+      resolve();
+    }, delayMs);
+    signal.addEventListener("abort", onAbort, { once: true });
+  });
+}
 function errorMessage(error) {
   if (error instanceof Error) {
     return error.message;
@@ -1402,4 +1422,4 @@ function errorMessage(error) {
   return String(error);
 }
 
-export { coerceNumberToString, deepCloneAndMergeReplacingArrays, errorMessage, exhaustiveSwitch, formatFileSize, getFromRecordOrNull, hasOwnProperty12 as hasOwnProperty, invariant, isEmpty2 as isEmpty, isFunction_default, isNotNullish, isNullish, isPrimitive, isString_default, mergeReplacingArrays, mergeReplacingObjects, noop, preventDefault, sleep, warning };
+export { coerceNumberToString, deepCloneAndMergeReplacingArrays, errorMessage, exhaustiveSwitch, formatFileSize, getFromRecordOrNull, hasOwnProperty12 as hasOwnProperty, invariant, isEmpty2 as isEmpty, isFunction_default, isNotNullish, isNullish, isPrimitive, isString_default, mergeReplacingArrays, mergeReplacingObjects, noop, preventDefault, sleep, sleepWithSignal, warning };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.10.2",
+    "version": "1.10.3",
     "branch": "HEAD",
-    "commit": "0253f4740d039112c72fe121bf18ea8b609af18b",
-    "builtAt": "2026-09-27T03:43:50.436Z"
+    "commit": "3a43b7ccb4b4143e6b0cbe1c5678c4702deb8b9d",
+    "builtAt": "2026-10-07T15:54:30.287Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/elementDescriptor.js

@@ -3,11 +3,12 @@ import {
   SELECT_MODE_SELECTABLE_ATTRIBUTE,
   SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE
 } from "../../_vendor/schemas/selectMode.mjs";
+import { z } from "zod";
 import { getFiberChain } from "../fiber";
 import { getImageDescriptor } from "../imageSources";
 import { skipInlineTextMarkElements } from "../inlineTextMarks";
 import { getElementBoundingRect } from "../interactions/selectionGeometry";
-import { getDefinedStyles, getInheritedStyles } from "./styleExtraction";
+import { getElementStyles, getInheritedStyles } from "./styleExtraction";
 const SECTION_SELECTOR = 'section, article, aside, [role="region"]';
 const SECTION_LABEL_LENGTH = 60;
 function normalizeSectionLabel(value) {
@@ -217,11 +218,13 @@ function buildElementDescriptor({
   if (selectableData) {
     return selectableData;
   }
+  const video = z.instanceof(HTMLVideoElement).safeParse(element);
   const textMetrics = getTextMetrics(element);
   const fiberChain = element instanceof HTMLElement ? getFiberChain(element) : [];
   const sourceLocation = fiberChain[0]?.sourceLocation;
   const trimmedText = getRenderedText(element);
   const sectionLabel = findSectionLabel(section);
+  const { definedStyles, authoredStyles } = getElementStyles(element);
   return {
     kind: "react-element",
     selector: buildSelector(element),
@@ -233,7 +236,12 @@ function buildElementDescriptor({
     textMetrics,
     outerHTML: element.outerHTML.slice(0, 4e3),
     image: getImageDescriptor(element),
-    definedStyles: getDefinedStyles(element),
+    video: video.success ? {
+      src: video.data.getAttribute("src") ?? "",
+      currentSrc: video.data.currentSrc
+    } : void 0,
+    definedStyles,
+    authoredStyles,
     inheritedStyles: getInheritedStyles(element),
     clickPosition,
     sourceLocation,

package/select-mode/descriptor/styleExtraction.d.ts

@@ -1,3 +1,7 @@
 import type { SelectModeDefinedStyle } from "../../_vendor/schemas/generated/selectMode";
+export declare function getElementStyles(element: Element): {
+    definedStyles: SelectModeDefinedStyle[];
+    authoredStyles: Record<string, string>;
+};
 export declare function getDefinedStyles(element: Element): SelectModeDefinedStyle[];
 export declare function getInheritedStyles(element: Element): Record<string, string>;