@replohq/sandbox-runtime 0.3.0 → 1.0.1

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

@@ -1,4 +1,11 @@
 import type { DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeBoundingRect, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
+export type IframeRuntimeBuildMetadata = {
+    packageName: string;
+    version: string;
+    branch: string | null;
+    commit: string | null;
+    builtAt: string | null;
+};
 export type SelectModeParentMessage = {
     method: "setDisplayMode";
     data: {
@@ -46,6 +53,7 @@ export type SelectModeParentMessage = {
 };
 export type SelectModeIframeMessage = {
     method: "iframeReady";
+    data?: IframeRuntimeBuildMetadata;
 } | {
     method: "elementSelected";
     data: {

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -2,6 +2,13 @@ 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 iframeRuntimeBuildMetadataSchema: z.ZodObject<{
+    packageName: z.ZodString;
+    version: z.ZodString;
+    branch: z.ZodNullable<z.ZodString>;
+    commit: z.ZodNullable<z.ZodString>;
+    builtAt: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
 export declare const websiteBuilderToCanopyMethodConfig: {
     symbolicateSelectedElement: {
         inputSchema: z.ZodObject<{
@@ -280,7 +287,13 @@ export declare const canopyToWebsiteBuilderMethodConfig: {
         timeoutMs: number;
     };
     iframeReady: {
-        inputSchema: z.ZodUndefined;
+        inputSchema: z.ZodOptional<z.ZodObject<{
+            packageName: z.ZodString;
+            version: z.ZodString;
+            branch: z.ZodNullable<z.ZodString>;
+            commit: z.ZodNullable<z.ZodString>;
+            builtAt: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>;
         outputSchema: z.ZodVoid;
     };
     elementSelected: {
@@ -629,6 +642,13 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
 }, z.core.$strip>], "method">;
 export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     method: z.ZodLiteral<"iframeReady">;
+    data: z.ZodOptional<z.ZodObject<{
+        packageName: z.ZodString;
+        version: z.ZodString;
+        branch: z.ZodNullable<z.ZodString>;
+        commit: z.ZodNullable<z.ZodString>;
+        builtAt: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>>;
 }, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"elementSelected">;
     data: z.ZodObject<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -5,6 +5,13 @@ 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 iframeRuntimeBuildMetadataSchema = z.object({
+  packageName: z.string(),
+  version: z.string(),
+  branch: z.string().nullable(),
+  commit: z.string().nullable(),
+  builtAt: z.string().nullable()
+}).describe("IframeRuntimeBuildMetadata");
 var websiteBuilderToCanopyMethodConfig = {
   symbolicateSelectedElement: {
     inputSchema: selectedElementSchema,
@@ -78,7 +85,7 @@ var canopyToWebsiteBuilderMethodConfig = {
     timeoutMs: 5e3
   },
   iframeReady: {
-    inputSchema: z.undefined(),
+    inputSchema: iframeRuntimeBuildMetadataSchema.optional(),
     outputSchema: z.void()
   },
   elementSelected: {
@@ -181,7 +188,8 @@ var selectModeParentMessageSchema = z.discriminatedUnion("method", [
 ]).describe("SelectModeParentMessage");
 var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
   z.object({
-    method: z.literal("iframeReady")
+    method: z.literal("iframeReady"),
+    data: iframeRuntimeBuildMetadataSchema.optional()
   }),
   z.object({
     method: z.literal("elementSelected"),
@@ -220,4 +228,4 @@ var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
   })
 ]).describe("SelectModeIframeMessage");
 
-export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToCanopyMethodConfig };
+export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, iframeRuntimeBuildMetadataSchema, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToCanopyMethodConfig };

package/buildMetadata.d.ts

@@ -0,0 +1,9 @@
+type BuildMetadata = {
+    packageName: string;
+    version: string;
+    branch: string | null;
+    commit: string | null;
+    builtAt: string | null;
+};
+export declare const BUILD_METADATA: BuildMetadata;
+export {};

package/buildMetadata.js

@@ -0,0 +1,7 @@
+export const BUILD_METADATA = {
+  "packageName": "@replohq/sandbox-runtime",
+  "version": "1.0.1",
+  "branch": "HEAD",
+  "commit": "9fc57a3ef1d06689e70fe0d90c25c03717e37d03",
+  "builtAt": "2026-08-19T22:39:33.469Z"
+};

package/buildMetadata.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../buildMetadata.ts"],
+  "sourcesContent": ["type BuildMetadata = {\n  packageName: string;\n  version: string;\n  branch: string | null;\n  commit: string | null;\n  builtAt: string | null;\n};\n\nexport const BUILD_METADATA: BuildMetadata = {\n  packageName: \"@replohq/sandbox-runtime\",\n  version: \"0.0.0-dev\",\n  branch: null,\n  commit: null,\n  builtAt: null,\n};\n"],
+  "mappings": "AAQO,MAAM,iBAAgC;AAAA,EAC3C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,13 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "0.3.0",
+  "version": "1.0.1",
+  "reploBuild": {
+    "packageName": "@replohq/sandbox-runtime",
+    "version": "1.0.1",
+    "branch": "HEAD",
+    "commit": "9fc57a3ef1d06689e70fe0d90c25c03717e37d03",
+    "builtAt": "2026-08-19T22:39:33.469Z"
+  },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -33,11 +40,16 @@
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@types/react": ">=18.2.0",
-    "@types/react-dom": ">=18.2.0",
+    "@types/react": ">=19.0.0",
+    "@types/react-dom": ">=19.0.0",
     "next": ">=15.0.0",
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/replohq/andytown.git",
+    "directory": "packages/sandbox-runtime"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/select-mode/EditorSelection.js

@@ -1,6 +1,9 @@
 "use client";
 import { useCallback, useEffect } from "react";
-import { buildElementDescriptor } from "./descriptor/elementDescriptor";
+import {
+  buildElementDescriptor,
+  buildSelector
+} from "./descriptor/elementDescriptor";
 import { installFastRefreshRelay } from "./fast-refresh-relay";
 import { useCrosshairCursor } from "./hooks/useCrosshairCursor";
 import { useEditModeStateMachine } from "./hooks/useEditModeStateMachine";
@@ -10,6 +13,7 @@ import { useSelectionHover } from "./hooks/useSelectionHover";
 import { useSelectionInteractions } from "./hooks/useSelectionInteractions";
 import { useSelectionScrollSync } from "./hooks/useSelectionScrollSync";
 import { useSelectModeController } from "./hooks/useSelectModeController";
+import { getRepetitionSiblingElements } from "./hooks/useSiblingResolution";
 import { getWebsiteBuilderRpc } from "./iframeRpcChannel";
 import { symbolicateSelectedElement } from "./symbolicate";
 function EditorSelection() {
@@ -40,10 +44,11 @@ function EditorSelection() {
     if (!(element instanceof Element) || !element.isConnected) {
       return;
     }
+    const siblingElements = getRepetitionSiblingElements({ element });
     const descriptor = buildElementDescriptor({
       element,
       clickPosition: session.clickPosition ?? (session.data.kind === "react-element" ? session.data.clickPosition : { x: 0, y: 0 }),
-      siblingSelectors: session.data.kind === "react-element" ? session.data.siblingSelectors : []
+      siblingSelectors: siblingElements.map(buildSelector)
     });
     if (descriptor.kind !== "react-element") {
       return;
@@ -51,6 +56,7 @@ function EditorSelection() {
     interactionSessionRef.current = {
       ...session,
       element,
+      siblingElements,
       data: descriptor
     };
     void symbolicateSelectedElement(descriptor).then((symbolicated) => {

package/select-mode/EditorSelection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../select-mode/EditorSelection.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport { useCallback, useEffect } from \"react\";\n\nimport { buildElementDescriptor } from \"./descriptor/elementDescriptor\";\nimport { installFastRefreshRelay } from \"./fast-refresh-relay\";\nimport { useCrosshairCursor } from \"./hooks/useCrosshairCursor\";\nimport { useEditModeStateMachine } from \"./hooks/useEditModeStateMachine\";\nimport { useOptimisticOverrides } from \"./hooks/useOptimisticOverrides\";\nimport { useParentMessaging } from \"./hooks/useParentMessaging\";\nimport { useSelectionHover } from \"./hooks/useSelectionHover\";\nimport { useSelectionInteractions } from \"./hooks/useSelectionInteractions\";\nimport { useSelectionScrollSync } from \"./hooks/useSelectionScrollSync\";\nimport { useSelectModeController } from \"./hooks/useSelectModeController\";\nimport { getWebsiteBuilderRpc } from \"./iframeRpcChannel\";\nimport { symbolicateSelectedElement } from \"./symbolicate\";\n\n/**\n * Mounts the iframe-side selectMode controller. This is a render-less\n * component \u2014 every responsibility is delegated to a dedicated hook so each\n * concern (parent messaging, cursor styling, pointer interactions, hover\n * tracking, scroll syncing) can be read in isolation:\n *\n *  - `useParentMessaging` \u2014 inbound messages from the parent (set mode,\n *    set selection type) + outbound `IFRAME_READY` handshake.\n *  - `useCrosshairCursor` \u2014 crosshair cursor + disable text/drag selection\n *    while in selection mode.\n *  - `useSelectionInteractions` \u2014 pointer-down / move / up state machine\n *    that produces `ELEMENT_SELECTED`, `AREA_SELECTED`, and live\n *    `DRAG_RECT_UPDATED` messages.\n *  - `useSelectionHover` \u2014 hover-element rect updates.\n *  - `useSelectionScrollSync` \u2014 keeps the parent overlay aligned with the\n *    selected element/area when the iframe scrolls.\n *\n * The `interactionSessionRef` is the single source of truth for the\n * in-progress drag/selection \u2014 every hook reads/writes it via ref so we\n * don't trigger React re-renders during interaction-heavy operations.\n *\n * @author Kevin O'Connell 2026-04-17\n */\nexport function EditorSelection() {\n  const {\n    displayMode,\n    interactionSessionRef,\n    setDisplayMode,\n    setSelectionType,\n  } = useSelectModeController();\n  const { beginEditing, editingElementRef, formatCommand, revert } =\n    useEditModeStateMachine({\n      displayMode,\n      interactionSessionRef,\n    });\n  const {\n    applyOptimisticUpdate,\n    markCommitted,\n    reapplyOverrides,\n    resolveSessionOverrides,\n    revertOverride,\n  } = useOptimisticOverrides();\n\n  const postSelectedElementSnapshot = useCallback(() => {\n    const session = interactionSessionRef.current;\n    if (session.type !== \"element\") {\n      return;\n    }\n\n    const selectedElement =\n      session.data.kind === \"react-element\"\n        ? document.querySelector(session.data.selector)\n        : null;\n    const element = selectedElement ?? session.element;\n    if (!(element instanceof Element) || !element.isConnected) {\n      return;\n    }\n\n    const descriptor = buildElementDescriptor({\n      element,\n      clickPosition:\n        session.clickPosition ??\n        (session.data.kind === \"react-element\"\n          ? session.data.clickPosition\n          : { x: 0, y: 0 }),\n      siblingSelectors:\n        session.data.kind === \"react-element\"\n          ? session.data.siblingSelectors\n          : [],\n    });\n    if (descriptor.kind !== \"react-element\") {\n      return;\n    }\n\n    interactionSessionRef.current = {\n      ...session,\n      element,\n      data: descriptor,\n    };\n\n    void symbolicateSelectedElement(descriptor).then((symbolicated) => {\n      getWebsiteBuilderRpc()?.elementSelected({ data: symbolicated });\n    });\n  }, [interactionSessionRef]);\n\n  // eslint-disable-next-line replo/no-use-effect -- Installs a window-level console bridge for the preview iframe.\n  useEffect(() => {\n    installFastRefreshRelay({\n      onComplete: () => {\n        // Re-apply before re-symbolicating so the snapshot reads the\n        // optimistic content, not the source the refresh just repainted.\n        reapplyOverrides({ skipElement: editingElementRef.current });\n        postSelectedElementSnapshot();\n      },\n    });\n  }, [editingElementRef, postSelectedElementSnapshot, reapplyOverrides]);\n\n  useParentMessaging({\n    applyOptimisticUpdate,\n    markCommitted,\n    onExitEditMode: revert,\n    onFormatCommand: formatCommand,\n    resolveSessionOverrides,\n    revertOverride,\n    setDisplayMode,\n    setSelectionType,\n  });\n  useCrosshairCursor({ displayMode });\n  useSelectionInteractions({\n    displayMode,\n    editingElementRef,\n    interactionSessionRef,\n    onBeginEditing: beginEditing,\n  });\n  useSelectionHover({ displayMode, interactionSessionRef });\n  useSelectionScrollSync({\n    displayMode,\n    interactionSessionRef,\n  });\n\n  return null;\n}\n"],
-  "mappings": ";AAEA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAyBpC,SAAS,kBAAkB;AAChC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,wBAAwB;AAC5B,QAAM,EAAE,cAAc,mBAAmB,eAAe,OAAO,IAC7D,wBAAwB;AAAA,IACtB;AAAA,IACA;AAAA,EACF,CAAC;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAE3B,QAAM,8BAA8B,YAAY,MAAM;AACpD,UAAM,UAAU,sBAAsB;AACtC,QAAI,QAAQ,SAAS,WAAW;AAC9B;AAAA,IACF;AAEA,UAAM,kBACJ,QAAQ,KAAK,SAAS,kBAClB,SAAS,cAAc,QAAQ,KAAK,QAAQ,IAC5C;AACN,UAAM,UAAU,mBAAmB,QAAQ;AAC3C,QAAI,EAAE,mBAAmB,YAAY,CAAC,QAAQ,aAAa;AACzD;AAAA,IACF;AAEA,UAAM,aAAa,uBAAuB;AAAA,MACxC;AAAA,MACA,eACE,QAAQ,kBACP,QAAQ,KAAK,SAAS,kBACnB,QAAQ,KAAK,gBACb,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,MACnB,kBACE,QAAQ,KAAK,SAAS,kBAClB,QAAQ,KAAK,mBACb,CAAC;AAAA,IACT,CAAC;AACD,QAAI,WAAW,SAAS,iBAAiB;AACvC;AAAA,IACF;AAEA,0BAAsB,UAAU;AAAA,MAC9B,GAAG;AAAA,MACH;AAAA,MACA,MAAM;AAAA,IACR;AAEA,SAAK,2BAA2B,UAAU,EAAE,KAAK,CAAC,iBAAiB;AACjE,2BAAqB,GAAG,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,IAChE,CAAC;AAAA,EACH,GAAG,CAAC,qBAAqB,CAAC;AAG1B,YAAU,MAAM;AACd,4BAAwB;AAAA,MACtB,YAAY,MAAM;AAGhB,yBAAiB,EAAE,aAAa,kBAAkB,QAAQ,CAAC;AAC3D,oCAA4B;AAAA,MAC9B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,mBAAmB,6BAA6B,gBAAgB,CAAC;AAErE,qBAAmB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,qBAAmB,EAAE,YAAY,CAAC;AAClC,2BAAyB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AACD,oBAAkB,EAAE,aAAa,sBAAsB,CAAC;AACxD,yBAAuB;AAAA,IACrB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["\"use client\";\n\nimport { useCallback, useEffect } from \"react\";\n\nimport {\n  buildElementDescriptor,\n  buildSelector,\n} from \"./descriptor/elementDescriptor\";\nimport { installFastRefreshRelay } from \"./fast-refresh-relay\";\nimport { useCrosshairCursor } from \"./hooks/useCrosshairCursor\";\nimport { useEditModeStateMachine } from \"./hooks/useEditModeStateMachine\";\nimport { useOptimisticOverrides } from \"./hooks/useOptimisticOverrides\";\nimport { useParentMessaging } from \"./hooks/useParentMessaging\";\nimport { useSelectionHover } from \"./hooks/useSelectionHover\";\nimport { useSelectionInteractions } from \"./hooks/useSelectionInteractions\";\nimport { useSelectionScrollSync } from \"./hooks/useSelectionScrollSync\";\nimport { useSelectModeController } from \"./hooks/useSelectModeController\";\nimport { getRepetitionSiblingElements } from \"./hooks/useSiblingResolution\";\nimport { getWebsiteBuilderRpc } from \"./iframeRpcChannel\";\nimport { symbolicateSelectedElement } from \"./symbolicate\";\n\n/**\n * Mounts the iframe-side selectMode controller. This is a render-less\n * component \u2014 every responsibility is delegated to a dedicated hook so each\n * concern (parent messaging, cursor styling, pointer interactions, hover\n * tracking, scroll syncing) can be read in isolation:\n *\n *  - `useParentMessaging` \u2014 inbound messages from the parent (set mode,\n *    set selection type) + outbound `IFRAME_READY` handshake.\n *  - `useCrosshairCursor` \u2014 crosshair cursor + disable text/drag selection\n *    while in selection mode.\n *  - `useSelectionInteractions` \u2014 pointer-down / move / up state machine\n *    that produces `ELEMENT_SELECTED`, `AREA_SELECTED`, and live\n *    `DRAG_RECT_UPDATED` messages.\n *  - `useSelectionHover` \u2014 hover-element rect updates.\n *  - `useSelectionScrollSync` \u2014 keeps the parent overlay aligned with the\n *    selected element/area when the iframe scrolls.\n *\n * The `interactionSessionRef` is the single source of truth for the\n * in-progress drag/selection \u2014 every hook reads/writes it via ref so we\n * don't trigger React re-renders during interaction-heavy operations.\n *\n * @author Kevin O'Connell 2026-04-17\n */\nexport function EditorSelection() {\n  const {\n    displayMode,\n    interactionSessionRef,\n    setDisplayMode,\n    setSelectionType,\n  } = useSelectModeController();\n  const { beginEditing, editingElementRef, formatCommand, revert } =\n    useEditModeStateMachine({\n      displayMode,\n      interactionSessionRef,\n    });\n  const {\n    applyOptimisticUpdate,\n    markCommitted,\n    reapplyOverrides,\n    resolveSessionOverrides,\n    revertOverride,\n  } = useOptimisticOverrides();\n\n  const postSelectedElementSnapshot = useCallback(() => {\n    const session = interactionSessionRef.current;\n    if (session.type !== \"element\") {\n      return;\n    }\n\n    const selectedElement =\n      session.data.kind === \"react-element\"\n        ? document.querySelector(session.data.selector)\n        : null;\n    const element = selectedElement ?? session.element;\n    if (!(element instanceof Element) || !element.isConnected) {\n      return;\n    }\n\n    // A fast refresh can replace the repeated DOM nodes, so the group is\n    // re-resolved from the (possibly re-created) element rather than carried\n    // over from the stale session.\n    const siblingElements = getRepetitionSiblingElements({ element });\n    const descriptor = buildElementDescriptor({\n      element,\n      clickPosition:\n        session.clickPosition ??\n        (session.data.kind === \"react-element\"\n          ? session.data.clickPosition\n          : { x: 0, y: 0 }),\n      siblingSelectors: siblingElements.map(buildSelector),\n    });\n    if (descriptor.kind !== \"react-element\") {\n      return;\n    }\n\n    interactionSessionRef.current = {\n      ...session,\n      element,\n      siblingElements,\n      data: descriptor,\n    };\n\n    void symbolicateSelectedElement(descriptor).then((symbolicated) => {\n      getWebsiteBuilderRpc()?.elementSelected({ data: symbolicated });\n    });\n  }, [interactionSessionRef]);\n\n  // eslint-disable-next-line replo/no-use-effect -- Installs a window-level console bridge for the preview iframe.\n  useEffect(() => {\n    installFastRefreshRelay({\n      onComplete: () => {\n        // Re-apply before re-symbolicating so the snapshot reads the\n        // optimistic content, not the source the refresh just repainted.\n        reapplyOverrides({ skipElement: editingElementRef.current });\n        postSelectedElementSnapshot();\n      },\n    });\n  }, [editingElementRef, postSelectedElementSnapshot, reapplyOverrides]);\n\n  useParentMessaging({\n    applyOptimisticUpdate,\n    markCommitted,\n    onExitEditMode: revert,\n    onFormatCommand: formatCommand,\n    resolveSessionOverrides,\n    revertOverride,\n    setDisplayMode,\n    setSelectionType,\n  });\n  useCrosshairCursor({ displayMode });\n  useSelectionInteractions({\n    displayMode,\n    editingElementRef,\n    interactionSessionRef,\n    onBeginEditing: beginEditing,\n  });\n  useSelectionHover({ displayMode, interactionSessionRef });\n  useSelectionScrollSync({\n    displayMode,\n    interactionSessionRef,\n  });\n\n  return null;\n}\n"],
+  "mappings": ";AAEA,SAAS,aAAa,iBAAiB;AAEvC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AACxC,SAAS,oCAAoC;AAC7C,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAyBpC,SAAS,kBAAkB;AAChC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,wBAAwB;AAC5B,QAAM,EAAE,cAAc,mBAAmB,eAAe,OAAO,IAC7D,wBAAwB;AAAA,IACtB;AAAA,IACA;AAAA,EACF,CAAC;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAE3B,QAAM,8BAA8B,YAAY,MAAM;AACpD,UAAM,UAAU,sBAAsB;AACtC,QAAI,QAAQ,SAAS,WAAW;AAC9B;AAAA,IACF;AAEA,UAAM,kBACJ,QAAQ,KAAK,SAAS,kBAClB,SAAS,cAAc,QAAQ,KAAK,QAAQ,IAC5C;AACN,UAAM,UAAU,mBAAmB,QAAQ;AAC3C,QAAI,EAAE,mBAAmB,YAAY,CAAC,QAAQ,aAAa;AACzD;AAAA,IACF;AAKA,UAAM,kBAAkB,6BAA6B,EAAE,QAAQ,CAAC;AAChE,UAAM,aAAa,uBAAuB;AAAA,MACxC;AAAA,MACA,eACE,QAAQ,kBACP,QAAQ,KAAK,SAAS,kBACnB,QAAQ,KAAK,gBACb,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,MACnB,kBAAkB,gBAAgB,IAAI,aAAa;AAAA,IACrD,CAAC;AACD,QAAI,WAAW,SAAS,iBAAiB;AACvC;AAAA,IACF;AAEA,0BAAsB,UAAU;AAAA,MAC9B,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,MAAM;AAAA,IACR;AAEA,SAAK,2BAA2B,UAAU,EAAE,KAAK,CAAC,iBAAiB;AACjE,2BAAqB,GAAG,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,IAChE,CAAC;AAAA,EACH,GAAG,CAAC,qBAAqB,CAAC;AAG1B,YAAU,MAAM;AACd,4BAAwB;AAAA,MACtB,YAAY,MAAM;AAGhB,yBAAiB,EAAE,aAAa,kBAAkB,QAAQ,CAAC;AAC3D,oCAA4B;AAAA,MAC9B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,mBAAmB,6BAA6B,gBAAgB,CAAC;AAErE,qBAAmB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,qBAAmB,EAAE,YAAY,CAAC;AAClC,2BAAyB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AACD,oBAAkB,EAAE,aAAa,sBAAsB,CAAC;AACxD,yBAAuB;AAAA,IACrB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/select-mode/fiber.d.ts

@@ -1,9 +1,9 @@
+export interface DebugSource {
+    fileName: string;
+    lineNumber: number;
+    columnNumber?: number;
+}
 export interface ReactFiber {
-    _debugSource?: {
-        fileName: string;
-        lineNumber: number;
-        columnNumber?: number;
-    };
     _debugStack?: unknown;
     _debugOwner?: ReactFiber;
     type?: {
@@ -11,17 +11,17 @@ export interface ReactFiber {
         displayName?: string;
     } | string | ((...args: unknown[]) => unknown) | null;
     return?: ReactFiber | null;
+    child?: ReactFiber | null;
+    sibling?: ReactFiber | null;
+    alternate?: ReactFiber | null;
+    stateNode?: unknown;
     memoizedProps?: Record<string, unknown>;
     pendingProps?: Record<string, unknown>;
 }
 export declare function getFiberFromElement(element: HTMLElement): ReactFiber | null;
 export declare function getComponentName(fiber: ReactFiber | null | undefined): string | undefined;
-export declare function findDebugSource(fiber: ReactFiber, maxDepth?: number): {
-    source: ReactFiber["_debugSource"];
-    componentName?: string;
-} | null;
-export declare function findDebugSourceReact19(fiber: ReactFiber): {
-    source: ReactFiber["_debugSource"];
+export declare function findDebugSource(fiber: ReactFiber): {
+    source: DebugSource;
     componentName?: string;
 } | null;
 export declare function getSourceLocation(element: HTMLElement): {
@@ -30,12 +30,7 @@ export declare function getSourceLocation(element: HTMLElement): {
     columnNumber: number | undefined;
     componentName: string | undefined;
 } | undefined;
-export declare function getHostSourceIdentity(element: HTMLElement): {
-    filePath: string;
-    lineNumber: number;
-    columnNumber: number | undefined;
-    tagName: string;
-} | null;
+export declare function getRepetitionHostNodes(element: HTMLElement): HTMLElement[];
 export declare function getFiberChain(element: HTMLElement): {
     sourceLocation: {
         filePath: string;

package/select-mode/fiber.js

@@ -2,6 +2,10 @@ import { z } from "zod";
 const MAX_FIBER_CHAIN_DEPTH = 80;
 const MAX_SERIALIZED_PROP_COUNT = 24;
 const MAX_SERIALIZED_STRING_LENGTH = 500;
+const MAX_SIBLING_SCAN = 5e3;
+const MAX_SUBTREE_SCAN = 5e3;
+const MAX_ROOT_CLIMB_DEPTH = 1e3;
+const MAX_CURRENT_TREE_SCAN = 5e4;
 const REACT_INTERNAL_FRAME_PATTERNS = [
   /react.*jsx-dev-runtime/,
   /react.*jsx-runtime/,
@@ -20,9 +24,9 @@ function isReactInternalFrame(fileName) {
 const REACT_INTERNAL_METHOD_PATTERNS = [
   /(?:^|\.)jsxDEV(?:Impl)?$/,
   /(?:^|\.)jsxs?$/,
-  /(?:^|\.)react_stack_bottom_frame$/,
   /(?:^|\.)fakeJSXCallSite$/
 ];
+const REACT_STACK_BOTTOM_FRAME_PATTERN = /react[-_]stack[-_]bottom[-_]frame/;
 function isReactInternalMethod(methodName) {
   if (!methodName) {
     return false;
@@ -49,7 +53,12 @@ function parseDebugStackSource(debugStack) {
     if (!line) {
       continue;
     }
-    const framedMatch = line.match(/^at\s+(.+?)\s+\((.*):(\d+):(\d+)\)$/);
+    if (REACT_STACK_BOTTOM_FRAME_PATTERN.test(line)) {
+      return null;
+    }
+    const framedMatch = line.match(/^at\s+(.+?)\s+\((.*):(\d+):(\d+)\)$/) ?? // Method names never contain `/`, which keeps `@`-versioned path
+    // segments (`.pnpm/react@19.2.4/…`) from being read as a method.
+    line.match(/^([^@/]*)@(.+):(\d+):(\d+)$/);
     const stackFrameMatch = framedMatch ?? line.match(/^at\s+(?:.*\()?(.*):(\d+):(\d+)\)?$/) ?? line.match(/^(.*):(\d+):(\d+)$/);
     if (!stackFrameMatch) {
       continue;
@@ -99,30 +108,6 @@ function getFiberFromElement(element) {
   if (fiberKey) {
     return element[fiberKey] ?? null;
   }
-  const instanceKey = keys.find((key) => {
-    return key.startsWith("__reactInternalInstance$");
-  });
-  if (instanceKey) {
-    return (
-      // Legacy cast - may or may not be necessary
-      // eslint-disable-next-line replo/no-as-cast
-      element[instanceKey] ?? null
-    );
-  }
-  const possibleFiberKey = keys.find((key) => {
-    if (!key.startsWith("__react")) {
-      return false;
-    }
-    const value = element[key];
-    return value && typeof value === "object" && "_debugSource" in value;
-  });
-  if (possibleFiberKey) {
-    return (
-      // Legacy cast - may or may not be necessary
-      // eslint-disable-next-line replo/no-as-cast
-      element[possibleFiberKey] ?? null
-    );
-  }
   return null;
 }
 function getComponentName(fiber) {
@@ -140,28 +125,7 @@ function getComponentName(fiber) {
   }
   return void 0;
 }
-function findDebugSource(fiber, maxDepth = 50) {
-  let current = fiber;
-  let depth = 0;
-  while (current && depth < maxDepth) {
-    if (current._debugSource) {
-      return {
-        source: current._debugSource,
-        componentName: getComponentName(current)
-      };
-    }
-    if (current._debugOwner?._debugSource) {
-      return {
-        source: current._debugOwner._debugSource,
-        componentName: getComponentName(current._debugOwner)
-      };
-    }
-    current = current.return;
-    depth++;
-  }
-  return null;
-}
-function findDebugSourceReact19(fiber) {
+function findDebugSource(fiber) {
   let current = fiber;
   let depth = 0;
   const maxDepth = 50;
@@ -183,7 +147,7 @@ function getSourceLocation(element) {
   while (currentElement) {
     const fiber = getFiberFromElement(currentElement);
     if (fiber) {
-      const debugInfo = findDebugSource(fiber) ?? findDebugSourceReact19(fiber);
+      const debugInfo = findDebugSource(fiber);
       if (debugInfo?.source) {
         return {
           filePath: debugInfo.source.fileName,
@@ -198,27 +162,228 @@ function getSourceLocation(element) {
   return void 0;
 }
 function getDebugSource(fiber) {
-  const debugInfo = findDebugSource(fiber) ?? findDebugSourceReact19(fiber);
-  return debugInfo?.source;
+  return findDebugSource(fiber)?.source;
 }
 function getTagName(fiber) {
   return z.string().safeParse(fiber.type).data?.toLowerCase();
 }
-function getHostSourceIdentity(element) {
-  const fiber = getFiberFromElement(element);
-  if (!fiber) {
-    return null;
+const fiberSourceKeyCache = /* @__PURE__ */ new WeakMap();
+function getFiberSourceKey(fiber) {
+  const cached = fiberSourceKeyCache.get(fiber);
+  if (cached !== void 0) {
+    return cached;
   }
   const source = getDebugSource(fiber);
-  if (!source) {
+  const key = source ? `${source.fileName}:${source.lineNumber}:${source.columnNumber ?? ""}` : null;
+  fiberSourceKeyCache.set(fiber, key);
+  return key;
+}
+function findRepetitionGroup(fiber) {
+  const parent = fiber.return;
+  if (!parent) {
+    return null;
+  }
+  const type = fiber.type;
+  const candidates = [];
+  let child = parent.child;
+  let scanned = 0;
+  while (child && scanned < MAX_SIBLING_SCAN) {
+    if (child.type === type) {
+      candidates.push(child);
+    }
+    child = child.sibling;
+    scanned += 1;
+  }
+  if (candidates.length < 2) {
+    return null;
+  }
+  const sourceKey = getFiberSourceKey(fiber);
+  if (!sourceKey) {
+    return null;
+  }
+  const members = candidates.filter((candidate) => {
+    return getFiberSourceKey(candidate) === sourceKey;
+  });
+  return members.length >= 2 ? members : null;
+}
+function descendChildPath(fiber, path) {
+  let current = fiber;
+  for (const childIndex of path) {
+    if (!current) {
+      return null;
+    }
+    let child = current.child;
+    let index = 0;
+    while (child && index < childIndex) {
+      child = child.sibling;
+      index += 1;
+    }
+    if (!child) {
+      return null;
+    }
+    current = child;
+  }
+  return current ?? null;
+}
+function getHostNode(fiber) {
+  return fiber?.stateNode instanceof HTMLElement ? fiber.stateNode : null;
+}
+function isMatchingHost(fiber, type, sourceKey) {
+  if (!fiber || !(fiber.stateNode instanceof HTMLElement)) {
+    return false;
+  }
+  return fiber.type === type && getFiberSourceKey(fiber) === sourceKey;
+}
+function findHostInSubtree(root, type, sourceKey) {
+  const stack = [];
+  let child = root.child;
+  while (child) {
+    stack.push(child);
+    child = child.sibling;
+  }
+  let scanned = 0;
+  while (stack.length > 0 && scanned < MAX_SUBTREE_SCAN) {
+    const current = stack.pop();
+    scanned += 1;
+    if (!current) {
+      continue;
+    }
+    if (isMatchingHost(current, type, sourceKey)) {
+      return getHostNode(current);
+    }
+    let next = current.child;
+    while (next) {
+      stack.push(next);
+      next = next.sibling;
+    }
+  }
+  return null;
+}
+function resolveCurrentFiberByParentLinkage(fiber) {
+  const alternate = fiber.alternate;
+  if (!alternate) {
+    return fiber;
+  }
+  let child = fiber.return?.child;
+  let scanned = 0;
+  while (child && scanned < MAX_SIBLING_SCAN) {
+    if (child === fiber) {
+      return fiber;
+    }
+    child = child.sibling;
+    scanned += 1;
+  }
+  return alternate;
+}
+function getFiberRootCurrent(stateNode) {
+  if (!stateNode || typeof stateNode !== "object" || !("current" in stateNode)) {
     return null;
   }
-  return {
-    filePath: source.fileName,
-    lineNumber: source.lineNumber,
-    columnNumber: source.columnNumber,
-    tagName: element.tagName.toLowerCase()
-  };
+  const current = Reflect.get(stateNode, "current");
+  if (current && typeof current === "object" && "child" in current) {
+    return current;
+  }
+  return null;
+}
+function resolveCurrentFiber(fiber) {
+  const alternate = fiber.alternate;
+  if (!alternate) {
+    return fiber;
+  }
+  let rootFiber = fiber;
+  let climbed = 0;
+  while (rootFiber.return && climbed < MAX_ROOT_CLIMB_DEPTH) {
+    rootFiber = rootFiber.return;
+    climbed += 1;
+  }
+  const currentRoot = rootFiber.return ? null : getFiberRootCurrent(rootFiber.stateNode);
+  if (!currentRoot) {
+    return resolveCurrentFiberByParentLinkage(fiber);
+  }
+  const stack = [currentRoot];
+  let scanned = 0;
+  while (stack.length > 0 && scanned < MAX_CURRENT_TREE_SCAN) {
+    const node = stack.pop();
+    scanned += 1;
+    if (!node) {
+      continue;
+    }
+    if (node === fiber || node === alternate) {
+      return node;
+    }
+    if (node.child) {
+      stack.push(node.child);
+    }
+    if (node.sibling) {
+      stack.push(node.sibling);
+    }
+  }
+  if (scanned >= MAX_CURRENT_TREE_SCAN) {
+    return resolveCurrentFiberByParentLinkage(fiber);
+  }
+  return fiber;
+}
+function getRepetitionHostNodes(element) {
+  const cachedFiber = getFiberFromElement(element);
+  if (!cachedFiber) {
+    return [element];
+  }
+  const selectedFiber = resolveCurrentFiber(cachedFiber);
+  const climb = [];
+  let cursor = selectedFiber;
+  let depth = 0;
+  let unit = null;
+  let group = null;
+  while (cursor && depth < MAX_FIBER_CHAIN_DEPTH) {
+    climb.push(cursor);
+    const candidate = findRepetitionGroup(cursor);
+    if (candidate) {
+      unit = cursor;
+      group = candidate;
+      break;
+    }
+    cursor = cursor.return;
+    depth += 1;
+  }
+  if (!unit || !group) {
+    return [element];
+  }
+  const downward = climb.slice(0, climb.indexOf(unit) + 1).reverse();
+  let pathFromUnit = [];
+  for (let i = 0; i < downward.length - 1 && pathFromUnit; i += 1) {
+    const parentFiber = downward[i];
+    const targetFiber = downward[i + 1];
+    if (!parentFiber || !targetFiber) {
+      break;
+    }
+    let child = parentFiber.child;
+    let index = 0;
+    while (child && child !== targetFiber && child !== targetFiber.alternate) {
+      child = child.sibling;
+      index += 1;
+    }
+    if (child) {
+      pathFromUnit.push(index);
+    } else {
+      pathFromUnit = null;
+    }
+  }
+  const selectedType = selectedFiber.type;
+  const selectedSourceKey = getFiberSourceKey(selectedFiber);
+  const nodes = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const member of group) {
+    const landed = pathFromUnit ? descendChildPath(member, pathFromUnit) : null;
+    const node = isMatchingHost(landed, selectedType, selectedSourceKey) ? getHostNode(landed) : findHostInSubtree(member, selectedType, selectedSourceKey);
+    if (node && !seen.has(node)) {
+      seen.add(node);
+      nodes.push(node);
+    }
+  }
+  if (!seen.has(element)) {
+    nodes.push(element);
+  }
+  return nodes;
 }
 function getSerializablePropValue(value) {
   if (value === null || typeof value === "number" || typeof value === "boolean") {
@@ -296,11 +461,10 @@ function getFiberChain(element) {
 }
 export {
   findDebugSource,
-  findDebugSourceReact19,
   getComponentName,
   getFiberChain,
   getFiberFromElement,
-  getHostSourceIdentity,
+  getRepetitionHostNodes,
   getSourceLocation
 };
 //# sourceMappingURL=fiber.js.map