@supernovaio/prototyping-tooling 0.9.7-alpha.1 → 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.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,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;IAShB,0DAA0D;IAC1D,UAAU,IAAI,IAAI;IAYlB,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,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;IAatB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,0BAA0B;IAgBlC,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IA6CtB,OAAO,CAAC,eAAe,CAiCtB;IAED,OAAO,CAAC,MAAM,CAAC,cAAc,CAAI;IAEjC,OAAO,CAAC,eAAe,CAgBtB;IAED,OAAO,CAAC,aAAa,CA6CpB;IAED,OAAO,CAAC,WAAW,CAKlB;IAED,OAAO,CAAC,0BAA0B;IAKlC,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;IAUpB,OAAO,CAAC,eAAe;CASxB"}
+{"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,15 +7,11 @@ import type { SelectModeCallbacks } from "../general/types.js";
 export declare class SelectModeController {
     private messenger;
     private callbacks;
-    private selectModeShield;
     constructor(messenger: ParentMessenger, callbacks: SelectModeCallbacks);
     /** Attaches capture-phase listeners for hover/click selection. */
     enableListeners(): void;
     /** Removes listeners and clears any active hover highlight. */
     disableListeners(): void;
-    private attachSelectModeShieldIfNeeded;
-    private removeSelectModeShield;
-    private handleShieldWheel;
     /** Clears the current hover highlight. */
     clearHover(): void;
     /**
@@ -30,8 +26,6 @@ export declare class SelectModeController {
     private handleClick;
     private resolveTarget;
     private resolveElementFromPoint;
-    private findScrollableAncestor;
-    private canElementScroll;
     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,gBAAgB,CAA8B;gBAE1C,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB;IAKtE,kEAAkE;IAClE,eAAe,IAAI,IAAI;IAQvB,+DAA+D;IAC/D,gBAAgB,IAAI,IAAI;IASxB,OAAO,CAAC,8BAA8B;IAsBtC,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,iBAAiB,CAexB;IAED,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;IAU/B,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,YAAY,CAInB;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,5 +1,5 @@
-import { b as $, c as X, R as Y, d as U, Z as x, C as v, M as E, B as N, e as B, P as W, i as G, a as V, T as P } from "./constants-DHvpLY46.js";
-import { d as c } from "./debug-CLzmqn3R.js";
+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) {
@@ -23,7 +23,7 @@ class j {
     return !t && n[e] && (t = this.registry.get(n[e])), t ? Object.entries(t.props).filter(([o, i]) => i.editable).map(([o, i]) => ({ name: o, type: i.type, options: i.options, default: i.default, editable: i.editable, label: i.label })) : [];
   }
 }
-function R(r) {
+function M(r) {
   if (r.id)
     return [`*[@id="${r.id}"]`];
   const e = [];
@@ -41,39 +41,39 @@ function R(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 }, z = /* @__PURE__ */ new Set(["Component", "PureComponent", "Fragment", "Suspense", "Profiler", "StrictMode", "Routes", "Route", "Outlet", "Root", "ErrorBoundaryHandler", "HotReload", "Hot"]), K = [/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 b = null;
-function O(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 J() {
-  if (b !== null) return b;
+  if (C !== null) return C;
   if (typeof document > "u") return !1;
-  if (document.body && O(document.body))
-    return c("client", "Detected React on document.body"), b = !0, !0;
+  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 (O(t))
-        return c("client", "Detected React on", e), b = !0, !0;
+      if (T(t))
+        return c("client", "Detected React on", e), C = !0, !0;
       for (const n of t.children)
-        if (O(n))
-          return c("client", "Detected React on child of", e), b = !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 (O(e))
-        return c("client", "Detected React on body child:", e.tagName), b = !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 (O(e))
-      return c("client", "Detected React on deep scan:", e.tagName), b = !0, !0;
+    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"), b = !1, !1;
+  return c("client", "React NOT detected on page"), C = !1, !1;
 }
 function q(r) {
   const e = Object.keys(r);
@@ -91,7 +91,7 @@ function q(r) {
   });
   return i && r[i] || null;
 }
-function S(r) {
+function b(r) {
   return r ? r.displayName ? r.displayName : r.name ? r.name : null : null;
 }
 function Z(r) {
@@ -100,18 +100,18 @@ function Z(r) {
   if (e === u.ForwardRef) {
     const i = n;
     if (i?.render) {
-      const s = S(i.render);
+      const s = b(i.render);
       if (s) return s;
     }
-    return i?.displayName ? i.displayName : S(t);
+    return i?.displayName ? i.displayName : b(t);
   }
   if (e === u.MemoComponent || e === u.SimpleMemoComponent) {
     const i = n;
     if (i?.type) {
-      const s = S(i.type);
+      const s = b(i.type);
       if (s) return s;
     }
-    return i?.displayName ? i.displayName : S(t);
+    return i?.displayName ? i.displayName : b(t);
   }
   if (e === u.ContextProvider) {
     const i = t;
@@ -123,15 +123,15 @@ function Z(r) {
   }
   if (e === u.LazyComponent) {
     const i = n;
-    return i?._status === 1 && i._result ? S(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 ? S(t) : null;
+  return e === u.IncompleteClassComponent || e === u.IncompleteFunctionComponent || e === u.FunctionComponent || e === u.ClassComponent || e === u.IndeterminateComponent ? b(t) : null;
 }
 function Q(r) {
   return r.length <= 2 || r.length <= 3 && r === r.toLowerCase();
 }
 function ee(r) {
-  return !(z.has(r) || K.some((e) => e.test(r)));
+  return !(K.has(r) || z.some((e) => e.test(r)));
 }
 function te(r, e = $, t = X) {
   if (!J())
@@ -148,24 +148,24 @@ function te(r, e = $, t = X) {
   }
   return n.length === 0 ? { path: null, components: [] } : { path: n.slice().reverse().map((i) => `<${i}>`).join("  "), components: n };
 }
-let C = null;
+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: x.HOVER_OVERLAY, borderRadius: "2px" }), o;
 }
 function ne(r) {
-  M();
+  L();
   const e = r.getBoundingClientRect();
-  C = D(e, v.SELECT_OVERLAY_BORDER, v.SELECT_OVERLAY_BG), C.className = "forge-overlay", document.body.appendChild(C);
+  O = D(e, v.SELECT_OVERLAY_BORDER, v.SELECT_OVERLAY_BG), O.className = "forge-overlay", document.body.appendChild(O);
 }
-function M() {
-  C && (C.remove(), C = null);
+function L() {
+  O && (O.remove(), O = null);
 }
 let oe = 0;
 function ie() {
   return `ann-${Date.now()}-${++oe}`;
 }
-class T {
+class S {
   active = !1;
   messenger;
   hoverOverlay = null;
@@ -188,10 +188,10 @@ class T {
     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.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.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);
@@ -236,10 +236,10 @@ class T {
       const o = document.querySelectorAll(`[data-forge-id="${t}"]`);
       o.length > 1 && (n = Array.from(o).indexOf(e));
     }
-    return { xpath: I(R(e)), forgeId: t, forgeIdIndex: n };
+    return { xpath: I(M(e)), forgeId: t, forgeIdIndex: n };
   }
   elementToInfo(e) {
-    return { elementTag: e.tagName.toLowerCase(), xpath: R(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 };
+    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 };
   }
   resolveForgeIdIndex(e) {
     const t = e.getAttribute("data-forge-id");
@@ -251,11 +251,11 @@ class T {
     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: E });
+      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 - N - 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: E });
+    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);
@@ -424,12 +424,12 @@ class T {
     this.dragHighlights = [];
   }
   createDot(e, t, n, o, i, s = []) {
-    const a = this.getAnchorRect(s), l = e - 2, h = t - N - 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: `${B}px`, height: `${N}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", () => {
+    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)";
@@ -438,7 +438,7 @@ class T {
       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: E });
+      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) {
@@ -488,8 +488,8 @@ class T {
       if (!y || m.has(y) || g instanceof SVGElement && g.tagName.toLowerCase() !== "svg" || g.closest?.("svg") && g.tagName.toLowerCase() !== "svg") return;
       const p = this.findTopmostWithSameForgeId(g);
       if (m.has(p.getAttribute("data-forge-id") || "")) return;
-      const L = p.getBoundingClientRect();
-      L.right >= i && L.left <= a && L.bottom >= s && L.top <= l && (m.add(y), d.push(p));
+      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 f = this.findForgeIdParent(this.dragScopeParent);
       if (f)
@@ -516,7 +516,7 @@ class T {
     }
     if (e.buttons === 1) {
       const n = e.clientX - this.dragStartX, o = e.clientY - this.dragStartY;
-      if (Math.abs(n) > T.DRAG_THRESHOLD || Math.abs(o) > T.DRAG_THRESHOLD) {
+      if (Math.abs(n) > S.DRAG_THRESHOLD || Math.abs(o) > S.DRAG_THRESHOLD) {
         this.isDragging = !0;
         return;
       }
@@ -593,10 +593,10 @@ class T {
   createAnnotationFromElements(e, t, n, o, i) {
     const s = i || ie();
     this.hoverSuppressed = !0, this.removeHoverOverlay();
-    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 - N - 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 };
+    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: 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: E });
+    c("annotation", "Annotation created (pending):", y), this.messenger.send({ type: "ANNOTATION_CREATED", annotation: y, origin: A });
   }
   handleDocumentLeave = () => {
     this.removeHoverOverlay();
@@ -611,36 +611,17 @@ class T {
 class se {
   messenger;
   callbacks;
-  selectModeShield = null;
   constructor(e, t) {
     this.messenger = e, this.callbacks = t;
   }
   enableListeners() {
-    this.attachSelectModeShieldIfNeeded(), document.addEventListener("mousemove", this.handleMouseOver, !0), document.addEventListener("click", this.handleClick, !0), document.addEventListener("mouseleave", this.handleMouseOut), 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.removeSelectModeShield(), 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();
-  }
-  attachSelectModeShieldIfNeeded() {
-    if (!this.callbacks.getSelectMode() || this.callbacks.getDesignMode() || this.selectModeShield) return;
-    const e = document.createElement("div");
-    Object.assign(e.style, { position: "fixed", top: "0", left: "0", width: "100%", height: "100%", backgroundColor: "transparent", pointerEvents: "auto", zIndex: "9998", cursor: "crosshair" }), e.className = "forge-select-mode-shield", e.addEventListener("wheel", this.handleShieldWheel, { passive: !1 }), document.body.appendChild(e), this.selectModeShield = e;
-  }
-  removeSelectModeShield() {
-    this.selectModeShield && (this.selectModeShield.removeEventListener("wheel", this.handleShieldWheel), this.selectModeShield.remove(), this.selectModeShield = 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();
   }
-  handleShieldWheel = (e) => {
-    if (!this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) return;
-    e.preventDefault();
-    const t = this.resolveElementFromPoint(e.clientX, e.clientY), n = t instanceof HTMLElement ? t : null, o = n ? this.findScrollableAncestor(n, e.deltaX, e.deltaY) : null;
-    if (o) {
-      o.scrollBy({ left: e.deltaX, top: e.deltaY, behavior: "auto" });
-      return;
-    }
-    window.scrollBy({ left: e.deltaX, top: e.deltaY, behavior: "auto" });
-  };
   clearHover() {
-    M();
+    L();
   }
   findTopmostElementWithSameId(e) {
     const t = e.getAttribute("data-forge-id");
@@ -654,8 +635,8 @@ class se {
     return o;
   }
   handleSelectModeClick(e) {
-    const t = I(R(e));
-    c("client", "Element clicked, XPath:", t), this.messenger.send({ type: "XPATH_REPORT", xpath: t, origin: E }), this.messenger.send({ type: "SELECT_MODE_DISABLED", origin: E });
+    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;
@@ -668,13 +649,13 @@ class se {
     }
   };
   handleMouseOut = (e) => {
-    !this.callbacks.getSelectMode() && !this.callbacks.getDesignMode() || M();
+    !this.callbacks.getSelectMode() && !this.callbacks.getDesignMode() || L();
   };
   handleClick = (e) => {
     if (!this.callbacks.getSelectMode() && !this.callbacks.getDesignMode()) return;
     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() && (M(), this.callbacks.onDesignClick(t)));
+    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;
@@ -683,35 +664,23 @@ class se {
   resolveElementFromPoint(e, t) {
     const n = document.elementsFromPoint(e, t);
     for (const o of n)
-      if (!(this.selectModeShield && o === this.selectModeShield) && !o.classList.contains("forge-overlay"))
+      if (!o.classList.contains("forge-overlay"))
         return o;
     return null;
   }
-  findScrollableAncestor(e, t, n) {
-    let o = e;
-    for (; o && o !== document.body; ) {
-      if (this.canElementScroll(o, t, n)) return o;
-      o = o.parentElement;
-    }
-    return null;
-  }
-  canElementScroll(e, t, n) {
-    const o = window.getComputedStyle(e), i = (o.overflowY === "auto" || o.overflowY === "scroll" || o.overflowY === "overlay") && e.scrollHeight > e.clientHeight, s = (o.overflowX === "auto" || o.overflowX === "scroll" || o.overflowX === "overlay") && e.scrollWidth > e.clientWidth, a = i && (n < 0 && e.scrollTop > 0 || n > 0 && e.scrollTop + e.clientHeight < e.scrollHeight), l = s && (t < 0 && e.scrollLeft > 0 || t > 0 && e.scrollLeft + e.clientWidth < e.scrollWidth);
-    return a || l;
-  }
   handleScroll = () => {
-    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && M();
+    (this.callbacks.getSelectMode() || this.callbacks.getDesignMode()) && L();
   };
 }
-let w = null, H = null, _ = null;
+let _ = null, H = null, w = null;
 async function re() {
-  if (w && H && _) return;
+  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;
   H = typeof n == "function" ? n : n.default;
   const o = t.default;
-  _ = typeof o == "function" ? o : o.default;
+  w = typeof o == "function" ? o : o.default;
 }
 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 };
@@ -722,8 +691,8 @@ function F(r, e, t) {
 }
 async function ae(r, e, t, n, o) {
   try {
-    if (await re(), !w || !H || !_) 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 (H(i, { JSXOpeningElement(l) {
@@ -742,7 +711,7 @@ async function ae(r, e, t, n, o) {
       }
     }
     if (s)
-      return _(i, {}, r).code;
+      return w(i, {}, r).code;
   } catch (i) {
     c("client", "Failed to parse/update AST:", i);
   }
@@ -789,8 +758,8 @@ class he {
     }
     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 = I(R(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: E });
+    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);
@@ -817,7 +786,7 @@ class he {
     if (!l) return;
     this.sourceCache.set(a, l);
     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: E }))) : c("client", `No source changes detected for ${a}`);
+    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";
@@ -847,7 +816,8 @@ class he {
     return t ? e[t] : null;
   }
 }
-class A {
+class E {
+  static ANNOTATION_CURSOR_LOCK_CLASS = "forge-annotation-cursor-lock";
   static instance = null;
   messenger;
   readyIntervalId = null;
@@ -859,25 +829,26 @@ class A {
   annotationOverlay = null;
   selectController;
   designController;
+  annotationCursorLockStyleEl = null;
   onError;
   constructor(e) {
-    this.onError = e?.onError, c("client", "ForgeClient initialized"), this.messenger = new W(), 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;
+    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 A.instance || (A.instance = new A(e)), A.instance;
+    return E.instance || (E.instance = new E(e)), E.instance;
   }
   enableAnnotationMode(e) {
     this.setAnnotationMode(e);
   }
   restoreAnnotations(e) {
-    this.annotationOverlay || (this.annotationOverlay = new T(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 (G(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 === V) {
-        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);
+        c("client", "Received message from host:", t);
         try {
           switch (t.type) {
             case "ENABLE_SELECT_MODE":
@@ -923,7 +894,7 @@ class A {
               this.annotationOverlay?.toggleMarkers();
               break;
             case "RESTORE_ANNOTATIONS":
-              this.annotationOverlay || (this.annotationOverlay = new T(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");
@@ -936,13 +907,26 @@ class A {
     });
   }
   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 T(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);
@@ -952,12 +936,12 @@ class A {
   }
   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: E }), 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: E });
+        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);
   }
@@ -988,8 +972,8 @@ class A {
     }
   }
 }
-A.getInstance();
+E.getInstance();
 export {
-  A as ForgeClient,
-  W as ParentMessenger
+  E as ForgeClient,
+  G as ParentMessenger
 };

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-DHvpLY46.js";
-import { d as n } from "./debug-CLzmqn3R.js";
+import { d as n } from "./debug-BuKzUOMn.js";
 class u {
   iframe;
   messenger = null;

package/dist/index.js

@@ -1,7 +1,7 @@
 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 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,

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.1",
+    "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
-};