@replohq/sandbox-runtime 1.24.5 → 1.24.7

package/PagePreviewHeightResponder.js

@@ -21,20 +21,6 @@ function startResponder() {
     if (!parentOrigin) {
       return;
     }
-    awaitingMeasurement = false;
-    if (!reportedHeight) {
-      const pendingImages = Array.from(document.images).filter(
-        (image) => !image.complete
-      );
-      for (const image of pendingImages) {
-        if (image.loading === "lazy") {
-          image.loading = "eager";
-        }
-      }
-      if (pendingImages.length) {
-        return;
-      }
-    }
     const body = document.body;
     pinPreviewViewportUnits({
       width: window.innerWidth,
@@ -51,6 +37,7 @@ function startResponder() {
       )
     );
     baselineRootHeight = getComputedStyle(document.documentElement).height;
+    awaitingMeasurement = false;
     if (height > 0) {
       reportedHeight = height;
       window.parent.postMessage(
@@ -104,10 +91,6 @@ function startResponder() {
     if (!parentOrigin || awaitingMeasurement) {
       return;
     }
-    if (!reportedHeight) {
-      schedule();
-      return;
-    }
     cancelAnimationFrame(scheduledFrame);
     scheduledFrame = requestAnimationFrame(() => {
       scheduledFrame = 0;
@@ -152,7 +135,6 @@ function startResponder() {
     document.addEventListener(event, measureInteraction, true);
   }
   document.addEventListener("load", schedule, true);
-  document.addEventListener("error", schedule, true);
   document.addEventListener("toggle", schedule, true);
   return () => {
     cancelAnimationFrame(scheduledFrame);
@@ -163,7 +145,6 @@ function startResponder() {
     mutations.disconnect();
     window.removeEventListener("message", receive);
     document.removeEventListener("load", schedule, true);
-    document.removeEventListener("error", schedule, true);
     document.removeEventListener("toggle", schedule, true);
     for (const event of events) {
       document.removeEventListener(event, measureInteraction, true);

package/_vendor/schemas/agentBillingFeatureType.d.ts

@@ -0,0 +1 @@
+export declare const FEATURE_TYPES: readonly ["credits", "shopifyThemeBuilder.publishedElements", "sites", "shopifyThemeBuilder.projects"];

package/_vendor/schemas/errors.d.ts

@@ -249,6 +249,12 @@ export declare const errorUserFacingDetailsMessageSchema: z.ZodObject<{
         maximum: z.ZodNumber;
     }, z.core.$strip>>;
     plan: z.ZodOptional<z.ZodString>;
+    featureType: z.ZodCatch<z.ZodOptional<z.ZodEnum<{
+        credits: "credits";
+        "shopifyThemeBuilder.publishedElements": "shopifyThemeBuilder.publishedElements";
+        sites: "sites";
+        "shopifyThemeBuilder.projects": "shopifyThemeBuilder.projects";
+    }>>>;
     callToAction: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
         type: z.ZodLiteral<"reload">;
     }, z.core.$strip>, z.ZodObject<{
@@ -316,6 +322,12 @@ export declare const errorUserFacingDetailsSchema: z.ZodDiscriminatedUnion<[z.Zo
         maximum: z.ZodNumber;
     }, z.core.$strip>>;
     plan: z.ZodOptional<z.ZodString>;
+    featureType: z.ZodCatch<z.ZodOptional<z.ZodEnum<{
+        credits: "credits";
+        "shopifyThemeBuilder.publishedElements": "shopifyThemeBuilder.publishedElements";
+        sites: "sites";
+        "shopifyThemeBuilder.projects": "shopifyThemeBuilder.projects";
+    }>>>;
     callToAction: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
         type: z.ZodLiteral<"reload">;
     }, z.core.$strip>, z.ZodObject<{

package/_vendor/schemas/externalNavigationIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { createIframeRpcChannel } from '../../chunk-WLPBO36O.mjs';
+import { createIframeRpcChannel } from '../../chunk-Y5IA6NXD.mjs';
 import '../../chunk-WMAKU6GT.mjs';
 import '../../chunk-HB4GV2QH.mjs';
 import '../../chunk-SKVPFN7M.mjs';

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

@@ -12,6 +12,7 @@ export type ErrorUserFacingDetailsWithMessage = {
         maximum: number;
     };
     plan?: string;
+    featureType?: ("credits" | "shopifyThemeBuilder.publishedElements" | "sites" | "shopifyThemeBuilder.projects") | undefined;
     callToAction?: {
         type: "reload";
     } | {

package/_vendor/schemas/iframeRpcChannel.mjs

@@ -1,4 +1,4 @@
-export { createIframeRpcChannel, createIframeRpcRemote, iframeRpcCallSchema } from '../../chunk-WLPBO36O.mjs';
+export { createIframeRpcChannel, createIframeRpcRemote, iframeRpcCallSchema } from '../../chunk-Y5IA6NXD.mjs';
 import '../../chunk-WMAKU6GT.mjs';
 import '../../chunk-HB4GV2QH.mjs';
 import '../../chunk-SKVPFN7M.mjs';

package/_vendor/schemas/pageHeatmap.d.ts

@@ -130,3 +130,54 @@ export declare const pageHeatmapIframeMessageSchema: z.ZodDiscriminatedUnion<[z.
     type: z.ZodLiteral<"replo:heatmap:elementClicked">;
     selector: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>], "type">;
+/** Share of sessions that scrolled at least this far down the page, at each quarter. */
+export declare function getScrollReachRows(scroll: {
+    pct: number;
+    views: number;
+}[]): {
+    depth: number;
+    share: number;
+}[];
+export declare const listHeatmapPagesOutputSchema: z.ZodObject<{
+    pages: z.ZodArray<z.ZodObject<{
+        path: z.ZodString;
+        capture: z.ZodEnum<{
+            clicks: "clicks";
+            heatmap: "heatmap";
+        }>;
+        sessions: z.ZodNumber;
+        clicks: z.ZodNumber;
+        purchaseSessions: z.ZodNumber;
+        revenue: z.ZodNumber;
+        hasSiteSnapshot: z.ZodBoolean;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const getPageHeatmapOutputSchema: z.ZodObject<{
+    path: z.ZodString;
+    device: z.ZodString;
+    days: z.ZodNumber;
+    hasPicture: z.ZodBoolean;
+    totals: z.ZodObject<{
+        sessions: z.ZodNumber;
+        clicks: z.ZodNumber;
+        purchaseSessions: z.ZodNumber;
+        purchases: z.ZodNumber;
+        cartSessions: z.ZodNumber;
+        rageClicks: z.ZodNumber;
+        revenue: z.ZodNumber;
+    }, z.core.$strip>;
+    firstScreenHeight: z.ZodNumber;
+    scrollReach: z.ZodArray<z.ZodObject<{
+        depth: z.ZodNumber;
+        share: z.ZodNumber;
+    }, z.core.$strip>>;
+    topElements: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        clicks: z.ZodNumber;
+        sessions: z.ZodNumber;
+        purchaseSessions: z.ZodNumber;
+        revenue: z.ZodNumber;
+        rageClicks: z.ZodNumber;
+        pagePosition: z.ZodNumber;
+    }, z.core.$strip>>;
+}, z.core.$strip>;

package/_vendor/schemas/pageHeatmap.mjs

@@ -68,5 +68,59 @@ var pageHeatmapIframeMessageSchema = z.discriminatedUnion("type", [
   pageHeatmapDrawnMessageSchema,
   pageHeatmapElementClickedMessageSchema
 ]).describe("PageHeatmapIframeMessage");
+var SCROLL_REACH_DEPTHS = [25, 50, 75, 100];
+function getScrollReachRows(scroll) {
+  const total = scroll.reduce((sum, bucket) => sum + bucket.views, 0);
+  return SCROLL_REACH_DEPTHS.map((depth) => {
+    const reached = scroll.reduce((sum, bucket) => {
+      return bucket.pct >= depth ? sum + bucket.views : sum;
+    }, 0);
+    return { depth, share: total > 0 ? reached / total : 0 };
+  });
+}
+var heatNumberSchema = z.number();
+var listHeatmapPagesOutputSchema = z.object({
+  pages: z.array(
+    z.object({
+      path: z.string(),
+      capture: z.enum(["heatmap", "clicks"]),
+      sessions: heatNumberSchema,
+      clicks: heatNumberSchema,
+      purchaseSessions: heatNumberSchema,
+      revenue: heatNumberSchema,
+      hasSiteSnapshot: z.boolean()
+    })
+  )
+});
+var getPageHeatmapOutputSchema = z.object({
+  path: z.string(),
+  device: z.string(),
+  days: heatNumberSchema,
+  hasPicture: z.boolean(),
+  totals: z.object({
+    sessions: heatNumberSchema,
+    clicks: heatNumberSchema,
+    purchaseSessions: heatNumberSchema,
+    purchases: heatNumberSchema,
+    cartSessions: heatNumberSchema,
+    rageClicks: heatNumberSchema,
+    revenue: heatNumberSchema
+  }),
+  firstScreenHeight: heatNumberSchema,
+  scrollReach: z.array(
+    z.object({ depth: heatNumberSchema, share: heatNumberSchema })
+  ),
+  topElements: z.array(
+    z.object({
+      label: z.string(),
+      clicks: heatNumberSchema,
+      sessions: heatNumberSchema,
+      purchaseSessions: heatNumberSchema,
+      revenue: heatNumberSchema,
+      rageClicks: heatNumberSchema,
+      pagePosition: heatNumberSchema
+    })
+  )
+});
 
-export { PAGE_HEATMAP_MAX_BADGES, PAGE_HEATMAP_MAX_CLICKS, PAGE_HEATMAP_MAX_SECTIONS, PAGE_HEATMAP_PROTOCOL_VERSION, pageHeatmapBadgeSchema, pageHeatmapClearMessageSchema, pageHeatmapClickSchema, pageHeatmapDrawnMessageSchema, pageHeatmapElementClickedMessageSchema, pageHeatmapElementSectionSchema, pageHeatmapFocusMessageSchema, pageHeatmapIframeMessageSchema, pageHeatmapModeSchema, pageHeatmapParentMessageSchema, pageHeatmapReadyMessageSchema, pageHeatmapRequestReadyMessageSchema, pageHeatmapScrollBucketSchema, pageHeatmapSetMessageSchema };
+export { PAGE_HEATMAP_MAX_BADGES, PAGE_HEATMAP_MAX_CLICKS, PAGE_HEATMAP_MAX_SECTIONS, PAGE_HEATMAP_PROTOCOL_VERSION, getPageHeatmapOutputSchema, getScrollReachRows, listHeatmapPagesOutputSchema, pageHeatmapBadgeSchema, pageHeatmapClearMessageSchema, pageHeatmapClickSchema, pageHeatmapDrawnMessageSchema, pageHeatmapElementClickedMessageSchema, pageHeatmapElementSectionSchema, pageHeatmapFocusMessageSchema, pageHeatmapIframeMessageSchema, pageHeatmapModeSchema, pageHeatmapParentMessageSchema, pageHeatmapReadyMessageSchema, pageHeatmapRequestReadyMessageSchema, pageHeatmapScrollBucketSchema, pageHeatmapSetMessageSchema };

package/_vendor/schemas/previewHealthIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { createIframeRpcChannel } from '../../chunk-WLPBO36O.mjs';
+import { createIframeRpcChannel } from '../../chunk-Y5IA6NXD.mjs';
 import '../../chunk-WMAKU6GT.mjs';
 import '../../chunk-HB4GV2QH.mjs';
 import '../../chunk-SKVPFN7M.mjs';

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.24.5",
+  "version": "1.24.7",
   "branch": "HEAD",
-  "commit": "547c2f890567e78210f5359114f849b43d7611da",
-  "builtAt": "2026-11-07T18:09:33.143Z"
+  "commit": "ae3b30aedf49e4c1351290757cbab9f9f50e8369",
+  "builtAt": "2026-11-09T22:40:21.866Z"
 };

package/{chunk-WLPBO36O.mjs → chunk-Y5IA6NXD.mjs}

@@ -8,6 +8,13 @@ var defaultLogger = {
   error: console.error
 };
 
+var FEATURE_TYPES = [
+  "credits",
+  "shopifyThemeBuilder.publishedElements",
+  "sites",
+  "shopifyThemeBuilder.projects"
+];
+
 var ReploError = class _ReploError extends Error {
   config;
   id;
@@ -53,6 +60,7 @@ var errorUserFacingDetailsMessageSchema = z.object({
     maximum: z.number()
   }).optional(),
   plan: z.string().optional(),
+  featureType: z.enum(FEATURE_TYPES).optional().catch(void 0),
   callToAction: z.discriminatedUnion("type", [
     z.object({ type: z.literal("reload") }),
     z.object({ type: z.literal("installApp") }),

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.24.5",
+  "version": "1.24.7",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.24.5",
+    "version": "1.24.7",
     "branch": "HEAD",
-    "commit": "547c2f890567e78210f5359114f849b43d7611da",
-    "builtAt": "2026-11-07T18:09:33.143Z"
+    "commit": "ae3b30aedf49e4c1351290757cbab9f9f50e8369",
+    "builtAt": "2026-11-09T22:40:21.866Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/annotationFrames.js

@@ -30,19 +30,8 @@ function getOrCreateFramesLayerContainer({
   document.body.append(container);
   return container;
 }
-const ANNOTATION_FONT_STYLE_ID = "replo-annotation-font";
 const BADGE_SIZE_PX = 30;
-const EDITORIAL_ITALIC_FONT_URL = "https://assets.replocdn.com/PPEditorialNew-Italic.woff2";
-const BADGE_FONT = 'italic 400 16px/1 "PP Editorial New", Georgia, "Times New Roman", serif';
-function ensureBadgeFont() {
-  if (document.getElementById(ANNOTATION_FONT_STYLE_ID)) {
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = ANNOTATION_FONT_STYLE_ID;
-  style.textContent = `@font-face{font-family:"PP Editorial New";src:url("${EDITORIAL_ITALIC_FONT_URL}") format("woff2");font-weight:normal;font-style:italic;font-display:swap;}`;
-  document.head.append(style);
-}
+const BADGE_FONT = "600 14px/1 Inter, system-ui, sans-serif";
 const badgeNodesById = /* @__PURE__ */ new Map();
 let activeBadgeId = null;
 function badgeRestingTransform(id) {
@@ -98,7 +87,7 @@ function createFrameNode(spec) {
     "cursor: pointer",
     "pointer-events: auto",
     "margin: 0",
-    "padding: 0 0 1px 0"
+    "padding: 0"
   ].join(";");
   badge.addEventListener("pointerdown", () => {
     badge.style.transform = "scale(0.9)";
@@ -127,7 +116,6 @@ function showAnnotationFrames({
   if (!container) {
     return;
   }
-  ensureBadgeFont();
   activeBadgeId = frames.find((spec) => spec.isActive)?.id ?? null;
   badgeNodesById.clear();
   container.replaceChildren(...frames.map((spec) => createFrameNode(spec)));