pixelagent 0.1.9 → 0.1.11

package/dist/PixelAgent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PixelAgent.d.ts","sourceRoot":"","sources":["../src/PixelAgent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EACZ,qBAAqB,EAErB,SAAS,EACT,oBAAoB,EAErB,MAAM,oBAAoB,CAAC;AAuB5B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,EAAE,CAAC,EAAE,oBAAoB,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;CAC5E;AAwBD,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,OAAO,GACR,GAAE,eAAoB,2CA0YtB;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"PixelAgent.d.ts","sourceRoot":"","sources":["../src/PixelAgent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EACZ,qBAAqB,EAErB,SAAS,EACT,oBAAoB,EAErB,MAAM,oBAAoB,CAAC;AAuB5B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,EAAE,CAAC,EAAE,oBAAoB,CAAC;IAC1B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC;CAC5E;AAwBD,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,OAAO,GACR,GAAE,eAAoB,2CA4YtB;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,CAAC"}

package/dist/edit/EditPanel.d.ts

@@ -9,7 +9,7 @@ interface EditPanelProps {
     onTargetScopeChange: (scope: TargetScope) => void;
     elementState: ElementState;
     onElementStateChange: (state: ElementState) => void;
-    onApply: (pendingByElement: Map<Element, StyleChange[]>) => void | Promise<void>;
+    onApply: (pendingByElement: Map<Element, StyleChange[]>) => Promise<boolean>;
     applyStatus: string | null;
     isToolbarTarget: (target: EventTarget | null) => boolean;
     onPreviewApi?: (api: EditPreviewApi | null) => void;

package/dist/edit/EditPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditPanel.d.ts","sourceRoot":"","sources":["../../src/edit/EditPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAejF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,UAAU,cAAc;IACtB,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,cAAc,EACd,eAAe,EACf,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,cAAc,2CA8OhB"}
+{"version":3,"file":"EditPanel.d.ts","sourceRoot":"","sources":["../../src/edit/EditPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAejF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,UAAU,cAAc;IACtB,eAAe,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7E,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,cAAc,EACd,eAAe,EACf,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,cAAc,2CAmPhB"}

package/dist/pixelagent.js

@@ -1,5 +1,5 @@
 import { jsxs as d, Fragment as X, jsx as n } from "react/jsx-runtime";
-import { useState as M, useEffect as B, useRef as U, useMemo as ge, useLayoutEffect as Ut, useCallback as L, useId as Wt } from "react";
+import { useState as M, useEffect as z, useRef as U, useMemo as ve, useLayoutEffect as Ut, useCallback as L, useId as Wt } from "react";
 import { getElementDisplayLabel as _e, captureTextSnapshot as Je, captureInlineStyles as Ze, restoreInlineStyles as ye, restoreTextSnapshot as we, getPreviewTargets as Se, clearTailwindStatePreview as xe, applyTailwindStatePreview as De, setEditableTextPreview as Qe, getRelevantComputedStyles as Ne, getEditableTextInfo as de, readReactSource as Ve, detectStylingSystem as vt, countElementInstances as bt, getScopeSelector as yt, getCssSelector as wt, copyToClipboard as xt, getWindowSelectionText as Nt, getNearestReactComponentName as Yt, getDomPath as Xt, resolveElementFromEntry as kt, getAnnotationSessionDisplay as Gt, loadAnnotationSession as Kt, saveAnnotationSession as jt, DEFAULT_PIXEL_AGENT_UI_SETTINGS as qt, readHostThemeFromDocument as et, resolvePixelAgentChrome as Jt, applyHostThemeToDocument as Zt, pixelAgentRootAttributes as Qt, getElementsInArea as en, formatAllAnnotations as tn, formatAnnotation as nn } from "@pixelagent/shared";
 export * from "@pixelagent/shared";
 import { createPortal as Ue } from "react-dom";
@@ -10,7 +10,7 @@ function Ct({
   primarySelected: r = null
 }) {
   const [a, o] = M([]), s = r ?? t;
-  if (B(() => {
+  if (z(() => {
     const l = /* @__PURE__ */ new Map(), p = i.length > 0;
     e && !t && !p && l.set(e, !1), t && l.set(t, !0);
     for (const g of i)
@@ -85,7 +85,7 @@ function an(e, t, i, r = At) {
   let x = 0;
   for (let N = 0; N < s; N++)
     for (let T = 0; T < o; T++) {
-      const P = T / o - 0.5, R = N / s - 0.5, k = on(P, R, v, g, f), I = tt(0.8, 0, k - 0.15), A = tt(0, 1, I), h = (P * A + 0.5) * o - T, O = (R * A + 0.5) * s - N;
+      const P = T / o - 0.5, R = N / s - 0.5, k = on(P, R, v, g, f), I = tt(0.8, 0, k - 0.15), C = tt(0, 1, I), h = (P * C + 0.5) * o - T, O = (R * C + 0.5) * s - N;
       Math.abs(h) > y && (y = Math.abs(h)), Math.abs(O) > y && (y = Math.abs(O)), E[x++] = h, E[x++] = O;
     }
   if (y === 0) return null;
@@ -137,7 +137,7 @@ function Mt({
   style: o,
   children: s
 }) {
-  const u = t ?? (e === "capsule" ? 9999 : 20), c = r === "enhanced" ? rn : At, l = U(null), p = ge(() => `pa-lg-${++cn}`, []), [m, v] = M(null);
+  const u = t ?? (e === "capsule" ? 9999 : 20), c = r === "enhanced" ? rn : At, l = U(null), p = ve(() => `pa-lg-${++cn}`, []), [m, v] = M(null);
   Ut(() => {
     const f = l.current;
     if (!f) return;
@@ -285,9 +285,9 @@ function St({
       }
     );
   }, [i, t]);
-  B(() => {
+  z(() => {
     c();
-  }, [c]), B(() => {
+  }, [c]), z(() => {
     const g = () => {
       r((f) => {
         if (!f || !u.current) return f;
@@ -483,7 +483,7 @@ function vn() {
 }
 function Oe({ label: e, value: t, onChange: i }) {
   const [r, a] = M(!1), [o, s] = M(() => nt(t)), u = U(null), c = U(null), l = U(null), p = Wt(), [m, v] = M({ top: 0, left: 0, width: 260 }), g = It(o), f = hn(Lt(g)), y = We(t) ? t : pn(g), E = e.toLowerCase().includes("color") ? e : `${e} color`;
-  B(() => {
+  z(() => {
     s(nt(t));
   }, [t]);
   const x = L(
@@ -499,22 +499,22 @@ function Oe({ label: e, value: t, onChange: i }) {
   ), N = L(() => {
     const k = u.current;
     if (!k) return;
-    const I = k.getBoundingClientRect(), A = 260;
+    const I = k.getBoundingClientRect(), C = 260;
     let h = I.left;
-    h + A > window.innerWidth - 12 && (h = window.innerWidth - A - 12), h = Math.max(12, h);
+    h + C > window.innerWidth - 12 && (h = window.innerWidth - C - 12), h = Math.max(12, h);
     let O = I.bottom + 8;
     const Y = 320;
-    O + Y > window.innerHeight - 12 && (O = Math.max(12, I.top - Y - 8)), v({ top: O, left: h, width: A });
+    O + Y > window.innerHeight - 12 && (O = Math.max(12, I.top - Y - 8)), v({ top: O, left: h, width: C });
   }, []);
-  B(() => {
+  z(() => {
     if (!r) return;
     N();
-    const k = (A) => {
+    const k = (C) => {
       var O, Y;
-      const h = A.target;
+      const h = C.target;
       (O = u.current) != null && O.contains(h) || (Y = c.current) != null && Y.contains(h) || a(!1);
-    }, I = (A) => {
-      A.key === "Escape" && a(!1);
+    }, I = (C) => {
+      C.key === "Escape" && a(!1);
     };
     return window.addEventListener("mousedown", k, !0), window.addEventListener("keydown", I), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), () => {
       window.removeEventListener("mousedown", k, !0), window.removeEventListener("keydown", I), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0);
@@ -522,16 +522,16 @@ function Oe({ label: e, value: t, onChange: i }) {
   }, [r, N]);
   const T = (k, I) => {
     var Y;
-    const A = (Y = l.current) == null ? void 0 : Y.getBoundingClientRect();
-    if (!A) return;
-    const { x: h, y: O } = gn(k, I, A);
+    const C = (Y = l.current) == null ? void 0 : Y.getBoundingClientRect();
+    if (!C) return;
+    const { x: h, y: O } = gn(k, I, C);
     x({ ...o, s: h, v: 100 - O });
   }, P = (k) => {
     k.preventDefault(), T(k.clientX, k.clientY);
-    const I = (h) => T(h.clientX, h.clientY), A = () => {
-      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", A);
+    const I = (h) => T(h.clientX, h.clientY), C = () => {
+      window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", C);
     };
-    window.addEventListener("mousemove", I), window.addEventListener("mouseup", A);
+    window.addEventListener("mousemove", I), window.addEventListener("mouseup", C);
   }, R = r ? Ue(
     /* @__PURE__ */ n(
       "div",
@@ -623,8 +623,8 @@ function Oe({ label: e, value: t, onChange: i }) {
                     max: 255,
                     value: g[k],
                     onChange: (I) => {
-                      const A = bn(parseInt(I.target.value, 10));
-                      w({ ...g, [k]: A });
+                      const C = bn(parseInt(I.target.value, 10));
+                      w({ ...g, [k]: C });
                     }
                   }
                 )
@@ -735,7 +735,7 @@ function yn(e) {
   };
 }
 function wn({ value: e, onChange: t }) {
-  const { selectValue: i, options: r } = ge(
+  const { selectValue: i, options: r } = ve(
     () => yn(e),
     [e]
   );
@@ -950,7 +950,7 @@ function In() {
 }
 function ce({ icon: e, display: t, ariaLabel: i, mixed: r, onCommit: a }) {
   const [o, s] = M(t);
-  return B(() => {
+  return z(() => {
     s(t);
   }, [t]), /* @__PURE__ */ d("label", { className: `pa-spacing-cell ${r ? "pa-spacing-cell--mixed" : ""}`, children: [
     /* @__PURE__ */ n("span", { className: "pa-spacing-cell-icon", children: e }),
@@ -1208,10 +1208,10 @@ function Vn({
   scopeHint: p,
   stateHint: m
 }) {
-  var I, A;
+  var I, C;
   const v = e["font-weight"] ?? "", g = e["font-style"] ?? "normal", f = e["text-decoration"] ?? "none", y = Hn(e["text-align"] ?? "left"), E = ((I = e.display) == null ? void 0 : I.trim()) ?? "", x = !!E, w = _n.has(E), N = [...ut];
   E && !ut.includes(E) && N.push(E);
-  const T = ((A = e.gap) == null ? void 0 : A.trim()) ?? "", P = T === "normal" || T === "" ? "0px" : T, R = e["border-style"] ?? "none", k = [...dt];
+  const T = ((C = e.gap) == null ? void 0 : C.trim()) ?? "", P = T === "normal" || T === "" ? "0px" : T, R = e["border-style"] ?? "none", k = [...dt];
   return R && !dt.includes(R) && k.push(R), /* @__PURE__ */ d("div", { className: "pa-edit-sections", children: [
     /* @__PURE__ */ d(se, { title: "Targeting", defaultOpen: !0, children: [
       /* @__PURE__ */ d("div", { className: "pa-edit-field-grid pa-edit-field-grid--2", children: [
@@ -1539,84 +1539,84 @@ function Wn(e, t, i) {
   const r = U([]), a = U(/* @__PURE__ */ new Set()), o = U([]), s = U(null), u = U([]), [c, l] = M({}), [p, m] = M({}), [v, g] = M("none"), [f, y] = M(""), [E, x] = M(""), [w, N] = M(
     () => /* @__PURE__ */ new Map()
   ), [T, P] = M(!1), R = L(() => {
-    const C = Array.from(a.current);
+    const A = Array.from(a.current);
     return {
-      inline: Ze(C, [...pt]),
+      inline: Ze(A, [...pt]),
       text: e && v !== "none" ? Je(e, v) : null
     };
   }, [e, v]), k = L(() => {
     u.current.push(R()), u.current.length > Un && u.current.shift(), P(u.current.length > 0);
   }, [R]), I = L(
-    (C) => {
+    (A) => {
       if (!e) return;
       const F = Array.from(a.current);
-      ye(o.current.filter((z) => F.includes(z.element))), s.current && we(s.current);
+      ye(o.current.filter((H) => F.includes(H.element))), s.current && we(s.current);
       const D = Se(e, t);
       r.current = D, a.current = new Set(D), xe(F), De(D, i);
       const W = e ? w.get(e) ?? [] : [];
-      if (C && W.length > 0)
-        for (const z of W)
-          if (z.property === "textContent" || z.property === "value")
-            for (const H of D)
-              Qe(H, z.property, z.newValue);
+      if (A && W.length > 0)
+        for (const H of W)
+          if (H.property === "textContent" || H.property === "value")
+            for (const B of D)
+              Qe(B, H.property, H.newValue);
           else
-            for (const H of D)
-              H.style.setProperty(z.property, z.newValue);
+            for (const B of D)
+              B.style.setProperty(H.property, H.newValue);
     },
     [e, t, i, w]
   );
-  B(() => {
+  z(() => {
     if (!e) {
       r.current = [], a.current = /* @__PURE__ */ new Set(), o.current = [], s.current = null, u.current = [], l({}), m({}), g("none"), y(""), x(""), N(/* @__PURE__ */ new Map()), P(!1);
       return;
     }
-    const C = Se(e, t);
-    r.current = C, a.current = new Set(C), o.current = Ze(C, [...pt]), u.current = [], P(!1);
+    const A = Se(e, t);
+    r.current = A, a.current = new Set(A), o.current = Ze(A, [...pt]), u.current = [], P(!1);
     const F = Ne(e);
     l(F), m(F);
     const D = de(e);
-    return g(D.kind), y(D.value), x(D.value), s.current = D.kind !== "none" ? Je(e, D.kind) : null, De(C, i), () => xe(C);
-  }, [e]), B(() => {
+    return g(D.kind), y(D.value), x(D.value), s.current = D.kind !== "none" ? Je(e, D.kind) : null, De(A, i), () => xe(A);
+  }, [e]), z(() => {
     e && I(!0);
-  }, [t]), B(() => {
+  }, [t]), z(() => {
     if (!e) return;
-    const C = Se(e, t);
-    r.current = C, xe(Array.from(a.current)), De(C, i), a.current = new Set(C);
+    const A = Se(e, t);
+    r.current = A, xe(Array.from(a.current)), De(A, i), a.current = new Set(A);
   }, [i, e, t]);
-  const A = L(
-    (C, F, D) => {
+  const C = L(
+    (A, F, D) => {
       e && N((W) => {
-        const z = new Map(W), j = (z.get(e) ?? []).filter((te) => te.property !== C);
-        return D === F ? j.length === 0 ? z.delete(e) : z.set(e, j) : z.set(e, [...j, { property: C, oldValue: F, newValue: D }]), z;
+        const H = new Map(W), j = (H.get(e) ?? []).filter((te) => te.property !== A);
+        return D === F ? j.length === 0 ? H.delete(e) : H.set(e, j) : H.set(e, [...j, { property: A, oldValue: F, newValue: D }]), H;
       });
     },
     [e]
   ), h = L(
-    (C, F) => {
+    (A, F) => {
       if (!e) return;
-      const D = { [C]: F };
-      C === "border-width" && (c["border-style"] ?? "none") === "none" && Nn(F) && (D["border-style"] = "solid"), k(), l((W) => ({ ...W, ...D }));
-      for (const [W, z] of Object.entries(D)) {
-        const H = p[W] ?? "";
+      const D = { [A]: F };
+      A === "border-width" && (c["border-style"] ?? "none") === "none" && Nn(F) && (D["border-style"] = "solid"), k(), l((W) => ({ ...W, ...D }));
+      for (const [W, H] of Object.entries(D)) {
+        const B = p[W] ?? "";
         for (const j of r.current)
-          j.style.setProperty(W, z), a.current.add(j);
-        A(W, H, z);
+          j.style.setProperty(W, H), a.current.add(j);
+        C(W, B, H);
       }
     },
-    [e, p, c, k, A]
+    [e, p, c, k, C]
   ), O = L(
-    (C) => {
+    (A) => {
       if (!(!e || v === "none")) {
-        k(), y(C);
+        k(), y(A);
         for (const F of r.current)
-          Qe(F, v, C), a.current.add(F);
-        A(v, E, C);
+          Qe(F, v, A), a.current.add(F);
+        C(v, E, A);
       }
     },
-    [e, v, E, k, A]
+    [e, v, E, k, C]
   ), Y = L(() => {
-    const C = u.current.pop();
-    if (C && (ye(C.inline), C.text && we(C.text), P(u.current.length > 0), e)) {
+    const A = u.current.pop();
+    if (A && (ye(A.inline), A.text && we(A.text), P(u.current.length > 0), e)) {
       l(Ne(e));
       const F = de(e);
       F.kind !== "none" && y(F.value);
@@ -1624,20 +1624,20 @@ function Wn(e, t, i) {
   }, [e]), ee = L(() => {
     if (ye(o.current), s.current && we(s.current), u.current = [], P(!1), N(/* @__PURE__ */ new Map()), e) {
       l(Ne(e));
-      const C = de(e);
-      y(C.value);
+      const A = de(e);
+      y(A.value);
     }
   }, [e]), Z = L(() => {
     ye(o.current), s.current && we(s.current);
   }, []), q = L(() => {
     if (Z(), xe(Array.from(a.current)), u.current = [], P(!1), N(/* @__PURE__ */ new Map()), e) {
       l(Ne(e));
-      const C = de(e);
-      C.kind !== "none" && y(C.value);
+      const A = de(e);
+      A.kind !== "none" && y(A.value);
     }
   }, [Z, e]), pe = e ? w.get(e) ?? [] : [];
   let $ = 0;
-  for (const C of w.values()) $ += C.length;
+  for (const A of w.values()) $ += A.length;
   const Q = L(() => {
     N(/* @__PURE__ */ new Map());
   }, []);
@@ -1686,18 +1686,18 @@ function Yn({
     undo: R,
     reset: k,
     clearPreviews: I,
-    revertPreviews: A
+    revertPreviews: C
   } = Wn(e, a, s), { elementRef: h, isDragging: O, style: Y, dragHandleProps: ee } = St({
-    computeDefaultPosition: (H) => ({
-      x: window.innerWidth - H.width - 16,
+    computeDefaultPosition: (B) => ({
+      x: window.innerWidth - B.width - 16,
       y: 16
     })
   });
-  B(() => (m == null || m({ clearPreviews: I, revertPreviews: A }), () => m == null ? void 0 : m(null)), [m, I, A]);
+  z(() => (m == null || m({ clearPreviews: I, revertPreviews: C }), () => m == null ? void 0 : m(null)), [m, I, C]);
   const Z = L(
-    (H) => {
-      if (p(H.target)) return;
-      const te = document.elementsFromPoint(H.clientX, H.clientY).find(
+    (B) => {
+      if (p(B.target)) return;
+      const te = document.elementsFromPoint(B.clientX, B.clientY).find(
         (ie) => ie instanceof Element && !ie.closest(
           "[data-pixelagent-root],[data-pixelagent-toolbar-portal],[data-pixelagent-picker-portal]"
         )
@@ -1706,10 +1706,10 @@ function Yn({
     },
     [p, r]
   ), q = L(
-    (H) => {
-      if (p(H.target)) return;
-      H.preventDefault(), H.stopPropagation();
-      const te = document.elementsFromPoint(H.clientX, H.clientY).find(
+    (B) => {
+      if (p(B.target)) return;
+      B.preventDefault(), B.stopPropagation();
+      const te = document.elementsFromPoint(B.clientX, B.clientY).find(
         (ie) => ie instanceof Element && !ie.closest(
           "[data-pixelagent-root],[data-pixelagent-toolbar-portal],[data-pixelagent-picker-portal]"
         )
@@ -1718,19 +1718,19 @@ function Yn({
     },
     [p, i]
   );
-  B(() => (document.addEventListener("mousemove", Z, !0), document.addEventListener("click", q, !0), () => {
+  z(() => (document.addEventListener("mousemove", Z, !0), document.addEventListener("click", q, !0), () => {
     document.removeEventListener("mousemove", Z, !0), document.removeEventListener("click", q, !0);
   }), [Z, q]);
   const pe = async () => {
-    x !== 0 && (await c(E), w());
-  }, $ = e ? Ve(e) : null, Q = e ? vt(e) : null, C = e ? bt(e) : 0, F = e ? yt(e, "all-instances") : "", D = s !== "normal" && Q === "tailwind" ? "Tailwind variant preview: matching hover:/focus:/… classes are applied without the prefix." : s !== "normal" ? "State preview uses focus/disabled simulation where possible." : null, W = C > 1 ? a === "all-instances" ? `Preview & Apply on ${C} elements (${F}).` : `This instance only — ${C - 1} other on page.` : a === "all-instances" ? "Only one match — scope has no effect." : null, z = ge(() => !e || a !== "all-instances" ? [] : Se(e, "all-instances"), [e, a]);
+    x === 0 || !await c(E) || (w(), C());
+  }, $ = e ? Ve(e) : null, Q = e ? vt(e) : null, A = e ? bt(e) : 0, F = e ? yt(e, "all-instances") : "", D = s !== "normal" && Q === "tailwind" ? "Tailwind variant preview: matching hover:/focus:/… classes are applied without the prefix." : s !== "normal" ? "State preview uses focus/disabled simulation where possible." : null, W = A > 1 ? a === "all-instances" ? `Preview & Apply on ${A} elements (${F}).` : `This instance only — ${A - 1} other on page.` : a === "all-instances" ? "Only one match — scope has no effect." : null, H = ve(() => !e || a !== "all-instances" ? [] : Se(e, "all-instances"), [e, a]);
   return /* @__PURE__ */ d(X, { children: [
     /* @__PURE__ */ n(
       Ct,
       {
         element: a === "all-instances" ? null : t,
         selected: e,
-        multiSelected: z,
+        multiSelected: H,
         primarySelected: e
       }
     ),
@@ -1794,7 +1794,7 @@ All instances: ${F}`,
                 onTargetScopeChange: o,
                 elementState: s,
                 onElementStateChange: u,
-                instanceCount: C,
+                instanceCount: A,
                 scopeHint: W,
                 stateHint: D
               }
@@ -1868,7 +1868,7 @@ async function Xn(e, t = {}) {
 }
 function Gn(e) {
   const [t, i] = M(null);
-  return B(() => {
+  return z(() => {
     if (!e) {
       i(null);
       return;
@@ -1969,10 +1969,10 @@ function nr({
   onCancel: r
 }) {
   const [a, o] = M(""), s = U(null), u = U(null), c = e[0] ?? null, l = t ? new DOMRect(t.x, t.y, t.width, t.height) : null, p = Gn(c), m = l ?? p, v = Nt(), g = c ? de(c) : { kind: "none", value: "" }, f = g.kind !== "none" ? g.value : void 0;
-  if (B(() => {
+  if (z(() => {
     var w;
     (w = s.current) == null || w.focus();
-  }, [e]), B(() => {
+  }, [e]), z(() => {
     const w = (N) => {
       N.key === "Escape" && r();
     };
@@ -2131,7 +2131,7 @@ function or(e) {
 const sr = 20;
 function lr({ annotations: e }) {
   const [t, i] = M([]);
-  return B(() => {
+  return z(() => {
     if (e.length === 0) {
       i([]);
       return;
@@ -2216,7 +2216,7 @@ function cr({
   copyAllFrom: p
 }) {
   const [m, v] = M(null), [g, f] = M("");
-  B(() => {
+  z(() => {
     const x = (w) => {
       w.key === "Escape" && (t ? r() : i());
     };
@@ -2411,7 +2411,7 @@ function hr({
   onToggleHostTheme: a
 }) {
   const o = U(null);
-  return B(() => {
+  return z(() => {
     if (!e) return;
     const s = (c) => {
       c.key === "Escape" && t();
@@ -2561,9 +2561,9 @@ function yr({
                   {
                     className: "pa-select pa-toolbar-capture-select",
                     value: l,
-                    onChange: (A) => w(A.target.value),
+                    onChange: (C) => w(C.target.value),
                     "aria-label": "Capture mode",
-                    children: vr.map((A) => /* @__PURE__ */ n("option", { value: A, children: br[A] }, A))
+                    children: vr.map((C) => /* @__PURE__ */ n("option", { value: C, children: br[C] }, C))
                   }
                 ),
                 m > 0 && /* @__PURE__ */ n(
@@ -2667,7 +2667,7 @@ function wr() {
       return ((o = e.current) == null ? void 0 : o.annotations) ?? [];
     }
   );
-  B(() => {
+  z(() => {
     jt({ annotations: t });
   }, [t]);
   const r = L((o, s) => {
@@ -2689,13 +2689,13 @@ function xr({
   hostTheme: t,
   onHostThemeChange: i
 }) {
-  const r = ge(
+  const r = ve(
     () => ({ ...qt, ...e }),
     [e]
   ), [a, o] = M(
     () => t ?? et(r) ?? "dark"
   ), [s, u] = M(!1), c = t ?? a;
-  B(() => {
+  z(() => {
     if (t !== void 0) return;
     const v = () => {
       const y = et(r);
@@ -2708,7 +2708,7 @@ function xr({
       attributeFilter: [g]
     }), () => f.disconnect();
   }, [t, r]);
-  const l = ge(
+  const l = ve(
     () => Jt(r, c),
     [r, c]
   ), p = L(() => {
@@ -2745,7 +2745,7 @@ function Nr({
   onApply: a
 } = {}) {
   const o = xr({ ui: e, hostTheme: t, onHostThemeChange: i }), [s, u] = M(null);
-  B(() => {
+  z(() => {
     if (r || a) return;
     let b = !1;
     return fetch(ft, { method: "GET" }).then((S) => {
@@ -2760,14 +2760,14 @@ function Nr({
     setAnnotations: y,
     updateAnnotation: E,
     removeAnnotation: x
-  } = wr(), [w, N] = M(null), [T, P] = M(null), [R, k] = M([]), [I, A] = M(null), [h, O] = M(null), [Y, ee] = M(!1), [Z, q] = M(!1), pe = c && p === "annotate" && f.length > 0 && !Y, [$, Q] = M("this-instance"), [C, F] = M("normal"), [D, W] = M(null), [z, H] = M(null), [j, te] = M(null), ie = U(null), Ie = U(null), he = L(
+  } = wr(), [w, N] = M(null), [T, P] = M(null), [R, k] = M([]), [I, C] = M(null), [h, O] = M(null), [Y, ee] = M(!1), [Z, q] = M(!1), pe = c && p === "annotate" && f.length > 0 && !Y, [$, Q] = M("this-instance"), [A, F] = M("normal"), [D, W] = M(null), [H, B] = M(null), [j, te] = M(null), ie = U(null), Ie = U(null), he = L(
     (b, S) => {
-      Ie.current && clearTimeout(Ie.current), W(b), H((S == null ? void 0 : S.entryId) ?? null), te((S == null ? void 0 : S.copyAllFrom) ?? null), Ie.current = setTimeout(() => {
-        W(null), H(null), te(null);
+      Ie.current && clearTimeout(Ie.current), W(b), B((S == null ? void 0 : S.entryId) ?? null), te((S == null ? void 0 : S.copyAllFrom) ?? null), Ie.current = setTimeout(() => {
+        W(null), B(null), te(null);
       }, 2500);
     },
     []
-  ), ve = L(
+  ), be = L(
     async (b, S, G) => {
       if (b)
         try {
@@ -2779,7 +2779,7 @@ function Nr({
     [he]
   ), me = L(
     (b, S) => {
-      b.length === 0 && !S || (A({ elements: b, areaBbox: S }), P(b[0] ?? null));
+      b.length === 0 && !S || (C({ elements: b, areaBbox: S }), P(b[0] ?? null));
     },
     []
   ), Te = L(
@@ -2802,7 +2802,7 @@ function Nr({
         startY: b.clientY,
         currentX: b.clientX,
         currentY: b.clientY
-      }), A(null));
+      }), C(null));
     },
     [c, p, v]
   ), Re = L(() => {
@@ -2826,9 +2826,9 @@ function Nr({
     },
     [c, p, v, R, me]
   );
-  B(() => {
+  z(() => {
     !T || $ !== "all-instances" || bt(T) <= 1 && Q("this-instance");
-  }, [T, $]), B(() => {
+  }, [T, $]), z(() => {
     if (c)
       return document.addEventListener("mousemove", Te, !0), document.addEventListener("mousedown", Pe, !0), document.addEventListener("mouseup", Re, !0), document.addEventListener("click", $e, !0), () => {
         document.removeEventListener("mousemove", Te, !0), document.removeEventListener("mousedown", Pe, !0), document.removeEventListener("mouseup", Re, !0), document.removeEventListener("click", $e, !0);
@@ -2839,60 +2839,60 @@ function Nr({
       if (!I || !b.trim()) return;
       const { elements: G, areaBbox: J } = I;
       if (G.length === 0 && !J) return;
-      const be = ir({
+      const fe = ir({
         elements: G,
         note: b,
         areaBbox: J
       });
-      y((V) => [...V, be]), ee(!1), q(!1), S ? (A(null), P(null)) : (A(null), P(null), k([]));
+      y((V) => [...V, fe]), ee(!1), q(!1), S ? (C(null), P(null)) : (C(null), P(null), k([]));
     },
     [I, y]
   ), Ft = L(() => {
-    A(null), P(null);
+    C(null), P(null);
   }, []), Ke = L(
     async (b) => {
       const S = tn(f);
-      await ve(S, "Copied all!", { copyAllFrom: b });
+      await be(S, "Copied all!", { copyAllFrom: b });
     },
-    [f, ve]
+    [f, be]
   ), Bt = L(
     async (b) => {
       const S = f.find((G) => G.id === b);
-      S && await ve(nn(S), "Copied!", { entryId: b });
+      S && await be(nn(S), "Copied!", { entryId: b });
     },
-    [f, ve]
+    [f, be]
   ), zt = L(
     async (b) => {
       const S = Array.from(b.entries()).filter(
         ([, V]) => V.length > 0
       );
-      if (S.length === 0) return;
+      if (S.length === 0) return !1;
       const G = r ?? s ?? void 0, J = [];
-      for (const [V, fe] of S) {
+      for (const [V, ge] of S) {
         const qe = Ve(V), Vt = {
           schemaVersion: 1,
           elementSelector: yt(V, $),
           sourceFile: qe.sourceFile,
           lineNumber: qe.lineNumber,
           targetScope: $,
-          state: C,
+          state: A,
           stylingSystem: vt(V),
-          changes: fe
+          changes: ge
         };
         J.push(await Xn(Vt, { applyEndpoint: G, onApply: a }));
       }
-      const be = J.every(
+      const fe = J.every(
         (V) => V.mode === "mcp" && V.result.success && V.result.linesChanged.length > 0
       );
-      he(be ? "Change applied" : "Apply failed"), J.forEach((V, fe) => {
-        V.mode === "error" ? console.error(`[pixelagent] Apply #${fe} failed:`, V.message) : V.mode === "clipboard" ? console.warn(`[pixelagent] Apply #${fe} fell back to clipboard`) : V.mode === "mcp" && !V.result.success && console.warn(`[pixelagent] Apply #${fe} reported no changes:`, V.result);
-      });
+      return he(fe ? "Change applied" : "Apply failed"), J.forEach((V, ge) => {
+        V.mode === "error" ? console.error(`[pixelagent] Apply #${ge} failed:`, V.message) : V.mode === "clipboard" ? console.warn(`[pixelagent] Apply #${ge} fell back to clipboard`) : V.mode === "mcp" && !V.result.success && console.warn(`[pixelagent] Apply #${ge} reported no changes:`, V.result);
+      }), fe;
     },
-    [$, C, r, s, a, he]
+    [$, A, r, s, a, he]
   ), je = (b) => {
-    o.setSettingsOpen(!1), l(!0), m(b), P(null), N(null), A(null), k([]), O(null), b === "annotate" && ee(!1);
+    o.setSettingsOpen(!1), l(!0), m(b), P(null), N(null), C(null), k([]), O(null), b === "annotate" && ee(!1);
   }, Ht = () => {
-    l(!1), m("idle"), P(null), N(null), A(null), k([]), O(null), ee(!1), q(!1);
+    l(!1), m("idle"), P(null), N(null), C(null), k([]), O(null), ee(!1), q(!1);
   }, _t = h ? gt(h) : null;
   return /* @__PURE__ */ d(
     "div",
@@ -2959,7 +2959,7 @@ function Nr({
             onHoverElement: N,
             targetScope: $,
             onTargetScopeChange: Q,
-            elementState: C,
+            elementState: A,
             onElementStateChange: F,
             onApply: zt,
             applyStatus: p === "edit" ? D : null,
@@ -2980,7 +2980,7 @@ function Nr({
             onRemove: x,
             onUpdate: E,
             copyStatus: D,
-            copiedEntryId: z,
+            copiedEntryId: H,
             copyAllFrom: j
           }
         )