@supernovaio/prototyping-tooling 0.9.7-alpha.0 → 0.9.7-alpha.2

package/dist/build/index.js

@@ -5,33 +5,33 @@ import { relative as F } from "node:path";
 const E = typeof y == "function" ? y : y.default, M = typeof S == "function" ? S : S.default;
 function T(d) {
   let r = 0;
-  for (let c = 0; c < d.length; c++) {
-    const s = d.charCodeAt(c);
+  for (let f = 0; f < d.length; f++) {
+    const s = d.charCodeAt(f);
     r = (r << 5) - r + s, r = r & r;
   }
   return Math.abs(r).toString(36).substring(0, 8);
 }
-function B(d = {}) {
-  const { prefix: r = "forge" } = d, c = (s, i, u) => {
-    const a = T(`${s}:${i}:${u}`);
-    return `${r}-${a}-${i}-${u}`;
+function k(d = {}) {
+  const { prefix: r = "forge" } = d, f = (s, i, u) => {
+    const o = T(`${s}:${i}:${u}`);
+    return `${r}-${o}-${i}-${u}`;
   };
   return { name: "forge-id-plugin", enforce: "pre", transform(s, i) {
     if (!i.match(/\.(tsx?|jsx?)$/) || i.includes("node_modules"))
       return null;
     const u = F(process.cwd(), i).replace(/\\/g, "/");
     try {
-      let a = function(e) {
+      let o = function(e) {
         const n = e.parent;
         if (n.type === "VariableDeclarator" && n.id.type === "Identifier" && /^[A-Z]/.test(n.id.name))
           return !0;
         if (n.type === "CallExpression") {
           const l = e.parentPath;
           if (l) {
-            const f = l.parent;
-            if (f.type === "VariableDeclarator" && f.id.type === "Identifier" && /^[A-Z]/.test(f.id.name) || f.type === "ExportDefaultDeclaration")
+            const c = l.parent;
+            if (c.type === "VariableDeclarator" && c.id.type === "Identifier" && /^[A-Z]/.test(c.id.name) || c.type === "ExportDefaultDeclaration")
               return !0;
-            if (f.type === "CallExpression") {
+            if (c.type === "CallExpression") {
               const p = l.parentPath;
               if (p) {
                 const t = p.parent;
@@ -43,54 +43,56 @@ function B(d = {}) {
         }
         return !1;
       };
-      const x = P(s, { sourceType: "module", plugins: ["jsx", "typescript"] }), J = /* @__PURE__ */ new Set();
-      let b = !1, o = 0;
+      const x = P(s, { sourceType: "module", plugins: ["jsx", "typescript"] }), C = /* @__PURE__ */ new Set();
+      let b = !1, a = 0;
       if (E(x, { FunctionDeclaration: { enter(e) {
-        e.node.id && /^[A-Z]/.test(e.node.id.name) && o++;
+        e.node.id && /^[A-Z]/.test(e.node.id.name) && a++;
       }, exit(e) {
-        e.node.id && /^[A-Z]/.test(e.node.id.name) && o--;
+        e.node.id && /^[A-Z]/.test(e.node.id.name) && a--;
       } }, ArrowFunctionExpression: { enter(e) {
-        a(e) && o++;
+        o(e) && a++;
       }, exit(e) {
-        a(e) && o--;
+        o(e) && a--;
       } }, FunctionExpression: { enter(e) {
-        a(e) && o++;
+        o(e) && a++;
       }, exit(e) {
-        a(e) && o--;
+        o(e) && a--;
       } }, JSXOpeningElement(e) {
         if (e.node.name.type === "JSXIdentifier") {
           const n = e.node.name.name, l = /^[A-Z]/.test(n);
           if (n === "Fragment" || n === "React.Fragment" || (/* @__PURE__ */ new Set(["path", "circle", "rect", "line", "polyline", "polygon", "ellipse", "g", "defs", "clipPath", "mask", "use", "text", "tspan", "textPath", "image", "pattern", "linearGradient", "radialGradient", "stop", "filter", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feFlood", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "feSpecularLighting", "feTile", "feTurbulence", "marker", "symbol", "foreignObject", "desc", "title", "metadata"])).has(n))
             return;
-          if (l && o > 0) {
+          if (l && a > 0) {
             const t = e.scope.getBinding(n);
-            if (t && t.scope.path.type !== "Program")
+            if (t && t.scope.path.type !== "Program") {
+              console.log(`[Plugin] Skipping ${n} - locally-scoped dynamic component inside definition`);
               return;
+            }
           }
           if (!e.node.attributes.some((t) => t.type === "JSXAttribute" && t.name.type === "JSXIdentifier" && t.name.name === "data-forge-id")) {
             const t = e.node.loc?.start;
             if (!t) return;
             const I = e.parent, m = I.type === "JSXElement" ? I.loc?.end : e.node.loc?.end;
             if (!m) return;
-            const A = c(i, t.line, t.column), v = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-forge-id" }, value: { type: "StringLiteral", value: A }, loc: e.node.loc }, h = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-component" }, value: { type: "StringLiteral", value: n }, loc: e.node.loc }, C = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-source-pos" }, value: { type: "StringLiteral", value: `${u}:${t.line}:${t.column}:${m.line}:${m.column}` }, loc: e.node.loc }, X = !l && o > 0, $ = e.node.attributes.some((g) => g.type === "JSXSpreadAttribute");
-            if (X && $) {
+            const A = f(i, t.line, t.column), v = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-forge-id" }, value: { type: "StringLiteral", value: A }, loc: e.node.loc }, $ = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-component" }, value: { type: "StringLiteral", value: n }, loc: e.node.loc }, h = { type: "JSXAttribute", name: { type: "JSXIdentifier", name: "data-source-pos" }, value: { type: "StringLiteral", value: `${u}:${t.line}:${t.column}:${m.line}:${m.column}` }, loc: e.node.loc }, J = !l && a > 0, X = e.node.attributes.some((g) => g.type === "JSXSpreadAttribute");
+            if (J && X) {
               const g = e.node.attributes.findIndex((D) => D.type === "JSXSpreadAttribute");
-              e.node.attributes.splice(g, 0, v, h, C);
+              e.node.attributes.splice(g, 0, v, $, h);
             } else
-              e.node.attributes.push(v, h, C);
-            J.add(A), b = !0;
+              e.node.attributes.push(v, $, h);
+            C.add(A), b = !0;
           }
         }
       } }), b) {
         const e = M(x, {}, s);
         return { code: e.code, map: e.map };
       }
-    } catch {
-      return null;
+    } catch (o) {
+      return o instanceof Error && console.warn(`Failed to parse ${i} for forge-id injection: ${o.message}`), null;
     }
     return null;
   } };
 }
 export {
-  B as supernovaDesignPlugin
+  k as supernovaDesignPlugin
 };

package/dist/client/annotation/AnnotationOverlay.d.ts

@@ -1,7 +1,7 @@
 import type { ParentMessenger } from "../../shared/messaging.js";
 import type { AnnotationElementInfo, RestoreAnnotationData } from "../../shared/events.js";
 /**
- * Full-screen overlay for creating and managing annotations.
+ * Annotation interaction layer for creating and managing annotations.
  * Supports single-click (one element) and shift+drag (multi-element) selection.
  */
 export declare class AnnotationOverlay {
@@ -9,7 +9,6 @@ export declare class AnnotationOverlay {
     private messenger;
     private hoverOverlay;
     private componentTooltip;
-    private hitTestOverlay;
     private dragRect;
     private dragHighlights;
     private annotationHighlights;
@@ -55,8 +54,6 @@ export declare class AnnotationOverlay {
     setMarkersVisible(visible: boolean): void;
     /** Repositions all badge dots and visible highlights to follow their anchored elements. */
     private repositionAll;
-    private createHitTestOverlay;
-    private removeHitTestOverlay;
     private showHoverOverlay;
     private removeHoverOverlay;
     private repositionHoverOverlay;
@@ -91,6 +88,7 @@ export declare class AnnotationOverlay {
     private handleMouseDown;
     private handleMouseUp;
     private handleClick;
+    private isAnnotationDotEventTarget;
     private handleKeyDown;
     private handleKeyUp;
     private pendingAnnotations;

package/dist/client/annotation/AnnotationOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationOverlay.d.ts","sourceRoot":"","sources":["../../../src/client/annotation/AnnotationOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEhE,OAAO,KAAK,EAAkB,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AA6B1G;;;GAGG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,oBAAoB,CAAuB;IACnD,OAAO,CAAC,IAAI,CAA6B;IAEzC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,wBAAwB,CAAqE;IACrG,OAAO,CAAC,kBAAkB,CAA2B;IAErD,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,oBAAoB,CAAoB;gBAEpC,SAAS,EAAE,eAAe;IAOtC,mFAAmF;IACnF,QAAQ,IAAI,IAAI;IAUhB,0DAA0D;IAC1D,UAAU,IAAI,IAAI;IAalB,wGAAwG;IACxG,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAQrC,4EAA4E;IAC5E,uBAAuB,IAAI,IAAI;IAW/B,6FAA6F;IAC7F,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAiBxF,oFAAoF;IACpF,gBAAgB,IAAI,IAAI;IA2BxB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,sBAAsB;IAqD9B,6CAA6C;IAC7C,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IASrC,oDAAoD;IACpD,aAAa,IAAI,IAAI;IAKrB,4DAA4D;IAC5D,WAAW,CAAC,WAAW,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAqBvD,OAAO,CAAC,cAAc,CAAQ;IAE9B,0DAA0D;IAC1D,aAAa,IAAI,IAAI;IAIrB,+CAA+C;IAC/C,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAQzC,2FAA2F;IAC3F,OAAO,CAAC,aAAa,CAsBpB;IAID,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,iBAAiB;IA4BzB,wFAAwF;IACxF,OAAO,CAAC,4BAA4B;IAKpC,OAAO,CAAC,yBAAyB;IAUjC,mFAAmF;IACnF,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,oBAAoB;IAsC5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,mBAAmB;IA8D3B,yDAAyD;IACzD,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAYlD,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IA6CtB,OAAO,CAAC,eAAe,CA+BtB;IAED,OAAO,CAAC,MAAM,CAAC,cAAc,CAAI;IAEjC,OAAO,CAAC,eAAe,CActB;IAED,OAAO,CAAC,aAAa,CA2CpB;IAED,OAAO,CAAC,WAAW,CAGlB;IAED,OAAO,CAAC,aAAa,CAcpB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,kBAAkB,CAA0G;IAEpI,kEAAkE;IAClE,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAUrD,gFAAgF;IAChF,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAUzC,OAAO,CAAC,4BAA4B;IA8CpC,OAAO,CAAC,mBAAmB,CAE1B;IAED,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,eAAe;CAWxB"}
+{"version":3,"file":"AnnotationOverlay.d.ts","sourceRoot":"","sources":["../../../src/client/annotation/AnnotationOverlay.ts"],"names":[],"mappings":"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"}

package/dist/client/general/ForgeClient.d.ts

@@ -8,6 +8,7 @@ import type { ForgeClientOptions } from "./types.js";
  * and AnnotationOverlay based on messages from the host.
  */
 export declare class ForgeClient {
+    private static readonly ANNOTATION_CURSOR_LOCK_CLASS;
     private static instance;
     private messenger;
     private readyIntervalId;
@@ -19,6 +20,7 @@ export declare class ForgeClient {
     private annotationOverlay;
     private selectController;
     private designController;
+    private annotationCursorLockStyleEl;
     private onError?;
     private constructor();
     /** Returns the singleton ForgeClient instance, creating it if necessary. */
@@ -31,6 +33,8 @@ export declare class ForgeClient {
     private setSelectMode;
     private setDesignMode;
     private setAnnotationMode;
+    private enableAnnotationCursorLock;
+    private disableAnnotationCursorLock;
     private handleSelectClick;
     private handleDesignClick;
     private sendReady;

package/dist/client/general/ForgeClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForgeClient.d.ts","sourceRoot":"","sources":["../../../src/client/general/ForgeClient.ts"],"names":[],"mappings":"AACA,OAAO,EAA+C,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAOhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAEpD;;;;;;GAMG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAClD,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,iBAAiB,CAAmB;IAC5C,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,OAAO,CAAC,CAAwB;IAExC,OAAO;IA4BP,4EAA4E;IAC5E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,WAAW;IAO7D,6FAA6F;IAC7F,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI5C,2FAA2F;IAC3F,kBAAkB,CAAC,WAAW,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAS9D,OAAO,CAAC,oBAAoB;IAuF5B,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,yBAAyB;CAkBlC"}
+{"version":3,"file":"ForgeClient.d.ts","sourceRoot":"","sources":["../../../src/client/general/ForgeClient.ts"],"names":[],"mappings":"AACA,OAAO,EAA+C,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAOhH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAEpD;;;;;;GAMG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAiC;IACrF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA2B;IAClD,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,iBAAiB,CAAmB;IAC5C,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,2BAA2B,CAAgC;IACnE,OAAO,CAAC,OAAO,CAAC,CAAwB;IAExC,OAAO;IA4BP,4EAA4E;IAC5E,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,WAAW;IAO7D,6FAA6F;IAC7F,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI5C,2FAA2F;IAC3F,kBAAkB,CAAC,WAAW,EAAE,qBAAqB,EAAE,GAAG,IAAI;IAS9D,OAAO,CAAC,oBAAoB;IA2F5B,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,yBAAyB;CAkBlC"}

package/dist/client/select-mode/SelectModeController.d.ts

@@ -7,12 +7,10 @@ import type { SelectModeCallbacks } from "../general/types.js";
 export declare class SelectModeController {
     private messenger;
     private callbacks;
-    private hitTestOverlay;
-    private hoveredElement;
     constructor(messenger: ParentMessenger, callbacks: SelectModeCallbacks);
-    /** Creates the hit-test overlay and attaches mouse/scroll listeners. */
+    /** Attaches capture-phase listeners for hover/click selection. */
     enableListeners(): void;
-    /** Removes listeners and the hit-test overlay. */
+    /** Removes listeners and clears any active hover highlight. */
     disableListeners(): void;
     /** Clears the current hover highlight. */
     clearHover(): void;
@@ -26,6 +24,8 @@ export declare class SelectModeController {
     private handleMouseOver;
     private handleMouseOut;
     private handleClick;
+    private resolveTarget;
+    private resolveElementFromPoint;
     private handleScroll;
 }
 //# sourceMappingURL=SelectModeController.d.ts.map

package/dist/client/select-mode/SelectModeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectModeController.d.ts","sourceRoot":"","sources":["../../../src/client/select-mode/SelectModeController.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,cAAc,CAA2B;gBAErC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB;IAKtE,wEAAwE;IACxE,eAAe,IAAI,IAAI;IAQvB,kDAAkD;IAClD,gBAAgB,IAAI,IAAI;IAWxB,0CAA0C;IAC1C,UAAU,IAAI,IAAI;IAKlB;;;OAGG;IACH,4BAA4B,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW;IAiB/D,yEAAyE;IACzE,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAShD,OAAO,CAAC,eAAe,CAmBtB;IAED,OAAO,CAAC,cAAc,CAOrB;IAED,OAAO,CAAC,WAAW,CAoBlB;IAED,OAAO,CAAC,YAAY,CAKnB;CACF"}
+{"version":3,"file":"SelectModeController.d.ts","sourceRoot":"","sources":["../../../src/client/select-mode/SelectModeController.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,SAAS,CAAiB;IAClC,OAAO,CAAC,SAAS,CAAqB;gBAE1B,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB;IAKtE,kEAAkE;IAClE,eAAe,IAAI,IAAI;IAOvB,+DAA+D;IAC/D,gBAAgB,IAAI,IAAI;IAQxB,0CAA0C;IAC1C,UAAU,IAAI,IAAI;IAIlB;;;OAGG;IACH,4BAA4B,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW;IAiB/D,yEAAyE;IACzE,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAShD,OAAO,CAAC,eAAe,CAgBtB;IAED,OAAO,CAAC,cAAc,CAGrB;IAED,OAAO,CAAC,WAAW,CAiBlB;IAED,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,YAAY,CAInB;CACF"}

package/dist/client.js

@@ -1,6 +1,6 @@
-import { b as X, c as Y, R as U, d as B, Z as A, C as v, M as O, B as H, e as G, P as V, i as W, a as j, T as k } from "./constants-DqGvo09s.js";
-import { d as c } from "./debug-CLzmqn3R.js";
-class z {
+import { b as $, c as X, R as Y, d as U, Z as x, C as v, M as A, B as R, e as B, P as G, i as W, a as V, T as P } from "./constants-DHvpLY46.js";
+import { d as c } from "./debug-BuKzUOMn.js";
+class j {
   registry = /* @__PURE__ */ new Map();
   register(e, t) {
     this.registry.set(e, t);
@@ -38,44 +38,44 @@ function M(r) {
   }
   return e;
 }
-function b(r) {
+function I(r) {
   return r.length === 1 && r[0].startsWith("*[@id=") ? `//${r[0]}` : "/" + r.join("/");
 }
-const u = { FunctionComponent: 0, ClassComponent: 1, IndeterminateComponent: 2, HostRoot: 3, HostPortal: 4, HostComponent: 5, HostText: 6, Fragment: 7, Mode: 8, ContextConsumer: 9, ContextProvider: 10, ForwardRef: 11, Profiler: 12, SuspenseComponent: 13, MemoComponent: 14, SimpleMemoComponent: 15, LazyComponent: 16, IncompleteClassComponent: 17, DehydratedFragment: 18, SuspenseListComponent: 19, ScopeComponent: 21, OffscreenComponent: 22, LegacyHiddenComponent: 23, CacheComponent: 24, TracingMarkerComponent: 25, HostHoistable: 26, HostSingleton: 27, IncompleteFunctionComponent: 28, Throw: 29, ViewTransitionComponent: 30, ActivityComponent: 31 }, K = /* @__PURE__ */ new Set(["Component", "PureComponent", "Fragment", "Suspense", "Profiler", "StrictMode", "Routes", "Route", "Outlet", "Root", "ErrorBoundaryHandler", "HotReload", "Hot"]), J = [/Boundary$/, /BoundaryHandler$/, /Provider$/, /Consumer$/, /^(Inner|Outer)/, /Router$/, /^Client(Page|Segment|Root)/, /^Server(Root|Component|Render)/, /^RSC/, /Context$/, /^Hot(Reload)?$/, /^(Dev|React)(Overlay|Tools|Root)/, /Overlay$/, /Handler$/, /^With[A-Z]/, /Wrapper$/, /^Root$/];
-let T = null;
-function x(r) {
+const u = { FunctionComponent: 0, ClassComponent: 1, IndeterminateComponent: 2, HostRoot: 3, HostPortal: 4, HostComponent: 5, HostText: 6, Fragment: 7, Mode: 8, ContextConsumer: 9, ContextProvider: 10, ForwardRef: 11, Profiler: 12, SuspenseComponent: 13, MemoComponent: 14, SimpleMemoComponent: 15, LazyComponent: 16, IncompleteClassComponent: 17, DehydratedFragment: 18, SuspenseListComponent: 19, ScopeComponent: 21, OffscreenComponent: 22, LegacyHiddenComponent: 23, CacheComponent: 24, TracingMarkerComponent: 25, HostHoistable: 26, HostSingleton: 27, IncompleteFunctionComponent: 28, Throw: 29, ViewTransitionComponent: 30, ActivityComponent: 31 }, K = /* @__PURE__ */ new Set(["Component", "PureComponent", "Fragment", "Suspense", "Profiler", "StrictMode", "Routes", "Route", "Outlet", "Root", "ErrorBoundaryHandler", "HotReload", "Hot"]), z = [/Boundary$/, /BoundaryHandler$/, /Provider$/, /Consumer$/, /^(Inner|Outer)/, /Router$/, /^Client(Page|Segment|Root)/, /^Server(Root|Component|Render)/, /^RSC/, /Context$/, /^Hot(Reload)?$/, /^(Dev|React)(Overlay|Tools|Root)/, /Overlay$/, /Handler$/, /^With[A-Z]/, /Wrapper$/, /^Root$/];
+let C = null;
+function T(r) {
   const e = (t) => t.some((n) => n.startsWith("__reactFiber$") || n.startsWith("__reactInternalInstance$") || n.startsWith("__reactProps$"));
   return e(Object.keys(r)) || e(Object.getOwnPropertyNames(r));
 }
-function q() {
-  if (T !== null) return T;
+function J() {
+  if (C !== null) return C;
   if (typeof document > "u") return !1;
-  if (document.body && x(document.body))
-    return c("client", "Detected React on document.body"), T = !0, !0;
-  for (const e of U) {
+  if (document.body && T(document.body))
+    return c("client", "Detected React on document.body"), C = !0, !0;
+  for (const e of Y) {
     const t = document.querySelector(e);
     if (t) {
-      if (x(t))
-        return c("client", "Detected React on", e), T = !0, !0;
+      if (T(t))
+        return c("client", "Detected React on", e), C = !0, !0;
       for (const n of t.children)
-        if (x(n))
-          return c("client", "Detected React on child of", e), T = !0, !0;
+        if (T(n))
+          return c("client", "Detected React on child of", e), C = !0, !0;
     }
   }
   if (document.body) {
     for (const e of document.body.children)
-      if (x(e))
-        return c("client", "Detected React on body child:", e.tagName), T = !0, !0;
+      if (T(e))
+        return c("client", "Detected React on body child:", e.tagName), C = !0, !0;
   }
   const r = document.querySelectorAll("*");
   for (const e of r) {
-    if (x(e))
-      return c("client", "Detected React on deep scan:", e.tagName), T = !0, !0;
-    if (r.length > B) break;
+    if (T(e))
+      return c("client", "Detected React on deep scan:", e.tagName), C = !0, !0;
+    if (r.length > U) break;
   }
-  return c("client", "React NOT detected on page"), T = !1, !1;
+  return c("client", "React NOT detected on page"), C = !1, !1;
 }
-function Z(r) {
+function q(r) {
   const e = Object.keys(r);
   let t = e.find((s) => s.startsWith("__reactFiber$"));
   if (t) return r[t] || null;
@@ -91,27 +91,27 @@ function Z(r) {
   });
   return i && r[i] || null;
 }
-function I(r) {
+function b(r) {
   return r ? r.displayName ? r.displayName : r.name ? r.name : null : null;
 }
-function Q(r) {
+function Z(r) {
   const { tag: e, type: t, elementType: n } = r;
   if ((/* @__PURE__ */ new Set([u.HostComponent, u.HostText, u.HostHoistable, u.HostSingleton, u.Fragment, u.Mode, u.Profiler, u.DehydratedFragment, u.HostRoot, u.HostPortal, u.ScopeComponent, u.OffscreenComponent, u.LegacyHiddenComponent, u.CacheComponent, u.TracingMarkerComponent, u.Throw, u.ViewTransitionComponent, u.ActivityComponent, u.SuspenseComponent, u.SuspenseListComponent])).has(e)) return null;
   if (e === u.ForwardRef) {
     const i = n;
     if (i?.render) {
-      const s = I(i.render);
+      const s = b(i.render);
       if (s) return s;
     }
-    return i?.displayName ? i.displayName : I(t);
+    return i?.displayName ? i.displayName : b(t);
   }
   if (e === u.MemoComponent || e === u.SimpleMemoComponent) {
     const i = n;
     if (i?.type) {
-      const s = I(i.type);
+      const s = b(i.type);
       if (s) return s;
     }
-    return i?.displayName ? i.displayName : I(t);
+    return i?.displayName ? i.displayName : b(t);
   }
   if (e === u.ContextProvider) {
     const i = t;
@@ -123,60 +123,53 @@ function Q(r) {
   }
   if (e === u.LazyComponent) {
     const i = n;
-    return i?._status === 1 && i._result ? I(i._result) : null;
+    return i?._status === 1 && i._result ? b(i._result) : null;
   }
-  return e === u.IncompleteClassComponent || e === u.IncompleteFunctionComponent || e === u.FunctionComponent || e === u.ClassComponent || e === u.IndeterminateComponent ? I(t) : null;
+  return e === u.IncompleteClassComponent || e === u.IncompleteFunctionComponent || e === u.FunctionComponent || e === u.ClassComponent || e === u.IndeterminateComponent ? b(t) : null;
 }
-function ee(r) {
+function Q(r) {
   return r.length <= 2 || r.length <= 3 && r === r.toLowerCase();
 }
-function te(r) {
-  return !(K.has(r) || J.some((e) => e.test(r)));
+function ee(r) {
+  return !(K.has(r) || z.some((e) => e.test(r)));
 }
-function ne(r, e = X, t = Y) {
-  if (!q())
+function te(r, e = $, t = X) {
+  if (!J())
     return c("client", "isReactPage() = false"), { path: null, components: [] };
   const n = [];
   try {
-    let i = Z(r), s = 0;
+    let i = q(r), s = 0;
     for (; i && s < t && n.length < e; ) {
-      const a = Q(i);
-      a && !ee(a) && te(a) && n.push(a), i = i.return, s++;
+      const a = Z(i);
+      a && !Q(a) && ee(a) && n.push(a), i = i.return, s++;
     }
   } catch (i) {
     return c("client", "Error walking fiber tree:", i), { path: null, components: [] };
   }
   return n.length === 0 ? { path: null, components: [] } : { path: n.slice().reverse().map((i) => `<${i}>`).join("  "), components: n };
 }
-let S = null, E = null;
-function N(r, e, t, n = "solid") {
+let O = null;
+function D(r, e, t, n = "solid") {
   const o = document.createElement("div");
-  return Object.assign(o.style, { position: "fixed", left: `${r.left}px`, top: `${r.top}px`, width: `${r.width}px`, height: `${r.height}px`, border: `1px ${n} ${e}`, backgroundColor: t, pointerEvents: "none", zIndex: A.HOVER_OVERLAY, borderRadius: "2px" }), o;
+  return Object.assign(o.style, { position: "fixed", left: `${r.left}px`, top: `${r.top}px`, width: `${r.width}px`, height: `${r.height}px`, border: `1px ${n} ${e}`, backgroundColor: t, pointerEvents: "none", zIndex: x.HOVER_OVERLAY, borderRadius: "2px" }), o;
 }
-function oe(r) {
-  R();
+function ne(r) {
+  L();
   const e = r.getBoundingClientRect();
-  S = N(e, v.SELECT_OVERLAY_BORDER, v.SELECT_OVERLAY_BG), S.className = "forge-overlay", document.body.appendChild(S);
+  O = D(e, v.SELECT_OVERLAY_BORDER, v.SELECT_OVERLAY_BG), O.className = "forge-overlay", document.body.appendChild(O);
 }
-function R() {
-  S && (S.remove(), S = null);
+function L() {
+  O && (O.remove(), O = null);
 }
+let oe = 0;
 function ie() {
-  return E || (E = document.createElement("div"), Object.assign(E.style, { position: "fixed", top: "0", left: "0", width: "100%", height: "100%", backgroundColor: "transparent", pointerEvents: "auto", zIndex: A.HIT_TEST_OVERLAY, cursor: "crosshair" }), E.className = "forge-hit-test-overlay", document.body.appendChild(E), E);
-}
-function se() {
-  E && (E.remove(), E = null);
+  return `ann-${Date.now()}-${++oe}`;
 }
-let re = 0;
-function ae() {
-  return `ann-${Date.now()}-${++re}`;
-}
-class D {
+class S {
   active = !1;
   messenger;
   hoverOverlay = null;
   componentTooltip = null;
-  hitTestOverlay = null;
   dragRect = null;
   dragHighlights = [];
   annotationHighlights = [];
@@ -195,10 +188,10 @@ class D {
     this.messenger = e, window.__forgeAnnotations = this, window.addEventListener("scroll", this.repositionAll, { capture: !0, passive: !0 }), window.addEventListener("resize", this.repositionAll, { passive: !0 });
   }
   activate() {
-    this.active || (this.active = !0, c("annotation", "Annotation mode activated"), this.createHitTestOverlay(), this.addListeners(), this.setMarkersVisible(!0), document.body.style.cursor = "crosshair");
+    this.active || (this.active = !0, c("annotation", "Annotation mode activated"), this.addListeners(), this.setMarkersVisible(!0));
   }
   deactivate() {
-    this.active && (this.active = !1, c("annotation", "Annotation mode deactivated"), this.removeHoverOverlay(), this.clearAnnotationHighlights(), this.removeHitTestOverlay(), this.removeDragRect(), this.removeListeners(), this.setMarkersVisible(!1), document.body.style.cursor = "");
+    this.active && (this.active = !1, c("annotation", "Annotation mode deactivated"), this.removeHoverOverlay(), this.clearAnnotationHighlights(), this.removeDragRect(), this.removeListeners(), this.setMarkersVisible(!1));
   }
   selectDot(e) {
     const t = this.dots.get(e);
@@ -215,7 +208,7 @@ class D {
     if (this.accumulationId !== e) {
       this.accumulationId = e, this.accumulationElements = [], this.clearAnnotationHighlights();
       for (const n of t) {
-        const o = { xpath: b(n.xpath), forgeId: n.forgeId, forgeIdIndex: n.forgeIdIndex }, i = this.resolveLocator(o);
+        const o = { xpath: I(n.xpath), forgeId: n.forgeId, forgeIdIndex: n.forgeIdIndex }, i = this.resolveLocator(o);
         i && this.accumulationElements.push(i);
       }
       this.refreshAccumulationHighlights(), this.hoverSuppressed = !1, c("annotation", `Entered accumulation mode for ${e} with ${this.accumulationElements.length} elements`);
@@ -243,7 +236,7 @@ class D {
       const o = document.querySelectorAll(`[data-forge-id="${t}"]`);
       o.length > 1 && (n = Array.from(o).indexOf(e));
     }
-    return { xpath: b(M(e)), forgeId: t, forgeIdIndex: n };
+    return { xpath: I(M(e)), forgeId: t, forgeIdIndex: n };
   }
   elementToInfo(e) {
     return { elementTag: e.tagName.toLowerCase(), xpath: M(e), componentName: e.getAttribute("data-component") || void 0, componentPath: this.getComponentPath(e) || void 0, forgeId: e.getAttribute("data-forge-id") || void 0, forgeIdIndex: this.resolveForgeIdIndex(e), sourcePos: e.getAttribute("data-source-pos") || void 0 };
@@ -258,11 +251,11 @@ class D {
     if (!this.accumulationId) return;
     const e = this.accumulationElements;
     if (e.length === 0) {
-      this.messenger.send({ type: "ACCUMULATION_UPDATED", annotation: { id: this.accumulationId, dotX: 0, dotY: 0, mode: "single", elements: [], xpaths: [], elementTag: "" }, origin: O });
+      this.messenger.send({ type: "ACCUMULATION_UPDATED", annotation: { id: this.accumulationId, dotX: 0, dotY: 0, mode: "single", elements: [], xpaths: [], elementTag: "" }, origin: A });
       return;
     }
-    const n = e[e.length - 1].getBoundingClientRect(), o = n.left + n.width / 2, i = n.bottom, s = e.map((g) => this.elementToInfo(g)), a = e.map((g) => this.elementToLocator(g)), l = this.getAnchorRect(a), h = o - 2, d = i - H - 2, m = l && l.width > 0 && l.height > 0 ? { x: (h - l.left) / l.width, y: (d - l.top) / l.height } : { x: 0, y: 0 }, p = s[0];
-    this.messenger.send({ type: "ACCUMULATION_UPDATED", annotation: { id: this.accumulationId, dotX: o, dotY: i, anchorOffset: m, mode: e.length > 1 ? "multi" : "single", elements: s, xpaths: s.map((g) => b(g.xpath)), elementTag: p.elementTag, componentName: p.componentName, componentPath: p.componentPath, forgeId: p.forgeId, sourcePos: p.sourcePos }, origin: O });
+    const n = e[e.length - 1].getBoundingClientRect(), o = n.left + n.width / 2, i = n.bottom, s = e.map((g) => this.elementToInfo(g)), a = e.map((g) => this.elementToLocator(g)), l = this.getAnchorRect(a), h = o - 2, d = i - R - 2, m = l && l.width > 0 && l.height > 0 ? { x: (h - l.left) / l.width, y: (d - l.top) / l.height } : { x: 0, y: 0 }, f = s[0];
+    this.messenger.send({ type: "ACCUMULATION_UPDATED", annotation: { id: this.accumulationId, dotX: o, dotY: i, anchorOffset: m, mode: e.length > 1 ? "multi" : "single", elements: s, xpaths: s.map((g) => I(g.xpath)), elementTag: f.elementTag, componentName: f.componentName, componentPath: f.componentPath, forgeId: f.forgeId, sourcePos: f.sourcePos }, origin: A });
   }
   removeDot(e) {
     const t = this.dots.get(e);
@@ -274,7 +267,7 @@ class D {
   restoreDots(e) {
     this.removeAllDots();
     for (const t of e) {
-      const n = t.elements.map((i) => ({ xpath: b(i.xpath), forgeId: i.forgeId, forgeIdIndex: i.forgeIdIndex })), o = this.getAnchorRect(n);
+      const n = t.elements.map((i) => ({ xpath: I(i.xpath), forgeId: i.forgeId, forgeIdIndex: i.forgeIdIndex })), o = this.getAnchorRect(n);
       if (o && t.anchorOffset && o.width > 0 && o.height > 0) {
         const i = { rx: t.anchorOffset.x, ry: t.anchorOffset.y }, s = o.left + i.rx * o.width, a = o.top + i.ry * o.height;
         this.createDotAtPosition(s, a, t.mode, t.id, t.order, n, i);
@@ -307,16 +300,10 @@ class D {
     } else this.annotationHighlights.length > 0 && this.pendingHighlightLocators && (this.clearAnnotationHighlightsRaw(), this.highlightLocators(this.pendingHighlightLocators.locators, this.pendingHighlightLocators.showBounding));
     this.repositionHoverOverlay();
   };
-  createHitTestOverlay() {
-    this.hitTestOverlay || (this.hitTestOverlay = document.createElement("div"), Object.assign(this.hitTestOverlay.style, { position: "fixed", top: "0", left: "0", width: "100%", height: "100%", backgroundColor: "transparent", pointerEvents: "auto", zIndex: A.HIT_TEST_OVERLAY, cursor: "crosshair" }), this.hitTestOverlay.className = "forge-annotation-hit-test", document.body.appendChild(this.hitTestOverlay));
-  }
-  removeHitTestOverlay() {
-    this.hitTestOverlay && (this.hitTestOverlay.remove(), this.hitTestOverlay = null);
-  }
   showHoverOverlay(e, t, n) {
     this.hoverOverlay && (this.hoverOverlay.remove(), this.hoverOverlay = null), this.lastHoveredElement = e;
     const o = e.getBoundingClientRect(), i = t === v.ANNOTATION_MULTI ? v.ANNOTATION_MULTI_BG : v.ANNOTATION_SINGLE_BG;
-    this.hoverOverlay = N(o, t, i, "solid"), this.hoverOverlay.style.transition = "all 0.05s ease", this.hoverOverlay.className = "forge-annotation-hover", document.body.appendChild(this.hoverOverlay), this.showComponentTooltip(n || e, o);
+    this.hoverOverlay = D(o, t, i, "solid"), this.hoverOverlay.style.transition = "all 0.05s ease", this.hoverOverlay.className = "forge-annotation-hover", document.body.appendChild(this.hoverOverlay), this.showComponentTooltip(n || e, o);
   }
   removeHoverOverlay() {
     this.hoverOverlay && (this.hoverOverlay.remove(), this.hoverOverlay = null), this.lastHoveredElement = null, this.removeComponentTooltip();
@@ -361,12 +348,12 @@ class D {
       if (i) {
         const s = i.getBoundingClientRect();
         n.push(s);
-        const a = N(s, v.ANNOTATION_SINGLE, v.ANNOTATION_SINGLE_BG, "solid");
+        const a = D(s, v.ANNOTATION_SINGLE, v.ANNOTATION_SINGLE_BG, "solid");
         a.className = "forge-annotation-highlight", document.body.appendChild(a), this.annotationHighlights.push(a);
       }
     }
     if (t && n.length > 1) {
-      const o = Math.min(...n.map((d) => d.left)), i = Math.min(...n.map((d) => d.top)), s = Math.max(...n.map((d) => d.right)), a = Math.max(...n.map((d) => d.bottom)), l = new DOMRect(o, i, s - o, a - i), h = N(l, v.ANNOTATION_SINGLE, "transparent", "dashed");
+      const o = Math.min(...n.map((d) => d.left)), i = Math.min(...n.map((d) => d.top)), s = Math.max(...n.map((d) => d.right)), a = Math.max(...n.map((d) => d.bottom)), l = new DOMRect(o, i, s - o, a - i), h = D(l, v.ANNOTATION_SINGLE, "transparent", "dashed");
       h.className = "forge-annotation-bounding-rect", document.body.appendChild(h), this.annotationHighlights.push(h);
     }
   }
@@ -399,7 +386,7 @@ class D {
       const a = o.getAttribute("data-component");
       a && !n.has(a) && (n.add(a), t.push(a)), o = o.parentElement;
     }
-    const i = ne(e), s = [...t];
+    const i = te(e), s = [...t];
     if (i.components.length > 0)
       for (const a of i.components)
         n.has(a) || (n.add(a), s.push(a));
@@ -411,7 +398,7 @@ class D {
     const n = this.getComponentPath(e);
     if (!n) return;
     const o = document.createElement("div");
-    Object.assign(o.style, { position: "fixed", zIndex: A.TOOLTIP, backgroundColor: "rgb(238, 248, 255)", color: "rgba(26, 88, 208, 1)", border: "1px solid rgba(86, 153, 255, 0.3)", padding: "4px", borderRadius: "5px", fontSize: "12px", fontFamily: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", whiteSpace: "nowrap", pointerEvents: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.3)", transition: "opacity 0.1s ease" }), o.textContent = n.map((l) => `<${l}>`).join("  "), o.className = "forge-annotation-component-tooltip", document.body.appendChild(o);
+    Object.assign(o.style, { position: "fixed", zIndex: x.TOOLTIP, backgroundColor: "rgb(238, 248, 255)", color: "rgba(26, 88, 208, 1)", border: "1px solid rgba(86, 153, 255, 0.3)", padding: "4px", borderRadius: "5px", fontSize: "12px", fontFamily: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", whiteSpace: "nowrap", pointerEvents: "none", boxShadow: "0 2px 8px rgba(0,0,0,0.3)", transition: "opacity 0.1s ease" }), o.textContent = n.map((l) => `<${l}>`).join("  "), o.className = "forge-annotation-component-tooltip", document.body.appendChild(o);
     const i = o.getBoundingClientRect();
     let s = t.left + t.width / 2 - i.width / 2, a = t.top - i.height - 6;
     s < 4 && (s = 4), s + i.width > window.innerWidth - 4 && (s = window.innerWidth - i.width - 4), a < 4 && (a = t.bottom + 6), o.style.left = `${s}px`, o.style.top = `${a}px`, this.componentTooltip = o;
@@ -420,7 +407,7 @@ class D {
     this.componentTooltip && (this.componentTooltip.remove(), this.componentTooltip = null);
   }
   showDragRect(e, t, n, o) {
-    this.dragRect || (this.dragRect = document.createElement("div"), Object.assign(this.dragRect.style, { position: "fixed", border: `1px dashed ${v.ANNOTATION_MULTI}`, backgroundColor: v.DRAG_RECT_BG, pointerEvents: "none", zIndex: A.HOVER_OVERLAY, borderRadius: "4px" }), this.dragRect.className = "forge-annotation-drag-rect", document.body.appendChild(this.dragRect)), Object.assign(this.dragRect.style, { left: `${Math.min(e, n)}px`, top: `${Math.min(t, o)}px`, width: `${Math.abs(n - e)}px`, height: `${Math.abs(o - t)}px` });
+    this.dragRect || (this.dragRect = document.createElement("div"), Object.assign(this.dragRect.style, { position: "fixed", border: `1px dashed ${v.ANNOTATION_MULTI}`, backgroundColor: v.DRAG_RECT_BG, pointerEvents: "none", zIndex: x.HOVER_OVERLAY, borderRadius: "4px" }), this.dragRect.className = "forge-annotation-drag-rect", document.body.appendChild(this.dragRect)), Object.assign(this.dragRect.style, { left: `${Math.min(e, n)}px`, top: `${Math.min(t, o)}px`, width: `${Math.abs(n - e)}px`, height: `${Math.abs(o - t)}px` });
   }
   removeDragRect() {
     this.dragRect && (this.dragRect.remove(), this.dragRect = null), this.clearDragHighlights();
@@ -428,7 +415,7 @@ class D {
   showDragHighlights(e) {
     this.clearDragHighlights();
     for (const t of e) {
-      const n = t.getBoundingClientRect(), o = N(n, v.ANNOTATION_MULTI, v.ANNOTATION_MULTI_BG, "solid");
+      const n = t.getBoundingClientRect(), o = D(n, v.ANNOTATION_MULTI, v.ANNOTATION_MULTI_BG, "solid");
       o.className = "forge-annotation-drag-highlight", document.body.appendChild(o), this.dragHighlights.push(o);
     }
   }
@@ -437,12 +424,12 @@ class D {
     this.dragHighlights = [];
   }
   createDot(e, t, n, o, i, s = []) {
-    const a = this.getAnchorRect(s), l = e - 2, h = t - H - 2, d = a && a.width > 0 && a.height > 0 ? { rx: (l - a.left) / a.width, ry: (h - a.top) / a.height } : { rx: 0, ry: 0 };
+    const a = this.getAnchorRect(s), l = e - 2, h = t - R - 2, d = a && a.width > 0 && a.height > 0 ? { rx: (l - a.left) / a.width, ry: (h - a.top) / a.height } : { rx: 0, ry: 0 };
     this.createDotAtPosition(l, h, n, o, i, s, d);
   }
   createDotAtPosition(e, t, n, o, i, s, a) {
     const l = document.createElement("div");
-    Object.assign(l.style, { position: "fixed", left: `${e}px`, top: `${t}px`, minWidth: `${G}px`, height: `${H}px`, borderRadius: "50% 50% 50% 0", backgroundColor: "#FFFFFF", border: "1px solid #1A58D0", cursor: "pointer", zIndex: A.ANNOTATION_DOT, transition: "transform 0.15s ease", display: this.markersVisible ? "flex" : "none", alignItems: "center", justifyContent: "center", padding: "0 4px", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", fontSize: "11px", fontWeight: "700", color: "#1A58D0", lineHeight: "1", userSelect: "none", boxShadow: "0px 1px 3px -1px rgba(9, 18, 42, 0.06), 0px 1px 3px -3px rgba(9, 18, 42, 0.1)" }), l.textContent = String(i), l.className = "forge-annotation-dot", l.dataset.annotationId = o, l.addEventListener("mouseenter", () => {
+    Object.assign(l.style, { position: "fixed", left: `${e}px`, top: `${t}px`, minWidth: `${B}px`, height: `${R}px`, borderRadius: "50% 50% 50% 0", backgroundColor: "#FFFFFF", border: "1px solid #1A58D0", cursor: "pointer", zIndex: x.ANNOTATION_DOT, transition: "transform 0.15s ease", display: this.markersVisible ? "flex" : "none", alignItems: "center", justifyContent: "center", padding: "0 4px", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", fontSize: "11px", fontWeight: "700", color: "#1A58D0", lineHeight: "1", userSelect: "none", boxShadow: "0px 1px 3px -1px rgba(9, 18, 42, 0.06), 0px 1px 3px -3px rgba(9, 18, 42, 0.1)" }), l.textContent = String(i), l.className = "forge-annotation-dot", l.dataset.annotationId = o, l.addEventListener("mouseenter", () => {
       l.style.transform = "scale(1.05)", this.removeHoverOverlay();
     }), l.addEventListener("mouseleave", () => {
       l.style.transform = "scale(1)";
@@ -451,7 +438,7 @@ class D {
       const d = this.dots.get(o);
       d && this.highlightAnnotationElements(d);
       const m = l.getBoundingClientRect();
-      this.messenger.send({ type: "ANNOTATION_DOT_CLICKED", annotationId: o, dotX: m.left, dotY: m.bottom, origin: O });
+      this.messenger.send({ type: "ANNOTATION_DOT_CLICKED", annotationId: o, dotX: m.left, dotY: m.bottom, origin: A });
     }), document.body.appendChild(l), this.dots.set(o, { id: o, element: l, mode: n, order: i, locators: s, anchorRatio: a });
   }
   updateOrders(e) {
@@ -461,9 +448,9 @@ class D {
     }
   }
   elementAtPoint(e, t) {
-    this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "none"), this.hoverOverlay && (this.hoverOverlay.style.pointerEvents = "none"), this.dots.forEach((o) => o.element.style.pointerEvents = "none");
+    this.hoverOverlay && (this.hoverOverlay.style.pointerEvents = "none"), this.dots.forEach((o) => o.element.style.pointerEvents = "none");
     const n = document.elementFromPoint(e, t);
-    return this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "auto"), this.hoverOverlay && (this.hoverOverlay.style.pointerEvents = "none"), this.dots.forEach((o) => o.element.style.pointerEvents = "auto"), !n || n === document.body || n === document.documentElement ? null : this.escapeToSvgRoot(n);
+    return this.hoverOverlay && (this.hoverOverlay.style.pointerEvents = "none"), this.dots.forEach((o) => o.element.style.pointerEvents = "auto"), !n || n === document.body || n === document.documentElement ? null : this.escapeToSvgRoot(n);
   }
   escapeToSvgRoot(e) {
     if (!(e instanceof SVGElement)) return e;
@@ -496,19 +483,19 @@ class D {
   }
   elementsInRect(e, t, n, o) {
     const i = Math.min(e, n), s = Math.min(t, o), a = Math.max(e, n), l = Math.max(t, o), h = document.querySelectorAll("[data-forge-id]"), d = [], m = /* @__PURE__ */ new Set();
-    if (h.forEach((p) => {
-      const g = p, y = g.getAttribute("data-forge-id");
+    if (h.forEach((f) => {
+      const g = f, y = g.getAttribute("data-forge-id");
       if (!y || m.has(y) || g instanceof SVGElement && g.tagName.toLowerCase() !== "svg" || g.closest?.("svg") && g.tagName.toLowerCase() !== "svg") return;
-      const f = this.findTopmostWithSameForgeId(g);
-      if (m.has(f.getAttribute("data-forge-id") || "")) return;
-      const L = f.getBoundingClientRect();
-      L.right >= i && L.left <= a && L.bottom >= s && L.top <= l && (m.add(y), d.push(f));
+      const p = this.findTopmostWithSameForgeId(g);
+      if (m.has(p.getAttribute("data-forge-id") || "")) return;
+      const N = p.getBoundingClientRect();
+      N.right >= i && N.left <= a && N.bottom >= s && N.top <= l && (m.add(y), d.push(p));
     }), this.dragScopeParent) {
-      const p = this.findForgeIdParent(this.dragScopeParent);
-      if (p)
+      const f = this.findForgeIdParent(this.dragScopeParent);
+      if (f)
         return d.filter((y) => {
-          const f = this.findForgeIdParent(y);
-          return f ? this.findForgeIdParent(f) === p : !1;
+          const p = this.findForgeIdParent(y);
+          return p ? this.findForgeIdParent(p) === f : !1;
         });
       const g = this.dragScopeParent;
       return d.filter((y) => this.findForgeIdParent(y) === g);
@@ -516,6 +503,7 @@ class D {
     return d;
   }
   handleMouseMove = (e) => {
+    if (this.isAnnotationDotEventTarget(e)) return;
     if (this.hoverSuppressed) {
       this.removeHoverOverlay();
       return;
@@ -528,7 +516,7 @@ class D {
     }
     if (e.buttons === 1) {
       const n = e.clientX - this.dragStartX, o = e.clientY - this.dragStartY;
-      if (Math.abs(n) > D.DRAG_THRESHOLD || Math.abs(o) > D.DRAG_THRESHOLD) {
+      if (Math.abs(n) > S.DRAG_THRESHOLD || Math.abs(o) > S.DRAG_THRESHOLD) {
         this.isDragging = !0;
         return;
       }
@@ -542,6 +530,7 @@ class D {
   };
   static DRAG_THRESHOLD = 5;
   handleMouseDown = (e) => {
+    if (this.isAnnotationDotEventTarget(e)) return;
     this.dragStartX = e.clientX, this.dragStartY = e.clientY, this.isDragging = !1;
     const t = this.elementAtPoint(e.clientX, e.clientY);
     if (t) {
@@ -552,6 +541,7 @@ class D {
     e.preventDefault();
   };
   handleMouseUp = (e) => {
+    if (this.isAnnotationDotEventTarget(e)) return;
     if (this.isDragging) {
       this.isDragging = !1;
       const o = this.elementsInRect(this.dragStartX, this.dragStartY, e.clientX, e.clientY);
@@ -575,8 +565,12 @@ class D {
     this.createAnnotationFromElements([n], "single", e.clientX, e.clientY);
   };
   handleClick = (e) => {
-    e.preventDefault(), e.stopPropagation();
+    this.isAnnotationDotEventTarget(e) || (e.preventDefault(), e.stopPropagation());
   };
+  isAnnotationDotEventTarget(e) {
+    const t = e.target;
+    return t instanceof Element && t.closest(".forge-annotation-dot") !== null;
+  }
   handleKeyDown = (e) => {
     if (e.key === "Escape") {
       if (this.accumulationId) {
@@ -597,39 +591,37 @@ class D {
     this.pendingAnnotations.delete(e), this.accumulationId === e && (this.accumulationId = null, this.accumulationElements = []), this.clearAnnotationHighlights(), this.hoverSuppressed = !1;
   }
   createAnnotationFromElements(e, t, n, o, i) {
-    const s = i || ae();
+    const s = i || ie();
     this.hoverSuppressed = !0, this.removeHoverOverlay();
-    const a = e.map((f) => this.elementToInfo(f)), l = a.map((f) => ({ xpath: b(f.xpath), forgeId: f.forgeId, forgeIdIndex: f.forgeIdIndex })), h = this.getAnchorRect(l), d = n - 2, m = o - H - 2, p = h && h.width > 0 && h.height > 0 ? { x: (d - h.left) / h.width, y: (m - h.top) / h.height } : { x: 0, y: 0 };
+    const a = e.map((p) => this.elementToInfo(p)), l = a.map((p) => ({ xpath: I(p.xpath), forgeId: p.forgeId, forgeIdIndex: p.forgeIdIndex })), h = this.getAnchorRect(l), d = n - 2, m = o - R - 2, f = h && h.width > 0 && h.height > 0 ? { x: (d - h.left) / h.width, y: (m - h.top) / h.height } : { x: 0, y: 0 };
     this.pendingAnnotations.set(s, { dotX: n, dotY: o, mode: t, locators: l }), this.clearDragHighlights(), this.highlightLocators(l, t === "multi");
-    const g = a[0], y = { id: s, dotX: n, dotY: o, anchorOffset: p, mode: t, elements: a, xpaths: a.map((f) => b(f.xpath)), elementTag: g.elementTag, componentName: g.componentName, componentPath: g.componentPath, forgeId: g.forgeId, sourcePos: g.sourcePos };
-    c("annotation", "Annotation created (pending):", y), this.messenger.send({ type: "ANNOTATION_CREATED", annotation: y, origin: O });
+    const g = a[0], y = { id: s, dotX: n, dotY: o, anchorOffset: f, mode: t, elements: a, xpaths: a.map((p) => I(p.xpath)), elementTag: g.elementTag, componentName: g.componentName, componentPath: g.componentPath, forgeId: g.forgeId, sourcePos: g.sourcePos };
+    c("annotation", "Annotation created (pending):", y), this.messenger.send({ type: "ANNOTATION_CREATED", annotation: y, origin: A });
   }
   handleDocumentLeave = () => {
     this.removeHoverOverlay();
   };
   addListeners() {
-    this.hitTestOverlay && (this.hitTestOverlay.addEventListener("mousemove", this.handleMouseMove), this.hitTestOverlay.addEventListener("mousedown", this.handleMouseDown), this.hitTestOverlay.addEventListener("mouseup", this.handleMouseUp), this.hitTestOverlay.addEventListener("click", this.handleClick), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp), document.addEventListener("mouseleave", this.handleDocumentLeave));
+    document.addEventListener("mousemove", this.handleMouseMove, !0), document.addEventListener("mousedown", this.handleMouseDown, !0), document.addEventListener("mouseup", this.handleMouseUp, !0), document.addEventListener("click", this.handleClick, !0), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp), document.addEventListener("mouseleave", this.handleDocumentLeave);
   }
   removeListeners() {
-    this.hitTestOverlay && (this.hitTestOverlay.removeEventListener("mousemove", this.handleMouseMove), this.hitTestOverlay.removeEventListener("mousedown", this.handleMouseDown), this.hitTestOverlay.removeEventListener("mouseup", this.handleMouseUp), this.hitTestOverlay.removeEventListener("click", this.handleClick)), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp), document.removeEventListener("mouseleave", this.handleDocumentLeave);
+    document.removeEventListener("mousemove", this.handleMouseMove, !0), document.removeEventListener("mousedown", this.handleMouseDown, !0), document.removeEventListener("mouseup", this.handleMouseUp, !0), document.removeEventListener("click", this.handleClick, !0), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp), document.removeEventListener("mouseleave", this.handleDocumentLeave);
   }
 }
-class le {
+class se {
   messenger;
   callbacks;
-  hitTestOverlay = null;
-  hoveredElement = null;
   constructor(e, t) {
     this.messenger = e, this.callbacks = t;
   }
   enableListeners() {
-    this.hitTestOverlay = ie(), this.hitTestOverlay.addEventListener("mousemove", this.handleMouseOver), this.hitTestOverlay.addEventListener("mouseout", this.handleMouseOut), this.hitTestOverlay.addEventListener("click", this.handleClick), document.addEventListener("scroll", this.handleScroll, !0);
+    document.addEventListener("mousemove", this.handleMouseOver, !0), document.addEventListener("click", this.handleClick, !0), document.addEventListener("mouseleave", this.handleMouseOut), document.addEventListener("scroll", this.handleScroll, !0);
   }
   disableListeners() {
-    this.hitTestOverlay && (this.hitTestOverlay.removeEventListener("mousemove", this.handleMouseOver), this.hitTestOverlay.removeEventListener("mouseout", this.handleMouseOut), this.hitTestOverlay.removeEventListener("click", this.handleClick)), document.removeEventListener("scroll", this.handleScroll, !0), se(), this.hitTestOverlay = null;
+    document.removeEventListener("mousemove", this.handleMouseOver, !0), document.removeEventListener("click", this.handleClick, !0), document.removeEventListener("mouseleave", this.handleMouseOut), document.removeEventListener("scroll", this.handleScroll, !0), this.clearHover();
   }
   clearHover() {
-    this.hoveredElement = null, R();
+    L();
   }
   findTopmostElementWithSameId(e) {
     const t = e.getAttribute("data-forge-id");
@@ -643,80 +635,89 @@ class le {
     return o;
   }
   handleSelectModeClick(e) {
-    const t = b(M(e));
-    c("client", "Element clicked, XPath:", t), this.messenger.send({ type: "XPATH_REPORT", xpath: t, origin: O }), this.messenger.send({ type: "SELECT_MODE_DISABLED", origin: O });
+    const t = I(M(e));
+    c("client", "Element clicked, XPath:", t), this.messenger.send({ type: "XPATH_REPORT", xpath: t, origin: A }), this.messenger.send({ type: "SELECT_MODE_DISABLED", origin: A });
   }
   handleMouseOver = (e) => {
     if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode() || this.callbacks.getHoverDisabled()) return;
-    this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "none");
-    const t = document.elementFromPoint(e.clientX, e.clientY);
-    if (this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "auto"), t && t !== document.body && t !== document.documentElement) {
+    const t = this.resolveTarget(e);
+    if (t && t !== document.body && t !== document.documentElement) {
       const o = t.getAttribute("data-forge-id") ? this.findTopmostElementWithSameId(t) : t;
       if (this.callbacks.getDesignMode() && o === this.callbacks.getSelectedDesignElement())
         return;
-      this.hoveredElement = o, oe(o);
+      ne(o);
     }
   };
   handleMouseOut = (e) => {
-    if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode()) return;
-    e.target === this.hoveredElement && (this.hoveredElement = null, R());
+    !this.callbacks.getSelectMode() && !this.callbacks.getDesignMode() || L();
   };
   handleClick = (e) => {
     if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode()) return;
-    e.preventDefault(), e.stopPropagation(), this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "none");
-    const t = document.elementFromPoint(e.clientX, e.clientY);
-    this.hitTestOverlay && (this.hitTestOverlay.style.pointerEvents = "auto"), t && t !== document.body && t !== document.documentElement && (this.callbacks.getSelectMode() && this.callbacks.onSelectClick(t), this.callbacks.getDesignMode() && (R(), this.hoveredElement = null, this.callbacks.onDesignClick(t)));
+    e.preventDefault(), e.stopPropagation();
+    const t = this.resolveTarget(e);
+    t && t !== document.body && t !== document.documentElement && (this.callbacks.getSelectMode() && this.callbacks.onSelectClick(t), this.callbacks.getDesignMode() && (L(), this.callbacks.onDesignClick(t)));
   };
+  resolveTarget(e) {
+    const n = this.resolveElementFromPoint(e.clientX, e.clientY) ?? e.target;
+    return !n || !(n instanceof Element) ? null : n instanceof HTMLElement || n instanceof SVGElement ? n : null;
+  }
+  resolveElementFromPoint(e, t) {
+    const n = document.elementsFromPoint(e, t);
+    for (const o of n)
+      if (!o.classList.contains("forge-overlay"))
+        return o;
+    return null;
+  }
   handleScroll = () => {
-    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && (this.hoveredElement = null, R());
+    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && L();
   };
 }
-let w = null, _ = null, P = null;
-async function ce() {
-  if (w && _ && P) return;
+let _ = null, H = null, w = null;
+async function re() {
+  if (_ && H && w) return;
   const [r, e, t] = await Promise.all([import("@babel/parser"), import("@babel/traverse"), import("@babel/generator")]);
-  w = r.parse;
+  _ = r.parse;
   const n = e.default;
-  _ = typeof n == "function" ? n : n.default;
+  H = typeof n == "function" ? n : n.default;
   const o = t.default;
-  P = typeof o == "function" ? o : o.default;
+  w = typeof o == "function" ? o : o.default;
 }
-function F(r) {
+function k(r) {
   return typeof r == "boolean" ? { type: "JSXExpressionContainer", expression: { type: "BooleanLiteral", value: r, loc: null }, loc: null } : typeof r == "number" ? { type: "JSXExpressionContainer", expression: { type: "NumericLiteral", value: r, loc: null }, loc: null } : { type: "StringLiteral", value: String(r), loc: null };
 }
-function $(r, e, t) {
+function F(r, e, t) {
   const n = r.node.attributes.find((o) => o.type === "JSXAttribute" && o.name.type === "JSXIdentifier" && o.name.name === e);
-  return n && n.type === "JSXAttribute" ? (n.value = F(t), !0) : (r.node.attributes.push({ type: "JSXAttribute", name: { type: "JSXIdentifier", name: e }, value: F(t), loc: null }), !0);
+  return n && n.type === "JSXAttribute" ? (n.value = k(t), !0) : (r.node.attributes.push({ type: "JSXAttribute", name: { type: "JSXIdentifier", name: e }, value: k(t), loc: null }), !0);
 }
-async function he(r, e, t, n, o) {
+async function ae(r, e, t, n, o) {
   try {
-    if (await ce(), !w || !_ || !P) return r;
-    const i = w(r, { sourceType: "module", plugins: ["jsx", "typescript"] });
+    if (await re(), !_ || !H || !w) return r;
+    const i = _(r, { sourceType: "module", plugins: ["jsx", "typescript"] });
     let s = !1;
     const a = /* @__PURE__ */ new Map();
-    if (_(i, { JSXOpeningElement(l) {
+    if (H(i, { JSXOpeningElement(l) {
       if (l.node.name.type !== "JSXIdentifier") return;
       const h = l.node.loc;
       if (!h) return;
       const d = `${h.start.line}:${h.start.column}`;
       a.set(d, l);
-      const m = l.node.attributes.find((p) => p.type === "JSXAttribute" && p.name.type === "JSXIdentifier" && p.name.name === "data-forge-id" && p.value?.type === "StringLiteral");
-      m && m.type === "JSXAttribute" && m.value.value === e && (s = $(l, t, n));
+      const m = l.node.attributes.find((f) => f.type === "JSXAttribute" && f.name.type === "JSXIdentifier" && f.name.name === "data-forge-id" && f.value?.type === "StringLiteral");
+      m && m.type === "JSXAttribute" && m.value.value === e && (s = F(l, t, n));
     } }), !s && o) {
       const l = o.split(":");
       if (l.length >= 5) {
         const h = `${l[l.length - 4]}:${l[l.length - 3]}`, d = a.get(h);
-        d && (s = $(d, t, n));
+        d && (s = F(d, t, n));
       }
     }
     if (s)
-      return P(i, {}, r).code;
+      return w(i, {}, r).code;
   } catch (i) {
     c("client", "Failed to parse/update AST:", i);
   }
   return r;
 }
-async function de(r) {
+async function le(r) {
   try {
     const e = await fetch(`/__forge-read-source?path=${r}`);
     if (e.ok)
@@ -727,14 +728,14 @@ async function de(r) {
   }
   return null;
 }
-async function ue(r, e) {
+async function ce(r, e) {
   try {
     return await fetch("/__forge-update-source", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ filePath: r, source: e }) }), !0;
   } catch (t) {
     return c("client", "Failed to write source:", t), !1;
   }
 }
-class ge {
+class he {
   messenger;
   componentRegistry;
   selectController;
@@ -757,8 +758,8 @@ class ge {
     }
     const n = this.selectController.findTopmostElementWithSameId(e), o = n.getAttribute("data-component"), i = n.getAttribute("data-source-pos"), s = o || n.tagName.toLowerCase();
     this.clearSelection(), this.selectedElement = n, this.applyHighlight(n);
-    const a = n.textContent?.trim() || "", l = n.tagName.toLowerCase(), h = b(M(n)), d = this.componentRegistry.getEditableProps(s), m = this.extractPropValues(n, d);
-    c("client", "Element selected in design mode:", { forgeId: t, sourcePos: i, text: a, type: l, componentName: s, editableProps: d, propValues: m }), this.messenger.send({ type: "ELEMENT_SELECTED", forgeId: t, sourcePos: i || void 0, text: a, elementType: l, xpath: h, componentName: s, editableProps: d, propValues: m, origin: O });
+    const a = n.textContent?.trim() || "", l = n.tagName.toLowerCase(), h = I(M(n)), d = this.componentRegistry.getEditableProps(s), m = this.extractPropValues(n, d);
+    c("client", "Element selected in design mode:", { forgeId: t, sourcePos: i, text: a, type: l, componentName: s, editableProps: d, propValues: m }), this.messenger.send({ type: "ELEMENT_SELECTED", forgeId: t, sourcePos: i || void 0, text: a, elementType: l, xpath: h, componentName: s, editableProps: d, propValues: m, origin: A });
   }
   updateText(e, t) {
     this.updateProperty(e, "children", t);
@@ -781,11 +782,11 @@ class ge {
     }
     const a = s.slice(0, -4).join(":");
     c("client", `Updating property ${t} = ${n} for ${e} in ${a}`), this.sourceCache.delete(a);
-    const l = await de(a);
+    const l = await le(a);
     if (!l) return;
     this.sourceCache.set(a, l);
-    const h = this.selectedElement?.getAttribute("data-source-pos") ?? null, d = await he(l, e, t, n, h);
-    d !== l ? (this.sourceCache.set(a, d), c("client", `Updated source for ${a}`), await ue(a, d) && (c("client", `Source written to disk and HMR triggered for ${a}`), this.messenger.send({ type: "SOURCE_UPDATED", forgeId: e, source: d, filePath: a, origin: O }))) : c("client", `No source changes detected for ${a}`);
+    const h = this.selectedElement?.getAttribute("data-source-pos") ?? null, d = await ae(l, e, t, n, h);
+    d !== l ? (this.sourceCache.set(a, d), c("client", `Updated source for ${a}`), await ce(a, d) && (c("client", `Source written to disk and HMR triggered for ${a}`), this.messenger.send({ type: "SOURCE_UPDATED", forgeId: e, source: d, filePath: a, origin: A }))) : c("client", `No source changes detected for ${a}`);
   }
   applyHighlight(e) {
     e.style.outline = `3px solid ${v.DESIGN_SELECTION_OUTLINE}`, e.style.outlineOffset = "2px";
@@ -815,7 +816,8 @@ class ge {
     return t ? e[t] : null;
   }
 }
-class C {
+class E {
+  static ANNOTATION_CURSOR_LOCK_CLASS = "forge-annotation-cursor-lock";
   static instance = null;
   messenger;
   readyIntervalId = null;
@@ -827,25 +829,26 @@ class C {
   annotationOverlay = null;
   selectController;
   designController;
+  annotationCursorLockStyleEl = null;
   onError;
   constructor(e) {
-    this.onError = e?.onError, c("client", "ForgeClient initialized"), this.messenger = new V(), this.componentRegistry = new z(), this.selectController = new le(this.messenger, { getSelectMode: () => this.selectMode, getDesignMode: () => this.designMode, getHoverDisabled: () => this.hoverDisabled, getSelectedDesignElement: () => this.designController.getSelectedElement(), onSelectClick: (t) => this.handleSelectClick(t), onDesignClick: (t) => this.handleDesignClick(t) }), this.designController = new ge(this.messenger, this.componentRegistry, this.selectController), this.setupMessageListener(), this.sendReady(), this.setupForgeIdPropagation(), window.__forgeClient = this;
+    this.onError = e?.onError, c("client", "ForgeClient initialized"), this.messenger = new G(), this.componentRegistry = new j(), this.selectController = new se(this.messenger, { getSelectMode: () => this.selectMode, getDesignMode: () => this.designMode, getHoverDisabled: () => this.hoverDisabled, getSelectedDesignElement: () => this.designController.getSelectedElement(), onSelectClick: (t) => this.handleSelectClick(t), onDesignClick: (t) => this.handleDesignClick(t) }), this.designController = new he(this.messenger, this.componentRegistry, this.selectController), this.setupMessageListener(), this.sendReady(), this.setupForgeIdPropagation(), window.__forgeClient = this;
   }
   static getInstance(e) {
-    return C.instance || (C.instance = new C(e)), C.instance;
+    return E.instance || (E.instance = new E(e)), E.instance;
   }
   enableAnnotationMode(e) {
     this.setAnnotationMode(e);
   }
   restoreAnnotations(e) {
-    this.annotationOverlay || (this.annotationOverlay = new D(this.messenger)), this.annotationOverlay.restoreDots(e);
+    this.annotationOverlay || (this.annotationOverlay = new S(this.messenger)), this.annotationOverlay.restoreDots(e);
   }
   setupMessageListener() {
     c("client", "Setting up message listener..."), this.messenger.onMessage((e) => {
-      if (W(e.data) || !e.data || typeof e.data != "object" || !("origin" in e.data)) return;
+      if (W(e.data) || (this.isConnectedToHost || (this.isConnectedToHost = !0, this.readyIntervalId !== null && (window.clearInterval(this.readyIntervalId), this.readyIntervalId = null, c("client", "Host connection detected, stopped CHILD_READY retries"))), console.log("Received message from host:", { isConnectedToHost: this.isConnectedToHost }), !e.data || typeof e.data != "object" || !("origin" in e.data))) return;
       const t = e.data;
-      if (t.origin === j) {
-        this.isConnectedToHost || (this.isConnectedToHost = !0, this.readyIntervalId !== null && (window.clearInterval(this.readyIntervalId), this.readyIntervalId = null, c("client", "Host connection detected, stopped CHILD_READY retries"))), c("client", "Received message from host:", t);
+      if (t.origin === V) {
+        c("client", "Received message from host:", t);
         try {
           switch (t.type) {
             case "ENABLE_SELECT_MODE":
@@ -891,7 +894,7 @@ class C {
               this.annotationOverlay?.toggleMarkers();
               break;
             case "RESTORE_ANNOTATIONS":
-              this.annotationOverlay || (this.annotationOverlay = new D(this.messenger)), this.annotationOverlay.restoreDots(t.annotations);
+              this.annotationOverlay || (this.annotationOverlay = new S(this.messenger)), this.annotationOverlay.restoreDots(t.annotations);
               break;
             case "PING":
               c("client", "Received PING");
@@ -904,13 +907,26 @@ class C {
     });
   }
   setSelectMode(e) {
-    this.selectMode !== e && (c("client", `Setting select mode to: ${e}`), this.selectMode = e, e ? (this.selectController.enableListeners(), document.body.style.cursor = "crosshair") : (this.selectController.disableListeners(), document.body.style.cursor = "", this.selectController.clearHover()));
+    this.selectMode !== e && (c("client", `Setting select mode to: ${e}`), this.selectMode = e, e ? this.selectController.enableListeners() : (this.selectController.disableListeners(), this.selectController.clearHover()));
   }
   setDesignMode(e) {
-    this.designMode !== e && (c("client", `Setting design mode to: ${e}`), this.designMode = e, e ? (this.selectController.enableListeners(), this.hoverDisabled = !1, document.body.style.cursor = "crosshair") : (this.selectController.disableListeners(), this.hoverDisabled = !1, document.body.style.cursor = "", this.selectController.clearHover()));
+    this.designMode !== e && (c("client", `Setting design mode to: ${e}`), this.designMode = e, e ? (this.selectController.enableListeners(), this.hoverDisabled = !1) : (this.selectController.disableListeners(), this.hoverDisabled = !1, this.selectController.clearHover()));
   }
   setAnnotationMode(e) {
-    e ? (this.annotationOverlay || (this.annotationOverlay = new D(this.messenger)), this.setSelectMode(!1), this.setDesignMode(!1), this.annotationOverlay.activate()) : this.annotationOverlay?.deactivate();
+    e ? (this.enableAnnotationCursorLock(), this.annotationOverlay || (this.annotationOverlay = new S(this.messenger)), this.setSelectMode(!1), this.setDesignMode(!1), this.annotationOverlay.activate()) : (this.annotationOverlay?.deactivate(), this.disableAnnotationCursorLock());
+  }
+  enableAnnotationCursorLock() {
+    if (document.documentElement.classList.add(E.ANNOTATION_CURSOR_LOCK_CLASS), this.annotationCursorLockStyleEl) return;
+    const e = document.createElement("style");
+    e.id = "forge-annotation-cursor-lock-style", e.textContent = `
+      html.${E.ANNOTATION_CURSOR_LOCK_CLASS},
+      html.${E.ANNOTATION_CURSOR_LOCK_CLASS} * {
+        cursor: crosshair !important;
+      }
+    `, (document.head ?? document.documentElement).appendChild(e), this.annotationCursorLockStyleEl = e;
+  }
+  disableAnnotationCursorLock() {
+    document.documentElement.classList.remove(E.ANNOTATION_CURSOR_LOCK_CLASS), this.annotationCursorLockStyleEl && (this.annotationCursorLockStyleEl.remove(), this.annotationCursorLockStyleEl = null);
   }
   handleSelectClick(e) {
     this.selectController.handleSelectModeClick(e), this.setSelectMode(!1);
@@ -920,14 +936,14 @@ class C {
   }
   sendReady() {
     c("client", "Scheduling CHILD_READY message..."), setTimeout(() => {
-      this.isConnectedToHost || (c("client", "Sending CHILD_READY message to parent"), this.messenger.send({ type: "CHILD_READY", origin: O }), this.readyIntervalId === null && (this.readyIntervalId = window.setInterval(() => {
+      this.isConnectedToHost || (c("client", "Sending CHILD_READY message to parent"), this.messenger.send({ type: "CHILD_READY", origin: A }), this.readyIntervalId === null && (this.readyIntervalId = window.setInterval(() => {
         if (this.isConnectedToHost) {
           this.readyIntervalId !== null && (window.clearInterval(this.readyIntervalId), this.readyIntervalId = null);
           return;
         }
-        c("client", "Retrying CHILD_READY message to parent"), this.messenger.send({ type: "CHILD_READY", origin: O });
-      }, k.CHILD_READY_RETRY_INTERVAL)));
-    }, k.CHILD_READY_DELAY);
+        c("client", "Retrying CHILD_READY message to parent"), this.messenger.send({ type: "CHILD_READY", origin: A });
+      }, P.CHILD_READY_RETRY_INTERVAL)));
+    }, P.CHILD_READY_DELAY);
   }
   setupForgeIdPropagation() {
     const e = () => {
@@ -956,8 +972,8 @@ class C {
     }
   }
 }
-C.getInstance();
+E.getInstance();
 export {
-  C as ForgeClient,
-  V as ParentMessenger
+  E as ForgeClient,
+  G as ParentMessenger
 };

package/dist/{constants-DqGvo09s.js → constants-DHvpLY46.js}

@@ -36,20 +36,20 @@ class a {
     };
   }
 }
-const r = "host", T = "sandbox", O = { HIT_TEST_OVERLAY: "9998", HOVER_OVERLAY: "9999", ANNOTATION_DOT: "10000", TOOLTIP: "10001" }, _ = { SELECT_OVERLAY_BORDER: "#1A58D0", SELECT_OVERLAY_BG: "#45ADFF17", DESIGN_SELECTION_OUTLINE: "#9333ea", ANNOTATION_SINGLE: "#1A58D0", ANNOTATION_MULTI: "#1A58D0", ANNOTATION_SINGLE_BG: "#45ADFF17", ANNOTATION_MULTI_BG: "#45ADFF17", DRAG_RECT_BG: "#45ADFF17" }, A = 20, N = 20, i = { CHILD_READY_DELAY: 1e3, CHILD_READY_RETRY_INTERVAL: 3e3, CONNECTION_TIMEOUT: 5e3 }, I = ["#root", "#app", "#__next", "[data-reactroot]"], c = 200, d = 30, L = 6;
+const r = "host", O = "sandbox", T = { HOVER_OVERLAY: "9999", ANNOTATION_DOT: "10000", TOOLTIP: "10001" }, _ = { SELECT_OVERLAY_BORDER: "#1A58D0", SELECT_OVERLAY_BG: "#45ADFF17", DESIGN_SELECTION_OUTLINE: "#9333ea", ANNOTATION_SINGLE: "#1A58D0", ANNOTATION_MULTI: "#1A58D0", ANNOTATION_SINGLE_BG: "#45ADFF17", ANNOTATION_MULTI_BG: "#45ADFF17", DRAG_RECT_BG: "#45ADFF17" }, A = 20, N = 20, i = { CHILD_READY_DELAY: 1e3, CHILD_READY_RETRY_INTERVAL: 3e3, CONNECTION_TIMEOUT: 5e3 }, c = ["#root", "#app", "#__next", "[data-reactroot]"], I = 200, d = 30, D = 6;
 export {
   A as B,
   _ as C,
-  T as M,
+  O as M,
   a as P,
-  I as R,
+  c as R,
   i as T,
   E as W,
-  O as Z,
+  T as Z,
   r as a,
-  L as b,
+  D as b,
   d as c,
-  c as d,
+  I as d,
   N as e,
   o as i
 };

package/dist/debug-BuKzUOMn.js

@@ -0,0 +1,13 @@
+let n = !1;
+function i(e = !0) {
+  n = e;
+}
+function l(e, ...t) {
+  if (!n) return;
+  const o = e === "client" ? "🔵" : e === "host" ? "🟡" : e === "annotation" ? "🟢" : "⚪", s = (/* @__PURE__ */ new Date()).toISOString().split("T")[1].slice(0, -1);
+  console.log(`[${s}] ${o} [${e.toUpperCase()}]`, ...t);
+}
+export {
+  l as d,
+  i as e
+};

package/dist/host.js

@@ -1,5 +1,5 @@
-import { T as c, W as h, a as i, i as d, M as E } from "./constants-DqGvo09s.js";
-import { d as n } from "./debug-CLzmqn3R.js";
+import { T as c, W as h, a as i, i as d, M as E } from "./constants-DHvpLY46.js";
+import { d as n } from "./debug-BuKzUOMn.js";
 class u {
   iframe;
   messenger = null;

package/dist/index.js

@@ -1,8 +1,8 @@
 import { ForgeHost as r } from "./host.js";
 import { ForgeClient as t } from "./client.js";
-import { a as S, u as m } from "./useDesignMode-VIipNUSj.js";
-import { e as p } from "./debug-CLzmqn3R.js";
-import { a as E, M as g } from "./constants-DqGvo09s.js";
+import { a as S, u as m } from "./useDesignMode--DcwfmhZ.js";
+import { e as p } from "./debug-BuKzUOMn.js";
+import { a as E, M as g } from "./constants-DHvpLY46.js";
 export {
   t as ForgeClient,
   r as ForgeHost,

package/dist/react.js

@@ -1,4 +1,4 @@
-import { a as o, u as a } from "./useDesignMode-VIipNUSj.js";
+import { a as o, u as a } from "./useDesignMode--DcwfmhZ.js";
 export {
   o as useDesignMode,
   a as useElementSelector

package/dist/{useDesignMode-VIipNUSj.js → useDesignMode--DcwfmhZ.js}

@@ -1,5 +1,5 @@
 import { useState as r, useEffect as S, useCallback as s } from "react";
-import { d as i } from "./debug-CLzmqn3R.js";
+import { d as i } from "./debug-BuKzUOMn.js";
 function E(e) {
   const [d, u] = r(!1), [a, l] = r(""), [b, o] = r("disconnected");
   S(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@supernovaio/prototyping-tooling",
-    "version": "0.9.7-alpha.0",
+    "version": "0.9.7-alpha.2",
     "description": "Prototyping Tooling — iframe communication bridge for design-to-code workflows",
     "type": "module",
     "license": "MIT",

package/dist/debug-CLzmqn3R.js

@@ -1,11 +0,0 @@
-let t = !1;
-function a(e = !0) {
-  t = e;
-}
-function g(e, ...n) {
-  t && (/* @__PURE__ */ new Date()).toISOString().split("T")[1].slice(0, -1);
-}
-export {
-  g as d,
-  a as e
-};