@replohq/sandbox-runtime 0.1.0

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -0,0 +1,223 @@
+import { selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectModeBoundingRectSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-3UFG7XTQ.mjs';
+import '../../chunk-N5EI2MOZ.mjs';
+import '../../chunk-FNTGY7I5.mjs';
+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 websiteBuilderToCanopyMethodConfig = {
+  symbolicateSelectedElement: {
+    inputSchema: selectedElementSchema,
+    outputSchema: selectedElementSchema,
+    timeoutMs: 1500
+  },
+  setDisplayMode: {
+    inputSchema: z.object({ displayMode: displayModeSchema }),
+    outputSchema: z.void()
+  },
+  // Declarative push of the parent's current selection type into the
+  // canopy iframe. Transitioning to `none` is canopy's signal to hide
+  // its in-iframe selection frame and drop any in-progress drag —
+  // there's no separate "clear" message because selection state always
+  // flows through agentUiState.
+  setSelectionType: {
+    inputSchema: z.object({ selectionType: selectModeSelectionTypeSchema }),
+    outputSchema: z.void()
+  },
+  applyOptimisticUpdate: {
+    inputSchema: z.object({
+      editId: z.string(),
+      payload: selectModeOptimisticUpdatePayloadSchema,
+      targetSelector: z.string(),
+      targetMode: z.enum(["primary", "group"])
+    }),
+    outputSchema: z.void()
+  },
+  markCommitted: {
+    inputSchema: z.object({
+      editId: z.string(),
+      sessionId: z.string()
+    }),
+    outputSchema: z.void()
+  },
+  resolveSessionOverrides: {
+    inputSchema: z.object({
+      sessionId: z.string(),
+      outcome: z.enum(["persisted", "failed"])
+    }),
+    outputSchema: z.void()
+  },
+  revertOverride: {
+    inputSchema: z.object({
+      editId: z.string()
+    }),
+    outputSchema: z.void()
+  },
+  enterEditMode: {
+    inputSchema: z.undefined(),
+    outputSchema: z.void()
+  },
+  exitEditMode: {
+    inputSchema: z.undefined(),
+    outputSchema: z.void()
+  },
+  formatCommand: {
+    inputSchema: z.object({
+      command: selectModeFormatCommandSchema
+    }),
+    outputSchema: z.void()
+  }
+};
+var canopyToWebsiteBuilderMethodConfig = {
+  requestInlineTextEdit: {
+    inputSchema: z.object({
+      editId: z.string(),
+      element: selectedElementSchema
+    }),
+    outputSchema: z.object({ allowed: z.boolean() }),
+    timeoutMs: 5e3
+  },
+  iframeReady: {
+    inputSchema: z.undefined(),
+    outputSchema: z.void()
+  },
+  elementSelected: {
+    inputSchema: z.object({
+      data: selectableDataSchema
+    }),
+    outputSchema: z.void()
+  },
+  hoverElement: {
+    inputSchema: z.object({
+      rect: selectModeBoundingRectSchema.nullable()
+    }),
+    outputSchema: z.void()
+  },
+  selectedElementRectUpdate: {
+    inputSchema: z.object({
+      rect: selectModeBoundingRectSchema,
+      clickPosition: selectModeClickPositionSchema
+    }),
+    outputSchema: z.void()
+  },
+  selectedAreaRectUpdate: {
+    inputSchema: z.object({
+      rect: selectModeBoundingRectSchema
+    }),
+    outputSchema: z.void()
+  },
+  dragRectUpdated: {
+    inputSchema: z.object({
+      dragRect: selectModeBoundingRectSchema.nullable(),
+      selectionRects: z.array(selectModeSelectionRectSchema)
+    }),
+    outputSchema: z.void()
+  },
+  areaSelected: {
+    inputSchema: z.object({
+      rect: selectModeBoundingRectSchema,
+      items: z.array(selectableDataSchema)
+    }),
+    outputSchema: z.void()
+  },
+  textCommitted: {
+    inputSchema: z.object({
+      editId: z.string(),
+      html: z.string(),
+      json: z.record(z.string(), z.unknown()),
+      originalInnerHTML: z.string()
+    }),
+    outputSchema: z.void()
+  },
+  editorStateUpdate: {
+    inputSchema: z.object({
+      activeMarks: selectModeTiptapActiveMarksSchema,
+      // Whether an inline text edit is currently open. Lets the parent show the
+      // inline formatting controls (and live mark state) only while editing.
+      isEditing: z.boolean()
+    }),
+    outputSchema: z.void()
+  },
+  fastRefreshComplete: {
+    inputSchema: z.undefined(),
+    outputSchema: z.void()
+  }
+};
+var selectModeParentMessageSchema = z.discriminatedUnion("method", [
+  z.object({
+    method: z.literal("setDisplayMode"),
+    data: websiteBuilderToCanopyMethodConfig.setDisplayMode.inputSchema
+  }),
+  z.object({
+    method: z.literal("setSelectionType"),
+    data: websiteBuilderToCanopyMethodConfig.setSelectionType.inputSchema
+  }),
+  z.object({
+    method: z.literal("applyOptimisticUpdate"),
+    data: websiteBuilderToCanopyMethodConfig.applyOptimisticUpdate.inputSchema
+  }),
+  z.object({
+    method: z.literal("markCommitted"),
+    data: websiteBuilderToCanopyMethodConfig.markCommitted.inputSchema
+  }),
+  z.object({
+    method: z.literal("resolveSessionOverrides"),
+    data: websiteBuilderToCanopyMethodConfig.resolveSessionOverrides.inputSchema
+  }),
+  z.object({
+    method: z.literal("revertOverride"),
+    data: websiteBuilderToCanopyMethodConfig.revertOverride.inputSchema
+  }),
+  z.object({
+    method: z.literal("enterEditMode")
+  }),
+  z.object({
+    method: z.literal("exitEditMode")
+  }),
+  z.object({
+    method: z.literal("formatCommand"),
+    data: websiteBuilderToCanopyMethodConfig.formatCommand.inputSchema
+  })
+]).describe("SelectModeParentMessage");
+var selectModeIframeMessageSchema = z.discriminatedUnion("method", [
+  z.object({
+    method: z.literal("iframeReady")
+  }),
+  z.object({
+    method: z.literal("elementSelected"),
+    data: canopyToWebsiteBuilderMethodConfig.elementSelected.inputSchema
+  }),
+  z.object({
+    method: z.literal("hoverElement"),
+    data: canopyToWebsiteBuilderMethodConfig.hoverElement.inputSchema
+  }),
+  z.object({
+    method: z.literal("selectedElementRectUpdate"),
+    data: canopyToWebsiteBuilderMethodConfig.selectedElementRectUpdate.inputSchema
+  }),
+  z.object({
+    method: z.literal("selectedAreaRectUpdate"),
+    data: canopyToWebsiteBuilderMethodConfig.selectedAreaRectUpdate.inputSchema
+  }),
+  z.object({
+    method: z.literal("dragRectUpdated"),
+    data: canopyToWebsiteBuilderMethodConfig.dragRectUpdated.inputSchema
+  }),
+  z.object({
+    method: z.literal("areaSelected"),
+    data: canopyToWebsiteBuilderMethodConfig.areaSelected.inputSchema
+  }),
+  z.object({
+    method: z.literal("textCommitted"),
+    data: canopyToWebsiteBuilderMethodConfig.textCommitted.inputSchema
+  }),
+  z.object({
+    method: z.literal("editorStateUpdate"),
+    data: canopyToWebsiteBuilderMethodConfig.editorStateUpdate.inputSchema
+  }),
+  z.object({
+    method: z.literal("fastRefreshComplete")
+  })
+]).describe("SelectModeIframeMessage");
+
+export { SELECT_MODE_IFRAME_RPC_CHANNEL_ID, SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION, canopyToWebsiteBuilderMethodConfig, selectModeIframeMessageSchema, selectModeParentMessageSchema, websiteBuilderToCanopyMethodConfig };

package/annotations/AnnotationLayerMount.d.ts

@@ -0,0 +1 @@
+export declare function AnnotationLayerMount(): null;

package/annotations/AnnotationLayerMount.js

@@ -0,0 +1,13 @@
+"use client";
+if (typeof window !== "undefined") {
+  void import("./annotationController").then((module) => {
+    module.initAnnotationLayer();
+  });
+}
+function AnnotationLayerMount() {
+  return null;
+}
+export {
+  AnnotationLayerMount
+};
+//# sourceMappingURL=AnnotationLayerMount.js.map

package/annotations/AnnotationLayerMount.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../annotations/AnnotationLayerMount.tsx"],
+  "sourcesContent": ["\"use client\";\n\n/**\n * Boots the vanilla annotation controller inside preview iframes. The chunk\n * loads (and this module-scope boot runs) only when the provider actually\n * renders the element, which it folds away on a NODE_ENV literal \u2014 so\n * annotation code never ships to published storefronts.\n */\nif (typeof window !== \"undefined\") {\n  void import(\"./annotationController\").then((module) => {\n    module.initAnnotationLayer();\n  });\n}\n\nexport function AnnotationLayerMount() {\n  return null;\n}\n"],
+  "mappings": ";AAQA,IAAI,OAAO,WAAW,aAAa;AACjC,OAAK,OAAO,wBAAwB,EAAE,KAAK,CAAC,WAAW;AACrD,WAAO,oBAAoB;AAAA,EAC7B,CAAC;AACH;AAEO,SAAS,uBAAuB;AACrC,SAAO;AACT;",
+  "names": []
+}

package/annotations/annotationController.d.ts

@@ -0,0 +1 @@
+export declare function initAnnotationLayer(): void;

package/annotations/annotationController.js

@@ -0,0 +1,384 @@
+import { exhaustiveSwitch } from "../_vendor/replo-utils/lib/misc.mjs";
+import {
+  PAGE_ANNOTATIONS_PROTOCOL_VERSION,
+  pageAnnotationsParentMessageSchema
+} from "../_vendor/schemas/pageAnnotations.mjs";
+import {
+  ANNOTATION_CONTAINER_ID,
+  clearAnnotationFrames,
+  getAnnotationBadgeViewportRect,
+  setActiveAnnotationBadge,
+  showAnnotationFrames
+} from "../select-mode/annotationFrames";
+import { getDocumentScrollOffset } from "../select-mode/interactions/selectionGeometry";
+import { isAllowedEditorMessage, isAllowedEditorOrigin } from "./bridgeGate";
+const CLUSTER_DISTANCE_PX = 24;
+const CLUSTER_FAN_RADIUS_PX = 30;
+const REMEASURE_DEBOUNCE_MS = 250;
+const PAGE_TOP_STACK_X_PX = 20;
+const PAGE_TOP_STACK_Y_PX = 20;
+const PAGE_TOP_STACK_GAP_PX = 36;
+const COLOR_HEX = {
+  red: "#ef196e",
+  purple: "#8b32a8",
+  amber: "#274ae2"
+};
+const COLOR_SEVERITY = [
+  "red",
+  "purple",
+  "amber"
+];
+let isInitialized = false;
+let editorOrigin = null;
+let markers = [];
+let setId = null;
+let expandedClusterId = null;
+let activeMarkerId = null;
+let remeasureFrameId = null;
+let remeasureDebounceId = null;
+let activeRectFrameId = null;
+let observersActive = false;
+let lastRenderSignature = null;
+let resizeObserver = null;
+let mutationObserver = null;
+function postToEditor(message) {
+  if (editorOrigin === null) {
+    return;
+  }
+  window.parent.postMessage(message, editorOrigin);
+}
+function hasFixedAncestor(element) {
+  let current = element;
+  while (current !== null && current !== document.documentElement) {
+    const position = getComputedStyle(current).position;
+    if (position === "fixed" || position === "sticky") {
+      return true;
+    }
+    current = current.parentElement;
+  }
+  return false;
+}
+function resolveMarkers() {
+  const resolved = [];
+  const unresolvedIds = [];
+  let pageTopSlot = 0;
+  for (const marker of markers) {
+    if (marker.placement === "pageTop") {
+      resolved.push({
+        marker,
+        element: null,
+        isFixed: false,
+        rect: {
+          x: PAGE_TOP_STACK_X_PX + pageTopSlot * PAGE_TOP_STACK_GAP_PX,
+          y: PAGE_TOP_STACK_Y_PX,
+          width: 0,
+          height: 0
+        },
+        // The editor owns numbering; rendering the wire number keeps dots in sync with the panel.
+        displayNumber: marker.number
+      });
+      pageTopSlot += 1;
+      continue;
+    }
+    let element = null;
+    try {
+      element = document.querySelector(marker.selector);
+    } catch {
+    }
+    const domRect = element?.getBoundingClientRect();
+    if (!element || !domRect || domRect.width === 0 && domRect.height === 0) {
+      unresolvedIds.push(marker.id);
+      continue;
+    }
+    const isFixed = hasFixedAncestor(element);
+    const scrollOffset = getDocumentScrollOffset();
+    resolved.push({
+      marker,
+      element,
+      isFixed,
+      // Fixed frames use viewport coords; absolute frames use page coords.
+      rect: {
+        x: domRect.x + (isFixed ? 0 : scrollOffset.left),
+        y: domRect.y + (isFixed ? 0 : scrollOffset.top),
+        width: domRect.width,
+        height: domRect.height
+      },
+      displayNumber: marker.number
+    });
+  }
+  return { resolved, unresolvedIds };
+}
+function clusterResolvedMarkers(resolved) {
+  const clusters = [];
+  for (const entry of resolved) {
+    const centerX = entry.rect.x + entry.rect.width / 2;
+    const centerY = entry.rect.y;
+    const host = clusters.find((cluster) => {
+      return cluster.isFixed === entry.isFixed && Math.hypot(cluster.centerX - centerX, cluster.centerY - centerY) < CLUSTER_DISTANCE_PX;
+    });
+    if (host) {
+      host.members.push(entry);
+    } else {
+      clusters.push({
+        id: entry.marker.id,
+        centerX,
+        centerY,
+        isFixed: entry.isFixed,
+        members: [entry]
+      });
+    }
+  }
+  return clusters;
+}
+function getMostSevereColorHex(members) {
+  const color = COLOR_SEVERITY.find((candidate) => {
+    return members.some((member) => member.marker.color === candidate);
+  }) ?? "amber";
+  return COLOR_HEX[color];
+}
+function activateMarker(id) {
+  activeMarkerId = id;
+  const viewportRect = getAnnotationBadgeViewportRect(id);
+  if (viewportRect) {
+    postToEditor({ type: "replo:annotations:clicked", id, viewportRect });
+  }
+  setActiveAnnotationBadge(id);
+}
+function buildMemberSpec({
+  member,
+  badgeCenter
+}) {
+  const marker = member.marker;
+  return {
+    id: marker.id,
+    pageRect: member.rect,
+    badgeCenter,
+    positioning: member.isFixed ? "fixed" : "absolute",
+    colorHex: COLOR_HEX[marker.color],
+    badgeLabel: String(member.displayNumber),
+    badgeAriaLabel: `Page issue ${member.displayNumber}`,
+    isActive: activeMarkerId === marker.id,
+    onBadgeClick: () => activateMarker(marker.id)
+  };
+}
+function buildClusterSpecs(cluster) {
+  const [only] = cluster.members;
+  if (cluster.members.length === 1 && only) {
+    return [
+      buildMemberSpec({
+        member: only,
+        badgeCenter: { x: cluster.centerX, y: cluster.centerY }
+      })
+    ];
+  }
+  const hub = {
+    x: cluster.centerX,
+    y: cluster.centerY,
+    width: 0,
+    height: 0
+  };
+  if (expandedClusterId !== cluster.id) {
+    return [
+      {
+        id: `cluster:${cluster.id}`,
+        pageRect: hub,
+        badgeCenter: { x: cluster.centerX, y: cluster.centerY },
+        positioning: cluster.isFixed ? "fixed" : "absolute",
+        colorHex: getMostSevereColorHex(cluster.members),
+        badgeLabel: String(cluster.members.length),
+        badgeAriaLabel: `${cluster.members.length} page issues near this element`,
+        isActive: false,
+        onBadgeClick: () => {
+          expandedClusterId = cluster.id;
+          render();
+        }
+      }
+    ];
+  }
+  const memberSpecs = cluster.members.map((member, index) => {
+    const angle = index / cluster.members.length * 2 * Math.PI - Math.PI / 2;
+    return buildMemberSpec({
+      member,
+      badgeCenter: {
+        x: cluster.centerX + Math.cos(angle) * CLUSTER_FAN_RADIUS_PX,
+        y: cluster.centerY + Math.sin(angle) * CLUSTER_FAN_RADIUS_PX
+      }
+    });
+  });
+  return [
+    {
+      id: `cluster:${cluster.id}`,
+      pageRect: hub,
+      badgeCenter: { x: cluster.centerX, y: cluster.centerY },
+      positioning: cluster.isFixed ? "fixed" : "absolute",
+      colorHex: "#94a3b8",
+      badgeLabel: "\xD7",
+      badgeAriaLabel: "Collapse issue cluster",
+      isActive: false,
+      onBadgeClick: () => {
+        expandedClusterId = null;
+        render();
+      }
+    },
+    ...memberSpecs
+  ];
+}
+function render() {
+  if (markers.length === 0) {
+    lastRenderSignature = null;
+    clearAnnotationFrames();
+    syncObservers();
+    return;
+  }
+  const { resolved, unresolvedIds } = resolveMarkers();
+  if (activeMarkerId !== null && unresolvedIds.includes(activeMarkerId)) {
+    activeMarkerId = null;
+  }
+  const signature = [
+    resolved.map((entry) => {
+      return `${entry.marker.id}:${Math.round(entry.rect.x)},${Math.round(entry.rect.y)}`;
+    }).join("|"),
+    `active:${activeMarkerId ?? ""}`,
+    `expanded:${expandedClusterId ?? ""}`,
+    `unresolved:${unresolvedIds.join(",")}`
+  ].join("#");
+  if (signature === lastRenderSignature) {
+    return;
+  }
+  lastRenderSignature = signature;
+  const frames = clusterResolvedMarkers(resolved).flatMap((cluster) => {
+    return buildClusterSpecs(cluster);
+  });
+  showAnnotationFrames({ frames });
+  if (setId !== null) {
+    postToEditor({
+      type: "replo:annotations:unresolved",
+      setId,
+      ids: unresolvedIds
+    });
+  }
+  syncObservers();
+}
+function scheduleRemeasure() {
+  remeasureFrameId ??= requestAnimationFrame(() => {
+    remeasureFrameId = null;
+    render();
+  });
+}
+function scheduleDebouncedRemeasure() {
+  if (remeasureDebounceId !== null) {
+    clearTimeout(remeasureDebounceId);
+  }
+  remeasureDebounceId = setTimeout(scheduleRemeasure, REMEASURE_DEBOUNCE_MS);
+}
+function handleScroll(event) {
+  if (event.target !== document) {
+    scheduleRemeasure();
+  }
+  if (activeMarkerId !== null) {
+    const id = activeMarkerId;
+    activeRectFrameId ??= requestAnimationFrame(() => {
+      activeRectFrameId = null;
+      const viewportRect = getAnnotationBadgeViewportRect(id);
+      if (viewportRect) {
+        postToEditor({
+          type: "replo:annotations:activeRect",
+          id,
+          viewportRect
+        });
+      }
+    });
+  }
+}
+function syncObservers() {
+  const shouldObserve = markers.length > 0;
+  if (shouldObserve === observersActive) {
+    return;
+  }
+  observersActive = shouldObserve;
+  if (shouldObserve) {
+    window.addEventListener("resize", scheduleRemeasure);
+    window.addEventListener("scroll", handleScroll, { capture: true });
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(scheduleRemeasure);
+      resizeObserver.observe(document.body);
+    }
+    mutationObserver = new MutationObserver((records) => {
+      const container = document.getElementById(ANNOTATION_CONTAINER_ID);
+      const hasForeignMutation = records.some((record) => {
+        return !container || !container.contains(record.target);
+      });
+      if (hasForeignMutation) {
+        scheduleDebouncedRemeasure();
+      }
+    });
+    mutationObserver.observe(document.body, { childList: true, subtree: true });
+  } else {
+    window.removeEventListener("resize", scheduleRemeasure);
+    window.removeEventListener("scroll", handleScroll, { capture: true });
+    resizeObserver?.disconnect();
+    resizeObserver = null;
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+  }
+}
+function handleMessage(event) {
+  if (!isAllowedEditorMessage(event)) {
+    return;
+  }
+  const parsed = pageAnnotationsParentMessageSchema.safeParse(event.data);
+  if (!parsed.success) {
+    return;
+  }
+  editorOrigin = event.origin;
+  exhaustiveSwitch(parsed.data)({
+    "replo:annotations:set": (message) => {
+      markers = message.markers;
+      setId = message.setId;
+      expandedClusterId = null;
+      activeMarkerId = null;
+      lastRenderSignature = null;
+      render();
+    },
+    "replo:annotations:clear": () => {
+      markers = [];
+      setId = null;
+      expandedClusterId = null;
+      activeMarkerId = null;
+      render();
+    },
+    "replo:annotations:requestReady": () => {
+      postToEditor({
+        type: "replo:annotations:ready",
+        protocolVersion: PAGE_ANNOTATIONS_PROTOCOL_VERSION
+      });
+    }
+  });
+}
+function initAnnotationLayer() {
+  if (isInitialized || typeof window === "undefined") {
+    return;
+  }
+  if (window.self === window.top) {
+    return;
+  }
+  isInitialized = true;
+  window.addEventListener("message", handleMessage);
+  try {
+    const referrerOrigin = new URL(document.referrer).origin;
+    if (isAllowedEditorOrigin(referrerOrigin)) {
+      window.parent.postMessage(
+        {
+          type: "replo:annotations:ready",
+          protocolVersion: PAGE_ANNOTATIONS_PROTOCOL_VERSION
+        },
+        referrerOrigin
+      );
+    }
+  } catch {
+  }
+}
+export {
+  initAnnotationLayer
+};
+//# sourceMappingURL=annotationController.js.map

package/annotations/annotationController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../annotations/annotationController.ts"],
+  "sourcesContent": ["/**\n * In-iframe annotation controller: consumes declarative marker sets from the\n * editor bridge, resolves selectors against the live DOM, and drives the\n * shared annotation frame renderer. Scroll costs zero JavaScript (frames use\n * page coordinates); re-measure runs only on resize/mutation/container\n * scroll, batched per animation frame. Data-only protocol \u2014 the editor can\n * describe dots, never execute code.\n */\nimport type {\n  PageAnnotationMarker,\n  PageAnnotationsIframeMessage,\n} from \"schemas/generated/pageAnnotations\";\nimport type { AnnotationFrameSpec } from \"../select-mode/annotationFrames\";\n\nimport { exhaustiveSwitch } from \"replo-utils/lib/misc\";\nimport {\n  PAGE_ANNOTATIONS_PROTOCOL_VERSION,\n  pageAnnotationsParentMessageSchema,\n} from \"schemas/pageAnnotations\";\n\nimport {\n  ANNOTATION_CONTAINER_ID,\n  clearAnnotationFrames,\n  getAnnotationBadgeViewportRect,\n  setActiveAnnotationBadge,\n  showAnnotationFrames,\n} from \"../select-mode/annotationFrames\";\nimport { getDocumentScrollOffset } from \"../select-mode/interactions/selectionGeometry\";\nimport { isAllowedEditorMessage, isAllowedEditorOrigin } from \"./bridgeGate\";\n\nconst CLUSTER_DISTANCE_PX = 24;\nconst CLUSTER_FAN_RADIUS_PX = 30;\nconst REMEASURE_DEBOUNCE_MS = 250;\n// Page-wide findings stack in a row near the top-left of the page and scroll\n// with it like any other annotation.\nconst PAGE_TOP_STACK_X_PX = 20;\nconst PAGE_TOP_STACK_Y_PX = 20;\nconst PAGE_TOP_STACK_GAP_PX = 36;\n\n// Replo brand palette (lattice --color-brand-*): the wire enum names stay\n// red/purple/amber but the rendered hues are brand magenta/purple/blue,\n// matching the editor-side dots and cards.\nconst COLOR_HEX: Record<PageAnnotationMarker[\"color\"], string> = {\n  red: \"#ef196e\",\n  purple: \"#8b32a8\",\n  amber: \"#274ae2\",\n};\nconst COLOR_SEVERITY: PageAnnotationMarker[\"color\"][] = [\n  \"red\",\n  \"purple\",\n  \"amber\",\n];\n\ninterface ResolvedMarker {\n  marker: PageAnnotationMarker;\n  element: Element | null;\n  isFixed: boolean;\n  rect: { x: number; y: number; width: number; height: number };\n  // The editor-assigned wire number, rendered verbatim.\n  displayNumber: number;\n}\n\ninterface MarkerCluster {\n  id: string;\n  centerX: number;\n  centerY: number;\n  isFixed: boolean;\n  members: ResolvedMarker[];\n}\n\nlet isInitialized = false;\nlet editorOrigin: string | null = null;\nlet markers: PageAnnotationMarker[] = [];\nlet setId: string | null = null;\nlet expandedClusterId: string | null = null;\nlet activeMarkerId: string | null = null;\nlet remeasureFrameId: number | null = null;\nlet remeasureDebounceId: ReturnType<typeof setTimeout> | null = null;\nlet activeRectFrameId: number | null = null;\nlet observersActive = false;\nlet lastRenderSignature: string | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet mutationObserver: MutationObserver | null = null;\n\nfunction postToEditor(message: PageAnnotationsIframeMessage) {\n  if (editorOrigin === null) {\n    return;\n  }\n  window.parent.postMessage(message, editorOrigin);\n}\n\nfunction hasFixedAncestor(element: Element): boolean {\n  let current: Element | null = element;\n  while (current !== null && current !== document.documentElement) {\n    const position = getComputedStyle(current).position;\n    if (position === \"fixed\" || position === \"sticky\") {\n      return true;\n    }\n    current = current.parentElement;\n  }\n  return false;\n}\n\nfunction resolveMarkers(): {\n  resolved: ResolvedMarker[];\n  unresolvedIds: string[];\n} {\n  const resolved: ResolvedMarker[] = [];\n  const unresolvedIds: string[] = [];\n  let pageTopSlot = 0;\n  for (const marker of markers) {\n    if (marker.placement === \"pageTop\") {\n      // Page-wide finding: a fixed slot in the top-of-page stack, no selector.\n      resolved.push({\n        marker,\n        element: null,\n        isFixed: false,\n        rect: {\n          x: PAGE_TOP_STACK_X_PX + pageTopSlot * PAGE_TOP_STACK_GAP_PX,\n          y: PAGE_TOP_STACK_Y_PX,\n          width: 0,\n          height: 0,\n        },\n        // The editor owns numbering; rendering the wire number keeps dots in sync with the panel.\n        displayNumber: marker.number,\n      });\n      pageTopSlot += 1;\n      continue;\n    }\n    let element: Element | null = null;\n    try {\n      element = document.querySelector(marker.selector);\n    } catch {\n      // Malformed selector \u2014 unresolved, never a throw.\n    }\n    const domRect = element?.getBoundingClientRect();\n    if (!element || !domRect || (domRect.width === 0 && domRect.height === 0)) {\n      unresolvedIds.push(marker.id);\n      continue;\n    }\n    const isFixed = hasFixedAncestor(element);\n    const scrollOffset = getDocumentScrollOffset();\n    resolved.push({\n      marker,\n      element,\n      isFixed,\n      // Fixed frames use viewport coords; absolute frames use page coords.\n      rect: {\n        x: domRect.x + (isFixed ? 0 : scrollOffset.left),\n        y: domRect.y + (isFixed ? 0 : scrollOffset.top),\n        width: domRect.width,\n        height: domRect.height,\n      },\n      displayNumber: marker.number,\n    });\n  }\n  return { resolved, unresolvedIds };\n}\n\n// Greedy: a marker joins the first cluster whose badge anchor lies within\n// 24px; fixed and absolute markers never co-cluster (their coordinate spaces\n// diverge as soon as the page scrolls).\nfunction clusterResolvedMarkers(resolved: ResolvedMarker[]): MarkerCluster[] {\n  const clusters: MarkerCluster[] = [];\n  for (const entry of resolved) {\n    const centerX = entry.rect.x + entry.rect.width / 2;\n    const centerY = entry.rect.y;\n    const host = clusters.find((cluster) => {\n      return (\n        cluster.isFixed === entry.isFixed &&\n        Math.hypot(cluster.centerX - centerX, cluster.centerY - centerY) <\n          CLUSTER_DISTANCE_PX\n      );\n    });\n    if (host) {\n      host.members.push(entry);\n    } else {\n      clusters.push({\n        id: entry.marker.id,\n        centerX,\n        centerY,\n        isFixed: entry.isFixed,\n        members: [entry],\n      });\n    }\n  }\n  return clusters;\n}\n\nfunction getMostSevereColorHex(members: ResolvedMarker[]): string {\n  const color =\n    COLOR_SEVERITY.find((candidate) => {\n      return members.some((member) => member.marker.color === candidate);\n    }) ?? \"amber\";\n  return COLOR_HEX[color];\n}\n\nfunction activateMarker(id: string) {\n  activeMarkerId = id;\n  const viewportRect = getAnnotationBadgeViewportRect(id);\n  if (viewportRect) {\n    postToEditor({ type: \"replo:annotations:clicked\", id, viewportRect });\n  }\n  // Style-only: a rebuild here would race the pointer sequence and swallow\n  // the very click being handled.\n  setActiveAnnotationBadge(id);\n}\n\nfunction buildMemberSpec({\n  member,\n  badgeCenter,\n}: {\n  member: ResolvedMarker;\n  badgeCenter: { x: number; y: number };\n}): AnnotationFrameSpec {\n  const marker = member.marker;\n  return {\n    id: marker.id,\n    pageRect: member.rect,\n    badgeCenter,\n    positioning: member.isFixed ? \"fixed\" : \"absolute\",\n    colorHex: COLOR_HEX[marker.color],\n    badgeLabel: String(member.displayNumber),\n    badgeAriaLabel: `Page issue ${member.displayNumber}`,\n    isActive: activeMarkerId === marker.id,\n    onBadgeClick: () => activateMarker(marker.id),\n  };\n}\n\nfunction buildClusterSpecs(cluster: MarkerCluster): AnnotationFrameSpec[] {\n  const [only] = cluster.members;\n  if (cluster.members.length === 1 && only) {\n    return [\n      buildMemberSpec({\n        member: only,\n        badgeCenter: { x: cluster.centerX, y: cluster.centerY },\n      }),\n    ];\n  }\n  const hub = {\n    x: cluster.centerX,\n    y: cluster.centerY,\n    width: 0,\n    height: 0,\n  };\n  if (expandedClusterId !== cluster.id) {\n    return [\n      {\n        id: `cluster:${cluster.id}`,\n        pageRect: hub,\n        badgeCenter: { x: cluster.centerX, y: cluster.centerY },\n        positioning: cluster.isFixed ? \"fixed\" : \"absolute\",\n        colorHex: getMostSevereColorHex(cluster.members),\n        badgeLabel: String(cluster.members.length),\n        badgeAriaLabel: `${cluster.members.length} page issues near this element`,\n        isActive: false,\n        onBadgeClick: () => {\n          expandedClusterId = cluster.id;\n          render();\n        },\n      },\n    ];\n  }\n  const memberSpecs = cluster.members.map((member, index) => {\n    const angle = (index / cluster.members.length) * 2 * Math.PI - Math.PI / 2;\n    return buildMemberSpec({\n      member,\n      badgeCenter: {\n        x: cluster.centerX + Math.cos(angle) * CLUSTER_FAN_RADIUS_PX,\n        y: cluster.centerY + Math.sin(angle) * CLUSTER_FAN_RADIUS_PX,\n      },\n    });\n  });\n  return [\n    {\n      id: `cluster:${cluster.id}`,\n      pageRect: hub,\n      badgeCenter: { x: cluster.centerX, y: cluster.centerY },\n      positioning: cluster.isFixed ? \"fixed\" : \"absolute\",\n      colorHex: \"#94a3b8\",\n      badgeLabel: \"\u00D7\",\n      badgeAriaLabel: \"Collapse issue cluster\",\n      isActive: false,\n      onBadgeClick: () => {\n        expandedClusterId = null;\n        render();\n      },\n    },\n    ...memberSpecs,\n  ];\n}\n\nfunction render() {\n  if (markers.length === 0) {\n    lastRenderSignature = null;\n    clearAnnotationFrames();\n    syncObservers();\n    return;\n  }\n  const { resolved, unresolvedIds } = resolveMarkers();\n  if (activeMarkerId !== null && unresolvedIds.includes(activeMarkerId)) {\n    activeMarkerId = null;\n  }\n  // Rebuilding the node pool mid-pointer-sequence swallows clicks, so skip\n  // renders whose output would be identical to what is already on screen.\n  const signature = [\n    resolved\n      .map((entry) => {\n        return `${entry.marker.id}:${Math.round(entry.rect.x)},${Math.round(entry.rect.y)}`;\n      })\n      .join(\"|\"),\n    `active:${activeMarkerId ?? \"\"}`,\n    `expanded:${expandedClusterId ?? \"\"}`,\n    `unresolved:${unresolvedIds.join(\",\")}`,\n  ].join(\"#\");\n  if (signature === lastRenderSignature) {\n    return;\n  }\n  lastRenderSignature = signature;\n  const frames = clusterResolvedMarkers(resolved).flatMap((cluster) => {\n    return buildClusterSpecs(cluster);\n  });\n  showAnnotationFrames({ frames });\n  if (setId !== null) {\n    postToEditor({\n      type: \"replo:annotations:unresolved\",\n      setId,\n      ids: unresolvedIds,\n    });\n  }\n  syncObservers();\n}\n\nfunction scheduleRemeasure() {\n  remeasureFrameId ??= requestAnimationFrame(() => {\n    remeasureFrameId = null;\n    render();\n  });\n}\n\nfunction scheduleDebouncedRemeasure() {\n  if (remeasureDebounceId !== null) {\n    clearTimeout(remeasureDebounceId);\n  }\n  remeasureDebounceId = setTimeout(scheduleRemeasure, REMEASURE_DEBOUNCE_MS);\n}\n\nfunction handleScroll(event: Event) {\n  // Document scroll is free for absolute frames; scrolls of inner overflow\n  // containers move elements relative to the page, so re-measure everything.\n  if (event.target !== document) {\n    scheduleRemeasure();\n  }\n  if (activeMarkerId !== null) {\n    const id = activeMarkerId;\n    activeRectFrameId ??= requestAnimationFrame(() => {\n      activeRectFrameId = null;\n      const viewportRect = getAnnotationBadgeViewportRect(id);\n      if (viewportRect) {\n        postToEditor({\n          type: \"replo:annotations:activeRect\",\n          id,\n          viewportRect,\n        });\n      }\n    });\n  }\n}\n\nfunction syncObservers() {\n  const shouldObserve = markers.length > 0;\n  if (shouldObserve === observersActive) {\n    return;\n  }\n  observersActive = shouldObserve;\n  if (shouldObserve) {\n    window.addEventListener(\"resize\", scheduleRemeasure);\n    window.addEventListener(\"scroll\", handleScroll, { capture: true });\n    if (typeof ResizeObserver !== \"undefined\") {\n      resizeObserver = new ResizeObserver(scheduleRemeasure);\n      resizeObserver.observe(document.body);\n    }\n    mutationObserver = new MutationObserver((records) => {\n      // Rendering our own frames mutates body's subtree; reacting to that\n      // would re-render forever. Only foreign mutations can move elements.\n      const container = document.getElementById(ANNOTATION_CONTAINER_ID);\n      const hasForeignMutation = records.some((record) => {\n        return !container || !container.contains(record.target);\n      });\n      if (hasForeignMutation) {\n        scheduleDebouncedRemeasure();\n      }\n    });\n    mutationObserver.observe(document.body, { childList: true, subtree: true });\n  } else {\n    window.removeEventListener(\"resize\", scheduleRemeasure);\n    window.removeEventListener(\"scroll\", handleScroll, { capture: true });\n    resizeObserver?.disconnect();\n    resizeObserver = null;\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n  }\n}\n\nfunction handleMessage(event: MessageEvent) {\n  // Origin gate BEFORE any parsing \u2014 hostile embedders never reach the schema.\n  if (!isAllowedEditorMessage(event)) {\n    return;\n  }\n  const parsed = pageAnnotationsParentMessageSchema.safeParse(event.data);\n  if (!parsed.success) {\n    return;\n  }\n  editorOrigin = event.origin;\n  exhaustiveSwitch(parsed.data)({\n    \"replo:annotations:set\": (message) => {\n      markers = message.markers;\n      setId = message.setId;\n      expandedClusterId = null;\n      activeMarkerId = null;\n      // A fresh set always paints (and re-posts unresolved), even if geometry\n      // happens to match the previous render.\n      lastRenderSignature = null;\n      render();\n    },\n    \"replo:annotations:clear\": () => {\n      markers = [];\n      setId = null;\n      expandedClusterId = null;\n      activeMarkerId = null;\n      render();\n    },\n    \"replo:annotations:requestReady\": () => {\n      postToEditor({\n        type: \"replo:annotations:ready\",\n        protocolVersion: PAGE_ANNOTATIONS_PROTOCOL_VERSION,\n      });\n    },\n  });\n}\n\nexport function initAnnotationLayer() {\n  if (isInitialized || typeof window === \"undefined\") {\n    return;\n  }\n  if (window.self === window.top) {\n    return;\n  }\n  isInitialized = true;\n  window.addEventListener(\"message\", handleMessage);\n  // Announce on load for iframe-reload cases where the editor isn't polling;\n  // the referrer origin is verified against the same allowlist first.\n  try {\n    const referrerOrigin = new URL(document.referrer).origin;\n    if (isAllowedEditorOrigin(referrerOrigin)) {\n      window.parent.postMessage(\n        {\n          type: \"replo:annotations:ready\",\n          protocolVersion: PAGE_ANNOTATIONS_PROTOCOL_VERSION,\n        },\n        referrerOrigin,\n      );\n    }\n  } catch {\n    // No usable referrer \u2014 the editor's requestReady polling covers this.\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}