@replohq/sandbox-runtime 1.10.0 → 1.10.2

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

@@ -94,6 +94,7 @@ export type SelectedElement = {
     tagName: string;
     elementType: string;
     textContent: string | null;
+    sectionLabel?: string;
     rect: SelectModeBoundingRect;
     textMetrics: SelectModeTextMetrics | null;
     outerHTML: string;

package/_vendor/schemas/selectMode.d.ts

@@ -145,6 +145,7 @@ export declare const selectedElementSchema: z.ZodObject<{
     tagName: z.ZodString;
     elementType: z.ZodString;
     textContent: z.ZodNullable<z.ZodString>;
+    sectionLabel: z.ZodOptional<z.ZodString>;
     rect: z.ZodObject<{
         x: z.ZodNumber;
         y: z.ZodNumber;
@@ -246,6 +247,7 @@ export declare const selectableDataSchema: z.ZodDiscriminatedUnion<[z.ZodObject<
     tagName: z.ZodString;
     elementType: z.ZodString;
     textContent: z.ZodNullable<z.ZodString>;
+    sectionLabel: z.ZodOptional<z.ZodString>;
     rect: z.ZodObject<{
         x: z.ZodNumber;
         y: z.ZodNumber;
@@ -442,6 +444,7 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
         tagName: z.ZodString;
         elementType: z.ZodString;
         textContent: z.ZodNullable<z.ZodString>;
+        sectionLabel: z.ZodOptional<z.ZodString>;
         rect: z.ZodObject<{
             x: z.ZodNumber;
             y: z.ZodNumber;
@@ -544,6 +547,7 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
         tagName: z.ZodString;
         elementType: z.ZodString;
         textContent: z.ZodNullable<z.ZodString>;
+        sectionLabel: z.ZodOptional<z.ZodString>;
         rect: z.ZodObject<{
             x: z.ZodNumber;
             y: z.ZodNumber;

package/_vendor/schemas/selectMode.mjs

@@ -1,4 +1,4 @@
-export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-PJBGUXBG.mjs';
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-NBVMONRN.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -60,6 +60,7 @@ export declare const selectModeEventInputSchemas: {
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
+            sectionLabel: z.ZodOptional<z.ZodString>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;
                 y: z.ZodNumber;
@@ -201,6 +202,7 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
+            sectionLabel: z.ZodOptional<z.ZodString>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;
                 y: z.ZodNumber;
@@ -277,6 +279,7 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
+            sectionLabel: z.ZodOptional<z.ZodString>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;
                 y: z.ZodNumber;
@@ -472,6 +475,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
+                sectionLabel: z.ZodOptional<z.ZodString>;
                 rect: z.ZodObject<{
                     x: z.ZodNumber;
                     y: z.ZodNumber;
@@ -566,6 +570,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
+                sectionLabel: z.ZodOptional<z.ZodString>;
                 rect: z.ZodObject<{
                     x: z.ZodNumber;
                     y: z.ZodNumber;
@@ -749,6 +754,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
+                sectionLabel: z.ZodOptional<z.ZodString>;
                 rect: z.ZodObject<{
                     x: z.ZodNumber;
                     y: z.ZodNumber;
@@ -1009,6 +1015,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
+            sectionLabel: z.ZodOptional<z.ZodString>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;
                 y: z.ZodNumber;
@@ -1187,6 +1194,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
+            sectionLabel: z.ZodOptional<z.ZodString>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;
                 y: z.ZodNumber;

package/_vendor/schemas/selectModeIframeRpc.mjs

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

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "branch": "HEAD",
-  "commit": "604d707e41cac581b43e134371e5e9a0f78fa2b7",
-  "builtAt": "2026-09-25T19:36:00.140Z"
+  "commit": "0253f4740d039112c72fe121bf18ea8b609af18b",
+  "builtAt": "2026-09-27T03:43:50.436Z"
 };

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

@@ -127,6 +127,7 @@ var selectedElementSchema = z.object({
   tagName: z.string(),
   elementType: z.string(),
   textContent: z.string().nullable(),
+  sectionLabel: z.string().optional(),
   rect: selectModeBoundingRectSchema,
   textMetrics: selectModeTextMetricsSchema.nullable(),
   outerHTML: z.string(),

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.10.0",
+    "version": "1.10.2",
     "branch": "HEAD",
-    "commit": "604d707e41cac581b43e134371e5e9a0f78fa2b7",
-    "builtAt": "2026-09-25T19:36:00.140Z"
+    "commit": "0253f4740d039112c72fe121bf18ea8b609af18b",
+    "builtAt": "2026-09-27T03:43:50.436Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/elementDescriptor.js

@@ -8,6 +8,43 @@ import { getImageDescriptor } from "../imageSources";
 import { skipInlineTextMarkElements } from "../inlineTextMarks";
 import { getElementBoundingRect } from "../interactions/selectionGeometry";
 import { getDefinedStyles, getInheritedStyles } from "./styleExtraction";
+const SECTION_SELECTOR = 'section, article, aside, [role="region"]';
+const SECTION_LABEL_LENGTH = 60;
+function normalizeSectionLabel(value) {
+  return value?.replace(/\s+/g, " ").trim().slice(0, SECTION_LABEL_LENGTH) || void 0;
+}
+function findSectionLabel(section) {
+  if (!section) {
+    return void 0;
+  }
+  const ariaLabel = normalizeSectionLabel(section.getAttribute("aria-label"));
+  if (ariaLabel) {
+    return ariaLabel;
+  }
+  const labelledBy = section.getAttribute("aria-labelledby");
+  const labelledByText = normalizeSectionLabel(
+    labelledBy?.split(/\s+/).map((id) => section.ownerDocument.getElementById(id)?.textContent).filter(Boolean).join(" ")
+  );
+  if (labelledByText) {
+    return labelledByText;
+  }
+  const headings = Array.from(
+    section.querySelectorAll("h1, h2, h3, h4, h5, h6")
+  ).filter((candidate) => {
+    if (candidate.checkVisibility?.({ visibilityProperty: true }) === false) {
+      return false;
+    }
+    const semanticSection = candidate.closest(SECTION_SELECTOR);
+    return !semanticSection || semanticSection === section || !section.contains(semanticSection);
+  });
+  const highestHeadingLevel = Math.min(
+    ...headings.map((heading2) => Number(heading2.tagName[1]))
+  );
+  const [heading, competingHeading] = headings.filter(
+    (candidate) => Number(candidate.tagName[1]) === highestHeadingLevel
+  );
+  return competingHeading ? void 0 : normalizeSectionLabel(heading ? getRenderedText(heading) : void 0);
+}
 function getNearestSelectableElement(element) {
   const host = skipInlineTextMarkElements(element);
   return host.closest(`[${SELECT_MODE_SELECTABLE_ATTRIBUTE}]`) ?? host;
@@ -184,12 +221,14 @@ function buildElementDescriptor({
   const fiberChain = element instanceof HTMLElement ? getFiberChain(element) : [];
   const sourceLocation = fiberChain[0]?.sourceLocation;
   const trimmedText = getRenderedText(element);
+  const sectionLabel = findSectionLabel(section);
   return {
     kind: "react-element",
     selector: buildSelector(element),
     tagName: element.tagName.toLowerCase(),
     elementType: identifyElement({ element, trimmedText }),
     textContent: trimmedText?.slice(0, 200) ?? null,
+    ...sectionLabel ? { sectionLabel } : {},
     rect: getElementBoundingRect(element),
     textMetrics,
     outerHTML: element.outerHTML.slice(0, 4e3),

package/select-mode/hooks/useSelectionInteractions.js

@@ -4,6 +4,7 @@ import {
   getNearestSelectableElement
 } from "../descriptor/elementDescriptor";
 import { getWebsiteBuilderRpc } from "../iframeRpcChannel";
+import { findContainingSection } from "../interactions/sectionGeometry";
 import {
   collectDragCandidates,
   getCandidatesInSelection,
@@ -242,6 +243,7 @@ function useSelectionInteractions() {
         element,
         data: buildElementDescriptor({
           element,
+          section: findContainingSection(element),
           clickPosition: getElementAnchor({
             element,
             selectionRect: anchorRect

package/select-mode/iframeRpcChannel.d.ts

@@ -19,6 +19,7 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
                 tagName: import("zod").ZodString;
                 elementType: import("zod").ZodString;
                 textContent: import("zod").ZodNullable<import("zod").ZodString>;
+                sectionLabel: import("zod").ZodOptional<import("zod").ZodString>;
                 rect: import("zod").ZodObject<{
                     x: import("zod").ZodNumber;
                     y: import("zod").ZodNumber;
@@ -113,6 +114,7 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
                 tagName: import("zod").ZodString;
                 elementType: import("zod").ZodString;
                 textContent: import("zod").ZodNullable<import("zod").ZodString>;
+                sectionLabel: import("zod").ZodOptional<import("zod").ZodString>;
                 rect: import("zod").ZodObject<{
                     x: import("zod").ZodNumber;
                     y: import("zod").ZodNumber;
@@ -296,6 +298,7 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
                 tagName: import("zod").ZodString;
                 elementType: import("zod").ZodString;
                 textContent: import("zod").ZodNullable<import("zod").ZodString>;
+                sectionLabel: import("zod").ZodOptional<import("zod").ZodString>;
                 rect: import("zod").ZodObject<{
                     x: import("zod").ZodNumber;
                     y: import("zod").ZodNumber;

package/select-mode/selectModeStore.d.ts

@@ -5,6 +5,7 @@ import type { SelectionFrameSpec } from "./selectionFrame";
 import type { SelectModeInteractionSession } from "./selectModeSession";
 import type { InlineTiptapEditor } from "./tiptapInlineEditor";
 export declare const EMPTY_ACTIVE_MARKS: SelectModeTiptapActiveMarks;
+export declare const INLINE_EDIT_PREPARE_TIMEOUT_MS = 10000;
 type InlineEditDraft = {
     status: "pending";
     editId: string;

package/select-mode/selectModeStore.js

@@ -29,6 +29,7 @@ const EMPTY_ACTIVE_MARKS = {
   strike: false
 };
 const FOCUS_STEAL_GUARD_MS = 1500;
+const INLINE_EDIT_PREPARE_TIMEOUT_MS = 1e4;
 function isPendingEdit({
   editId,
   request
@@ -579,7 +580,7 @@ const selectModeStore = createShallowStore(
           const editId = crypto.randomUUID();
           const timeout = window.setTimeout(
             () => finishPendingEdit({ editId, status: "failed" }),
-            5e3
+            INLINE_EDIT_PREPARE_TIMEOUT_MS
           );
           setInlineEditRequest({
             activeMarks: EMPTY_ACTIVE_MARKS,
@@ -693,6 +694,7 @@ const useInteractionSession = () => {
 };
 export {
   EMPTY_ACTIVE_MARKS,
+  INLINE_EDIT_PREPARE_TIMEOUT_MS,
   selectModeStore,
   useDisplayMode,
   useEditingElement,