@replohq/sandbox-runtime 1.7.10 → 1.7.12

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

@@ -0,0 +1,11 @@
+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.
+ */
+export declare function useShallowStore<StateType, SelectedType>(store: StoreApi<StateType>, selector: (state: StateType) => SelectedType): SelectedType;
+/**
+ * Drop-in replacement for zustand's `create` that uses shallow equality by default.
+ * Use this instead of `create()` so all selectors automatically get shallow comparison.
+ */
+export declare function createShallowStore<StateType>(initializer: StateCreator<StateType, [], []>): import("zustand/traditional").UseBoundStoreWithEqualityFn<StoreApi<StateType>>;

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

@@ -0,0 +1,13 @@
+import { useStore } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+
+function useShallowStore(store, selector) {
+  return useStore(store, useShallow(selector));
+}
+function createShallowStore(initializer) {
+  return createWithEqualityFn(initializer, shallow);
+}
+
+export { createShallowStore, useShallowStore };

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

@@ -1,7 +1,7 @@
-import type { SelectedElement, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeBoundingRect, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
-export type SelectedComponentEditRequest = {
-    siteId: string;
-    element: SelectedElement;
+import type { SelectModeBoundingRect, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
+export type InlineEditFeedback = {
+    status: "pending" | "unavailable" | "failed";
+    rect: SelectModeBoundingRect;
 };
 export type IframeRuntimeBuildMetadata = {
     packageName: string;
@@ -11,9 +11,6 @@ export type IframeRuntimeBuildMetadata = {
     builtAt: string | null;
 };
 export type SelectModeParentMessage = {
-    method: "editSelectedComponent";
-    data: SelectedComponentEditRequest;
-} | {
     method: "setDisplayMode";
     data: {
         displayMode: DisplayMode;
@@ -105,11 +102,17 @@ export type SelectModeIframeMessage = {
         };
         originalInnerHTML: string;
     };
+} | {
+    method: "inlineEditFeedbackChanged";
+    data: {
+        feedback: InlineEditFeedback | null;
+    };
 } | {
     method: "editorStateUpdate";
     data: {
         activeMarks: SelectModeTiptapActiveMarks;
-        isEditing: boolean;
+        isInlineEditing: boolean;
+        isInlineEditPending: boolean;
     };
 } | {
     method: "fastRefreshComplete";

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -2,6 +2,23 @@ import type { SelectModeIframeMessage, SelectModeParentMessage } from "./generat
 import { 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<{
+    status: z.ZodEnum<{
+        unavailable: "unavailable";
+        pending: "pending";
+        failed: "failed";
+    }>;
+    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>;
 export declare const iframeRuntimeBuildMetadataSchema: z.ZodObject<{
     packageName: z.ZodString;
     version: z.ZodString;
@@ -9,68 +26,6 @@ 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<{
-            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>;
 export declare const websiteBuilderToCanopyMethodConfig: {
     symbolicateSelectedElement: {
         inputSchema: z.ZodObject<{
@@ -258,8 +213,8 @@ export declare const websiteBuilderToCanopyMethodConfig: {
         inputSchema: z.ZodObject<{
             sessionId: z.ZodString;
             outcome: z.ZodEnum<{
-                persisted: "persisted";
                 failed: "failed";
+                persisted: "persisted";
             }>;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
@@ -621,6 +576,28 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
     };
+    inlineEditFeedbackChanged: {
+        inputSchema: z.ZodObject<{
+            feedback: z.ZodNullable<z.ZodObject<{
+                status: z.ZodEnum<{
+                    unavailable: "unavailable";
+                    pending: "pending";
+                    failed: "failed";
+                }>;
+                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>;
+        outputSchema: z.ZodVoid;
+    };
     editorStateUpdate: {
         inputSchema: z.ZodObject<{
             activeMarks: z.ZodObject<{
@@ -629,7 +606,8 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
                 underline: z.ZodBoolean;
                 strike: z.ZodBoolean;
             }, z.core.$strip>;
-            isEditing: z.ZodBoolean;
+            isInlineEditing: z.ZodBoolean;
+            isInlineEditPending: z.ZodBoolean;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
     };
@@ -639,70 +617,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<{
@@ -758,8 +672,8 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     data: z.ZodObject<{
         sessionId: z.ZodString;
         outcome: z.ZodEnum<{
-            persisted: "persisted";
             failed: "failed";
+            persisted: "persisted";
         }>;
     }, z.core.$strip>;
 }, z.core.$strip>, z.ZodObject<{
@@ -1036,6 +950,27 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         json: z.ZodRecord<z.ZodString, z.ZodUnknown>;
         originalInnerHTML: z.ZodString;
     }, z.core.$strip>;
+}, z.core.$strip>, z.ZodObject<{
+    method: z.ZodLiteral<"inlineEditFeedbackChanged">;
+    data: z.ZodObject<{
+        feedback: z.ZodNullable<z.ZodObject<{
+            status: z.ZodEnum<{
+                unavailable: "unavailable";
+                pending: "pending";
+                failed: "failed";
+            }>;
+            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>;
 }, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"editorStateUpdate">;
     data: z.ZodObject<{
@@ -1045,7 +980,8 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
             underline: z.ZodBoolean;
             strike: z.ZodBoolean;
         }, z.core.$strip>;
-        isEditing: z.ZodBoolean;
+        isInlineEditing: z.ZodBoolean;
+        isInlineEditPending: z.ZodBoolean;
     }, z.core.$strip>;
 }, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"fastRefreshComplete">;

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectedElementSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectModeBoundingRectSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema } from '../../chunk-4T7WSMC3.mjs';
+import { selectModeBoundingRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-4T7WSMC3.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
@@ -7,6 +7,10 @@ import { z } from 'zod';
 
 var SELECT_MODE_IFRAME_RPC_CHANNEL_ID = "replo:select-mode-iframe-rpc";
 var SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION = 1;
+var inlineEditFeedbackSchema = z.object({
+  status: z.enum(["pending", "unavailable", "failed"]),
+  rect: selectModeBoundingRectSchema
+}).describe("InlineEditFeedback");
 var iframeRuntimeBuildMetadataSchema = z.object({
   packageName: z.string(),
   version: z.string(),
@@ -14,10 +18,6 @@ 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 = {
   symbolicateSelectedElement: {
     inputSchema: selectedElementSchema,
@@ -144,10 +144,15 @@ var canopyToWebsiteBuilderMethodConfig = {
     }),
     outputSchema: z.void()
   },
+  inlineEditFeedbackChanged: {
+    inputSchema: z.object({ feedback: inlineEditFeedbackSchema.nullable() }),
+    outputSchema: z.void()
+  },
   editorStateUpdate: {
     inputSchema: z.object({
       activeMarks: selectModeTiptapActiveMarksSchema,
-      isEditing: z.boolean()
+      isInlineEditing: z.boolean(),
+      isInlineEditPending: z.boolean()
     }),
     outputSchema: z.void()
   },
@@ -157,10 +162,6 @@ 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
@@ -229,6 +230,10 @@ var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
     method: z.literal("textCommitted"),
     data: canopyToWebsiteBuilderMethodConfig.textCommitted.inputSchema
   }),
+  z.object({
+    method: z.literal("inlineEditFeedbackChanged"),
+    data: canopyToWebsiteBuilderMethodConfig.inlineEditFeedbackChanged.inputSchema
+  }),
   z.object({
     method: z.literal("editorStateUpdate"),
     data: canopyToWebsiteBuilderMethodConfig.editorStateUpdate.inputSchema
@@ -238,4 +243,4 @@ var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
   })
 ]).describe("SelectModeIframeMessage");
 
-export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, iframeRuntimeBuildMetadataSchema, selectModeIframeMessageSchema, selectModeParentMessageSchema, selectedComponentEditRequestSchema, websiteBuilderToCanopyMethodConfig };
+export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, iframeRuntimeBuildMetadataSchema, inlineEditFeedbackSchema, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToCanopyMethodConfig };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.10",
+  "version": "1.7.12",
   "branch": "HEAD",
-  "commit": "228f4382ccb4fe484d0d2cd40b0d065ac6441fe2",
-  "builtAt": "2026-09-20T22:06:34.014Z"
+  "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
+  "builtAt": "2026-09-22T04:29:15.711Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.7.10",
+  "version": "1.7.12",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.7.10",
+    "version": "1.7.12",
     "branch": "HEAD",
-    "commit": "228f4382ccb4fe484d0d2cd40b0d065ac6441fe2",
-    "builtAt": "2026-09-20T22:06:34.014Z"
+    "commit": "25c44bae8033d312c213c7d6d6cd3bba14a38cfd",
+    "builtAt": "2026-09-22T04:29:15.711Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",
@@ -41,7 +41,8 @@
     "@tiptap/extension-underline": "^2.25.0",
     "@tiptap/pm": "^2.25.0",
     "uuid": "^11.1.0",
-    "zod": "^4.3.6"
+    "zod": "^4.3.6",
+    "zustand": "^4.5.7"
   },
   "peerDependencies": {
     "@types/react": ">=19.0.0",

package/select-mode/EditorSelection.d.ts

@@ -1,22 +1 @@
-/**
- * Mounts the iframe-side selectMode controller. This is a render-less
- * component — every responsibility is delegated to a dedicated hook so each
- * concern (parent messaging, cursor styling, pointer interactions, hover
- * tracking, scroll syncing) can be read in isolation:
- *
- *  - `useParentMessaging` — inbound messages from the parent (set mode,
- *    set selection type) + outbound `IFRAME_READY` handshake.
- *  - `useCrosshairCursor` — crosshair cursor + disable text/drag selection
- *    while in selection mode.
- *  - `useSelectionInteractions` — pointer-down / move / up state machine
- *    that produces `ELEMENT_SELECTED`, `AREA_SELECTED`, and live
- *    `DRAG_RECT_UPDATED` messages.
- *  - `useSelectionHover` — hover-element rect updates.
- *  - `useSelectionScrollSync` — keeps the parent overlay aligned with the
- *    selected element/area when the iframe scrolls.
- *
- * The `interactionSessionRef` is the single source of truth for the
- * in-progress drag/selection — every hook reads/writes it via ref so we
- * don't trigger React re-renders during interaction-heavy operations.
- */
-export declare function EditorSelection(): null;
+export declare function EditorSelection(): import("react/jsx-runtime").JSX.Element;