@replohq/sandbox-runtime 0.1.0

package/_vendor/schemas/selectMode.d.ts

@@ -0,0 +1,522 @@
+import { z } from "zod";
+export declare const SELECT_MODE_SELECTABLE_ATTRIBUTE = "data-replo-selectable";
+export declare const SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE = "data-replo-selectable-payload";
+export declare const displayModeSchema: z.ZodEnum<{
+    browse: "browse";
+    selection: "selection";
+}>;
+export declare const selectModeInlineTextStatusSchema: z.ZodNullable<z.ZodEnum<{
+    editable: "editable";
+    dynamic: "dynamic";
+}>>;
+export declare const selectModeTextMetricsSchema: z.ZodObject<{
+    tightWidth: z.ZodNumber;
+    lineCount: z.ZodNumber;
+    lineHeight: z.ZodNumber;
+}, z.core.$strip>;
+export declare const selectModeClickPositionSchema: z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+}, z.core.$strip>;
+export declare const selectModeSourceLocationSchema: z.ZodObject<{
+    filePath: z.ZodString;
+    lineNumber: z.ZodNumber;
+    columnNumber: z.ZodOptional<z.ZodNumber>;
+    componentName: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const selectModeFiberChainEntrySchema: 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>;
+export declare const selectModeBoundingRectSchema: 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>;
+export declare const selectModeSelectionRectSchema: 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>;
+export declare const selectModeStyleAtRuleSchema: z.ZodObject<{
+    type: z.ZodString;
+    text: z.ZodString;
+}, z.core.$strip>;
+export declare const selectModeStyleVariantSchema: z.ZodObject<{
+    atRules: z.ZodArray<z.ZodObject<{
+        type: z.ZodString;
+        text: z.ZodString;
+    }, z.core.$strip>>;
+    pseudo: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export declare const selectModeDefinedStyleSchema: 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>;
+export type RectOffset = {
+    left: number;
+    top: number;
+};
+export declare function transformRect({ rect, offset, }: {
+    rect: SelectModeBoundingRect;
+    offset: RectOffset;
+}): SelectModeBoundingRect;
+export declare function transformPoint({ point, offset, }: {
+    point: SelectModeClickPosition;
+    offset: RectOffset;
+}): SelectModeClickPosition;
+export declare function getIframeOffset(iframe: HTMLIFrameElement | null): RectOffset;
+export declare const selectedElementSchema: 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>;
+export declare const selectablePlanDataSchema: 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>;
+}, z.core.$strip>;
+export declare const selectablePlanPayloadSchema: z.ZodObject<{
+    label: z.ZodString;
+    kind: z.ZodLiteral<"plan">;
+    planId: z.ZodString;
+}, z.core.$strip>;
+export declare const selectableDataPayloadSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    label: z.ZodString;
+    kind: z.ZodLiteral<"plan">;
+    planId: z.ZodString;
+}, z.core.$strip>], "kind">;
+export declare const selectableDataSchema: 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>;
+}, z.core.$strip>], "kind">;
+export type SelectModeBoundingRect = z.infer<typeof selectModeBoundingRectSchema>;
+export type SelectModeClickPosition = z.infer<typeof selectModeClickPositionSchema>;
+export type SelectableData = z.infer<typeof selectableDataSchema>;
+export type SelectableDataPayload = z.infer<typeof selectableDataPayloadSchema>;
+export declare function transformSelectableData({ data, offset, }: {
+    data: SelectableData;
+    offset: RectOffset;
+}): SelectableData;
+export declare function readSelectablePayload(rawPayload: string | null): {
+    label: string;
+    kind: "plan";
+    planId: string;
+} | null;
+export declare const selectModeOptimisticUpdatePayloadSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    kind: z.ZodLiteral<"css">;
+    property: z.ZodString;
+    value: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>, z.ZodObject<{
+    kind: z.ZodLiteral<"content">;
+    innerHTML: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    kind: z.ZodLiteral<"attribute">;
+    name: z.ZodString;
+    value: z.ZodString;
+}, z.core.$strip>], "kind">;
+export declare const selectModeTiptapActiveMarksSchema: z.ZodObject<{
+    bold: z.ZodBoolean;
+    italic: z.ZodBoolean;
+    underline: z.ZodBoolean;
+    strike: z.ZodBoolean;
+}, z.core.$strip>;
+export declare const selectModeFormatCommandSchema: z.ZodEnum<{
+    toggleBold: "toggleBold";
+    toggleItalic: "toggleItalic";
+    toggleUnderline: "toggleUnderline";
+    toggleStrike: "toggleStrike";
+}>;
+/**
+ * Shared discriminator values for select-mode selection state. Single
+ * source of truth for the three consumers that must carry every variant
+ * in this enum:
+ *
+ *   - parent agent-ui store: `SelectModeSelection` (defined below)
+ *   - persisted side-session metadata:
+ *     `SelectModeEditSelectionMetadata` (packages/schemas/agentSession.ts)
+ *   - in-iframe SDK: `SelectModeInteractionSession`
+ *     (packages/canopy-sdk/editor/select-mode/selectModeSession.ts) — kept
+ *     locally there because it holds live DOM `Element` refs and live
+ *     drag geometry that aren't expressible in Zod, but its variants
+ *     are pinned to this enum via `Extract<SelectModeSelectionType, …>`
+ *
+ * Renaming or adding a variant here is a TS error in all three.
+ *
+ * @author Kevin O'Connell 2026-04-20
+ */
+export declare const selectModeSelectionTypeSchema: z.ZodEnum<{
+    element: "element";
+    area: "area";
+    drag: "drag";
+    none: "none";
+}>;
+/**
+ * Parent-side selection state mirrored from messages the iframe posts
+ * back. Lives in agent-ui's `SelectModeStore` and is projected into
+ * select-mode side-session metadata at submit time.
+ *
+ *   - `none`    — nothing selected, the default.
+ *   - `element` — a single element was clicked; we have its descriptor.
+ *   - `area`    — the user finished a drag; we have the area rect plus
+ *                 every element fully contained within it.
+ *   - `drag`    — a drag is in progress; we only have the live rect, not
+ *                 the eventual element list. The input panel intentionally
+ *                 stays hidden while the user is still dragging.
+ *
+ * Distinct from the SDK-internal `SelectModeInteractionSession`, which
+ * holds live DOM `Element` refs and live pointer/scroll geometry. This
+ * type holds only the message-passable, serialized projection.
+ *
+ * @author Kevin O'Connell 2026-04-23
+ */
+export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    type: z.ZodLiteral<"none">;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"element">;
+    data: 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>;
+    }, z.core.$strip>], "kind">;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"area">;
+    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>;
+    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>;
+    }, z.core.$strip>], "kind">>;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodLiteral<"drag">;
+    dragRect: 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>], "type">;

package/_vendor/schemas/selectMode.mjs

@@ -0,0 +1,3 @@
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData } from '../../chunk-3UFG7XTQ.mjs';
+import '../../chunk-N5EI2MOZ.mjs';
+import '../../chunk-FNTGY7I5.mjs';