@replohq/sandbox-runtime 1.7.11 → 1.7.13

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

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

package/_vendor/replo-utils/react/zustand.d.ts

@@ -2,8 +2,6 @@ import type { StateCreator, StoreApi } from "zustand";
 /**
  * Drop-in replacement for zustand's `useStore` that uses shallow equality by default.
  * Use this in context-based stores so all selectors automatically get shallow comparison.
- * Subscribes through React's useSyncExternalStore so the consumer's React is
- * used, not Zustand's nested use-sync-external-store copy.
  */
 export declare function useShallowStore<StateType, SelectedType>(store: StoreApi<StateType>, selector: (state: StateType) => SelectedType): SelectedType;
 /**

package/_vendor/replo-utils/react/zustand.mjs

@@ -1,21 +1,10 @@
-import { useRef, useSyncExternalStore } from 'react';
+import { useStore } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 
 function useShallowStore(store, selector) {
-  const lastSelectedRef = useRef(void 0);
-  return useSyncExternalStore(
-    store.subscribe,
-    () => {
-      const next = selector(store.getState());
-      if (lastSelectedRef.current !== void 0 && shallow(lastSelectedRef.current, next)) {
-        return lastSelectedRef.current;
-      }
-      lastSelectedRef.current = next;
-      return next;
-    },
-    () => selector(store.getState())
-  );
+  return useStore(store, useShallow(selector));
 }
 function createShallowStore(initializer) {
   return createWithEqualityFn(initializer, shallow);

package/_vendor/schemas/componentPreview.d.ts

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

package/_vendor/schemas/componentPreview.mjs

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

package/_vendor/schemas/errors.d.ts

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

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

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

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

@@ -1,12 +1,8 @@
-import type { SelectModeBoundingRect, SelectedElement, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
+import type { SelectModeBoundingRect, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
 export type InlineEditFeedback = {
     status: "pending" | "unavailable" | "failed";
     rect: SelectModeBoundingRect;
 };
-export type SelectedComponentEditRequest = {
-    siteId: string;
-    element: SelectedElement;
-};
 export type IframeRuntimeBuildMetadata = {
     packageName: string;
     version: string;
@@ -15,9 +11,6 @@ export type IframeRuntimeBuildMetadata = {
     builtAt: string | null;
 };
 export type SelectModeParentMessage = {
-    method: "editSelectedComponent";
-    data: SelectedComponentEditRequest;
-} | {
     method: "setDisplayMode";
     data: {
         displayMode: DisplayMode;

package/_vendor/schemas/iframeRpcChannel.mjs

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

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -26,15 +26,9 @@ export declare const iframeRuntimeBuildMetadataSchema: z.ZodObject<{
     commit: z.ZodNullable<z.ZodString>;
     builtAt: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>;
-export declare const selectedComponentEditRequestSchema: z.ZodObject<{
-    siteId: z.ZodUUID;
-    element: z.ZodObject<{
-        kind: z.ZodLiteral<"react-element">;
-        selector: z.ZodString;
-        tagName: z.ZodString;
-        elementType: z.ZodString;
-        textContent: z.ZodNullable<z.ZodString>;
-        rect: z.ZodObject<{
+export declare const selectModeEventInputSchemas: {
+    hover: z.ZodObject<{
+        rect: z.ZodNullable<z.ZodObject<{
             x: z.ZodNumber;
             y: z.ZodNumber;
             left: z.ZodNumber;
@@ -43,52 +37,130 @@ export declare const selectedComponentEditRequestSchema: z.ZodObject<{
             bottom: z.ZodNumber;
             width: z.ZodNumber;
             height: z.ZodNumber;
-        }, z.core.$strip>;
-        textMetrics: z.ZodNullable<z.ZodObject<{
-            tightWidth: z.ZodNumber;
-            lineCount: z.ZodNumber;
-            lineHeight: z.ZodNumber;
         }, z.core.$strip>>;
-        outerHTML: z.ZodString;
-        definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
-            property: z.ZodString;
-            variant: z.ZodNullable<z.ZodObject<{
-                atRules: z.ZodArray<z.ZodObject<{
-                    type: z.ZodString;
-                    text: z.ZodString;
-                }, z.core.$strip>>;
-                pseudo: z.ZodNullable<z.ZodString>;
-            }, z.core.$strip>>;
-            className: z.ZodNullable<z.ZodString>;
-            raw: z.ZodString;
-            resolved: z.ZodString;
-        }, z.core.$strip>>>;
-        inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
-        clickPosition: z.ZodObject<{
+    }, 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>;
-        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<{
+        items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"react-element">;
+            selector: z.ZodString;
+            tagName: z.ZodString;
+            elementType: z.ZodString;
+            textContent: z.ZodNullable<z.ZodString>;
+            rect: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+                left: z.ZodNumber;
+                top: z.ZodNumber;
+                right: z.ZodNumber;
+                bottom: z.ZodNumber;
+                width: z.ZodNumber;
+                height: z.ZodNumber;
+            }, z.core.$strip>;
+            textMetrics: z.ZodNullable<z.ZodObject<{
+                tightWidth: z.ZodNumber;
+                lineCount: z.ZodNumber;
+                lineHeight: z.ZodNumber;
+            }, z.core.$strip>>;
+            outerHTML: z.ZodString;
+            definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
+                property: z.ZodString;
+                variant: z.ZodNullable<z.ZodObject<{
+                    atRules: z.ZodArray<z.ZodObject<{
+                        type: z.ZodString;
+                        text: z.ZodString;
+                    }, z.core.$strip>>;
+                    pseudo: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+                className: z.ZodNullable<z.ZodString>;
+                raw: z.ZodString;
+                resolved: z.ZodString;
+            }, z.core.$strip>>>;
+            inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
+            clickPosition: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, z.core.$strip>;
+            sourceLocation: z.ZodOptional<z.ZodObject<{
                 filePath: z.ZodString;
                 lineNumber: z.ZodNumber;
                 columnNumber: z.ZodOptional<z.ZodNumber>;
                 componentName: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+            fiberChain: z.ZodDefault<z.ZodArray<z.ZodObject<{
+                sourceLocation: z.ZodObject<{
+                    filePath: z.ZodString;
+                    lineNumber: z.ZodNumber;
+                    columnNumber: z.ZodOptional<z.ZodNumber>;
+                    componentName: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>;
+                tagName: z.ZodOptional<z.ZodString>;
+                componentName: z.ZodOptional<z.ZodString>;
+                props: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            }, z.core.$strip>>>;
+            siblingSelectors: z.ZodDefault<z.ZodArray<z.ZodString>>;
+        }, z.core.$strip>, z.ZodObject<{
+            kind: z.ZodLiteral<"plan">;
+            planId: z.ZodString;
+            label: z.ZodString;
+            rect: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+                left: z.ZodNumber;
+                top: z.ZodNumber;
+                right: z.ZodNumber;
+                bottom: z.ZodNumber;
+                width: z.ZodNumber;
+                height: z.ZodNumber;
             }, z.core.$strip>;
-            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>], "kind">>;
     }, z.core.$strip>;
-}, z.core.$strip>;
-export declare const websiteBuilderToCanopyMethodConfig: {
+    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">;
@@ -307,7 +379,7 @@ export declare const websiteBuilderToCanopyMethodConfig: {
         outputSchema: z.ZodVoid;
     };
 };
-export declare const canopyToWebsiteBuilderMethodConfig: {
+export declare const previewIframeToWebsiteBuilderMethodConfig: {
     requestInlineTextEdit: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;
@@ -679,70 +751,6 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
     };
 };
 export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
-    method: z.ZodLiteral<"editSelectedComponent">;
-    data: z.ZodObject<{
-        siteId: z.ZodUUID;
-        element: z.ZodObject<{
-            kind: z.ZodLiteral<"react-element">;
-            selector: z.ZodString;
-            tagName: z.ZodString;
-            elementType: z.ZodString;
-            textContent: z.ZodNullable<z.ZodString>;
-            rect: z.ZodObject<{
-                x: z.ZodNumber;
-                y: z.ZodNumber;
-                left: z.ZodNumber;
-                top: z.ZodNumber;
-                right: z.ZodNumber;
-                bottom: z.ZodNumber;
-                width: z.ZodNumber;
-                height: z.ZodNumber;
-            }, z.core.$strip>;
-            textMetrics: z.ZodNullable<z.ZodObject<{
-                tightWidth: z.ZodNumber;
-                lineCount: z.ZodNumber;
-                lineHeight: z.ZodNumber;
-            }, z.core.$strip>>;
-            outerHTML: z.ZodString;
-            definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
-                property: z.ZodString;
-                variant: z.ZodNullable<z.ZodObject<{
-                    atRules: z.ZodArray<z.ZodObject<{
-                        type: z.ZodString;
-                        text: z.ZodString;
-                    }, z.core.$strip>>;
-                    pseudo: z.ZodNullable<z.ZodString>;
-                }, z.core.$strip>>;
-                className: z.ZodNullable<z.ZodString>;
-                raw: z.ZodString;
-                resolved: z.ZodString;
-            }, z.core.$strip>>>;
-            inheritedStyles: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodString>>;
-            clickPosition: z.ZodObject<{
-                x: z.ZodNumber;
-                y: z.ZodNumber;
-            }, z.core.$strip>;
-            sourceLocation: z.ZodOptional<z.ZodObject<{
-                filePath: z.ZodString;
-                lineNumber: z.ZodNumber;
-                columnNumber: z.ZodOptional<z.ZodNumber>;
-                componentName: z.ZodOptional<z.ZodString>;
-            }, z.core.$strip>>;
-            fiberChain: z.ZodDefault<z.ZodArray<z.ZodObject<{
-                sourceLocation: z.ZodObject<{
-                    filePath: z.ZodString;
-                    lineNumber: z.ZodNumber;
-                    columnNumber: z.ZodOptional<z.ZodNumber>;
-                    componentName: z.ZodOptional<z.ZodString>;
-                }, z.core.$strip>;
-                tagName: z.ZodOptional<z.ZodString>;
-                componentName: z.ZodOptional<z.ZodString>;
-                props: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-            }, z.core.$strip>>>;
-            siblingSelectors: z.ZodDefault<z.ZodArray<z.ZodString>>;
-        }, z.core.$strip>;
-    }, z.core.$strip>;
-}, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"setDisplayMode">;
     data: z.ZodObject<{
         displayMode: z.ZodEnum<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectModeBoundingRectSchema, selectedElementSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema } from '../../chunk-4T7WSMC3.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-4T7WSMC3.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
@@ -18,11 +18,25 @@ var iframeRuntimeBuildMetadataSchema = z.object({
   commit: z.string().nullable(),
   builtAt: z.string().nullable()
 }).describe("IframeRuntimeBuildMetadata");
-var selectedComponentEditRequestSchema = z.object({
-  siteId: z.uuid(),
-  element: selectedElementSchema
-}).describe("SelectedComponentEditRequest");
-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,
@@ -87,7 +101,7 @@ var websiteBuilderToCanopyMethodConfig = {
     outputSchema: z.void()
   }
 };
-var canopyToWebsiteBuilderMethodConfig = {
+var previewIframeToWebsiteBuilderMethodConfig = {
   requestInlineTextEdit: {
     inputSchema: z.object({
       editId: z.string(),
@@ -107,9 +121,7 @@ var canopyToWebsiteBuilderMethodConfig = {
     outputSchema: z.void()
   },
   hoverElement: {
-    inputSchema: z.object({
-      rect: selectModeBoundingRectSchema.nullable()
-    }),
+    inputSchema: selectModeEventInputSchemas.hover,
     outputSchema: z.void()
   },
   selectedElementRectUpdate: {
@@ -126,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: {
@@ -153,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: {
@@ -166,33 +168,29 @@ var canopyToWebsiteBuilderMethodConfig = {
   }
 };
 var selectModeParentMessageSchema = z.discriminatedUnion("method", [
-  z.object({
-    method: z.literal("editSelectedComponent"),
-    data: selectedComponentEditRequestSchema
-  }),
   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")
@@ -202,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", [
@@ -212,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, selectedComponentEditRequestSchema, websiteBuilderToCanopyMethodConfig };
+export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, previewIframeToWebsiteBuilderMethodConfig, selectModeEventInputSchemas, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToPreviewIframeMethodConfig };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.11",
+  "version": "1.7.13",
   "branch": "HEAD",
-  "commit": "14ba23d4044e71ee124025f7b496f0cc9f6e4b06",
-  "builtAt": "2026-09-21T17:30:09.582Z"
+  "commit": "48e7e55752c4448369b7a49ce608c6539acb3a24",
+  "builtAt": "2026-09-23T03:50:04.538Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.7.11",
+  "version": "1.7.13",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.7.11",
+    "version": "1.7.13",
     "branch": "HEAD",
-    "commit": "14ba23d4044e71ee124025f7b496f0cc9f6e4b06",
-    "builtAt": "2026-09-21T17:30:09.582Z"
+    "commit": "48e7e55752c4448369b7a49ce608c6539acb3a24",
+    "builtAt": "2026-09-23T03:50:04.538Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/hooks/useOptimisticOverrides.js

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

package/select-mode/iframeRpcChannel.d.ts

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

package/select-mode/iframeRpcChannel.js

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

package/select-mode/selectModeStore.d.ts

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

package/select-mode/selectModeStore.js

@@ -1,5 +1,5 @@
 "use client";
-import { createShallowStore, useShallowStore } from "../_vendor/replo-utils/react/zustand.mjs";
+import { createShallowStore } from "../_vendor/replo-utils/react/zustand.mjs";
 import {
   buildElementDescriptor,
   buildSelector
@@ -12,16 +12,14 @@ import {
 import { reportInlineEditFeedback } from "./inlineEditFeedback";
 import { getDocumentScrollOffset } from "./interactions/selectionGeometry";
 import { isTextEditableElement } from "./isTextEditableElement";
-import {
-  getAreaSelectionFrameSpecs,
-  getElementSelectionFrameSpecs
-} from "./selectionFrame";
+import { getSelectionFrameSpecs } from "./selectionFrame";
 import { getConnectedSelectedElement, IDLE_SESSION } from "./selectModeSession";
 import {
   isUserSourceLocation,
   symbolicateSelectedElement
 } from "./symbolicate";
 import { createInlineTiptapEditor } from "./tiptapInlineEditor";
+import { useShallowStore } from "./useShallowStore";
 const EMPTY_ACTIVE_MARKS = {
   bold: false,
   italic: false,
@@ -404,17 +402,19 @@ const selectModeStore = createShallowStore(
         },
         showElementSelectionFrames: ({ elements, scrollOffset }) => {
           set({
-            selectionFrames: getElementSelectionFrameSpecs({
+            selectionFrames: getSelectionFrameSpecs({
               elements,
-              scrollOffset
+              scrollOffset,
+              variant: "element"
             })
           });
         },
         showAreaSelectionFrames: ({ elements, scrollOffset }) => {
           set({
-            selectionFrames: getAreaSelectionFrameSpecs({
+            selectionFrames: getSelectionFrameSpecs({
               elements,
-              scrollOffset
+              scrollOffset,
+              variant: "area"
             })
           });
         },

package/select-mode/selectionFrame.d.ts

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

package/select-mode/selectionFrame.js

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

package/select-mode/useShallowStore.d.ts

@@ -0,0 +1,2 @@
+import type { StoreApi } from "zustand";
+export declare function useShallowStore<StateType, SelectedType>(store: StoreApi<StateType>, selector: (state: StateType) => SelectedType): SelectedType;

package/select-mode/useShallowStore.js

@@ -0,0 +1,9 @@
+"use client";
+import { useStore } from "zustand";
+import { useShallow } from "zustand/react/shallow";
+function useShallowStore(store, selector) {
+  return useStore(store, useShallow(selector));
+}
+export {
+  useShallowStore
+};