mesurer-solid 0.2.4-beta.3 → 0.2.4

package/AGENT_INTEGRATION.md

@@ -1,6 +1,6 @@
 # Mesurer agent integration
 
-Mesurer's agent integration is the rendered page itself. This guide matches `mesurer-solid@0.2.2` stable. The coding agent reads `window.__MESURER__` through the browser control it already has, consumes human visual intent, edits normal application source, and verifies the real Live result.
+Mesurer's agent integration is the rendered page itself. This guide matches `mesurer-solid@0.2.4` stable. The coding agent reads `window.__MESURER__` through the browser control it already has, consumes human visual intent, edits normal application source, and verifies the real Live result.
 
 The normal agent workflow requires no Mesurer MCP server, Send-to-agent callback, or special browser transport. The optional `codex()` plugin is a separate human convenience path for sending Context feedback into local Codex threads; it does not replace the browser-state contract described here. In Electron it can use the native preload bridge. In an ordinary browser it can use the local Mesurer Codex Bridge companion on loopback. Neither path is the Mesurer Solid ChatGPT/Codex agent plugin.
 

package/README.md

@@ -4,7 +4,7 @@ Framework-agnostic UI inspection, measurement, visual intent, and agent-readable
 
 Mesurer Solid ships its own isolated Solid 2 renderer. Host applications can use Solid 1 or 2, React, Vue, Svelte, vanilla DOM, or an Electron renderer without providing Solid.
 
-**Current stable:** `mesurer-solid@0.2.2` on the `latest` dist-tag.
+**Current stable:** `mesurer-solid@0.2.4` on the `latest` dist-tag.
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/jhomra21/mesurer-solid/main/docs/assets/readme/hero-multi-spacing.png" alt="Mesurer Solid measuring spacing between selected elements" width="100%">

package/dist/index.js

@@ -9887,17 +9887,17 @@ function xh(e) {
 		};
 	}, fe = () => {
 		N();
-		let t = e.model.state.hoverElement, r = t ? Qu(t) : e.model.state.hoverRect, i = r && t ? Xd(r, Yd(t.ownerDocument)) : r;
-		if (!i || i.width <= 0 || i.height <= 0) return null;
-		let a = !!ue(), o = de();
-		var s = X("div", {
+		let t = e.model.state.hoverElement, r = t ? Qu(t) : e.model.state.hoverRect, i = t ? Yd(t.ownerDocument) : void 0, a = r && t ? Xd(r, i) : r;
+		if (!a || a.width <= 0 || a.height <= 0) return null;
+		let o = !!ue(), s = o || i ? "2147482700" : void 0, c = de();
+		var l = X("div", {
 			"data-mesurer-hover-measurement": "true",
-			"data-mesurer-document-hover-layer": a ? "true" : void 0,
+			"data-mesurer-document-hover-layer": o ? "true" : void 0,
 			class: "msr:pointer-events-none msr:absolute"
 		});
 		return lc(() => (e) => {
 			n = e;
-		}, s), Q(s, Y(K, {
+		}, l), Q(l, Y(K, {
 			get when() {
 				return le()?.top;
 			},
@@ -9914,7 +9914,7 @@ function xh(e) {
 					$(e, "style", t, n);
 				}), e;
 			}
-		}), null), Q(s, Y(K, {
+		}), null), Q(l, Y(K, {
 			get when() {
 				return le()?.right;
 			},
@@ -9931,7 +9931,7 @@ function xh(e) {
 					$(e, "style", t, n);
 				}), e;
 			}
-		}), null), Q(s, Y(K, {
+		}), null), Q(l, Y(K, {
 			get when() {
 				return le()?.bottom;
 			},
@@ -9948,7 +9948,7 @@ function xh(e) {
 					$(e, "style", t, n);
 				}), e;
 			}
-		}), null), Q(s, Y(K, {
+		}), null), Q(l, Y(K, {
 			get when() {
 				return le()?.left;
 			},
@@ -9968,17 +9968,17 @@ function xh(e) {
 		}), null), q(() => ({
 			position: "absolute",
 			"pointer-events": "none",
-			"z-index": a ? "2147482700" : void 0,
-			left: `${i.left + o.x}px`,
-			top: `${i.top + o.y}px`,
-			width: `${i.width}px`,
-			height: `${i.height}px`,
+			"z-index": s,
+			left: `${a.left + c.x}px`,
+			top: `${a.top + c.y}px`,
+			width: `${a.width}px`,
+			height: `${a.height}px`,
 			"background-color": k(),
 			transition: "none",
 			animation: "none"
 		}), (e, t) => {
-			$(s, "style", e, t);
-		}), s;
+			$(l, "style", e, t);
+		}), l;
 	}, pe = (t) => {
 		let n = t === "active" ? 100 : t === "hover" ? 90 : t === "preview" ? 50 : 70;
 		return `color-mix(in oklch, ${e.model.state.settings.guideColor} ${n}%, transparent)`;
@@ -27920,7 +27920,7 @@ function FO(e) {
 }
 //#endregion
 //#region src/version.ts
-var IO = "0.2.4-beta.3", LO = ab, RO = ob, zO = () => ({
+var IO = "0.2.4", LO = ab, RO = ob, zO = () => ({
 	...tx(),
 	version: IO
 }), BO = RO, VO = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, HO = (e) => {