@pygmalionjs/pygmalion 0.2.24 → 0.2.26

package/dist-lib/{App-DaaT22K5.js → App-rBeENUlS.js}

@@ -2,7 +2,7 @@ var Ah = Object.defineProperty;
 var Oh = (t, e, n) => e in t ? Ah(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var I = (t, e, n) => Oh(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as c, jsxs as g, Fragment as Ke } from "react/jsx-runtime";
-import Eo, { useState as W, forwardRef as ia, memo as mi, createElement as nr, useReducer as Dd, useRef as ce, useEffect as le, useMemo as mo, useSyncExternalStore as Pn, Component as Mh } from "react";
+import Eo, { useState as W, forwardRef as ia, memo as mi, createElement as nr, useReducer as Dd, useRef as le, useEffect as ce, useMemo as mo, useSyncExternalStore as Pn, Component as Mh } from "react";
 import { unstable_batchedUpdates as Ph, flushSync as Ih, createPortal as $h } from "react-dom";
 import { createRoot as Rd } from "react-dom/client";
 var kh = {
@@ -7372,8 +7372,8 @@ function mb() {
 const p = new pb();
 let Kl = 0;
 function Zu(t) {
-  const [, e] = Dd((i) => i + 1, 0), n = ce(null);
-  n.current || (n.current = new Bt(`useObserved#${++Kl}`, () => e())), le(() => (n.current || (n.current = new Bt(`useObserved#${++Kl}`, () => e()), e()), () => {
+  const [, e] = Dd((i) => i + 1, 0), n = le(null);
+  n.current || (n.current = new Bt(`useObserved#${++Kl}`, () => e())), ce(() => (n.current || (n.current = new Bt(`useObserved#${++Kl}`, () => e()), e()), () => {
     var i;
     (i = n.current) == null || i.dispose(), n.current = null;
   }), []);
@@ -7546,8 +7546,8 @@ const Qr = at(function({ count: e }) {
   ) : null;
 });
 function Ul({ node: t }) {
-  const e = ce(null);
-  return le(() => {
+  const e = le(null);
+  return ce(() => {
     const r = e.current;
     if (!r) return;
     r.focus();
@@ -8554,11 +8554,11 @@ function sd({
   affectedFrames: n = []
 }) {
   var Jc, Zc, Qc, el, tl;
-  const r = ce(null), [i, o] = W(null), [s, a] = W(null), [l, d] = W(null), [u, h] = W("cases"), [m, x] = W(!1), [b, w] = W(Wb), [S, N] = W(null), [y, A] = W("original"), [E, B] = W("default"), [C, R] = W("item"), [V, te] = W("base"), [L, de] = W({ minWidth: 768 }), [Ne, ne] = W(null), [G, fe] = W(!0), [Q, ve] = W(!1), [re, ze] = W(!1), [Oe, se] = W(null), [De, Re] = W(""), [M, oe] = W(!1), [J, me] = W(""), [T, he] = W(!1), [ae, H] = W(""), [ie, ge] = W(null), [be, Ue] = W(""), [nt, Ce] = W(""), [Wt, bt] = W(0), [fr, qe] = Dd((f) => f + 1, 0), hr = ce(""), vt = ce(null), Lr = ce(null);
+  const r = le(null), [i, o] = W(null), [s, a] = W(null), [l, d] = W(null), [u, h] = W("cases"), [m, x] = W(!1), [b, w] = W(Wb), [S, N] = W(null), [y, A] = W("original"), [E, B] = W("default"), [C, R] = W("item"), [V, te] = W("base"), [L, de] = W({ minWidth: 768 }), [Ne, ne] = W(null), [G, fe] = W(!0), [J, ge] = W(!1), [re, ze] = W(!1), [Oe, se] = W(null), [De, Re] = W(""), [M, oe] = W(!1), [Z, be] = W(""), [T, he] = W(!1), [ae, H] = W(""), [ie, pe] = W(null), [ve, Ue] = W(""), [nt, Ce] = W(""), [Wt, bt] = W(0), [fr, qe] = Dd((f) => f + 1, 0), hr = le(""), vt = le(null), Lr = le(null);
   Lr.current = s;
-  const Ri = ce(null);
+  const Ri = le(null);
   Ri.current = l;
-  const Le = ce(n);
+  const Le = le(n);
   Le.current = n;
   const Rn = j.buildApplyPayload(), pr = JSON.stringify(Rn), mr = Vb(Rn), gr = JSON.stringify(mr);
   function Kt() {
@@ -8576,7 +8576,7 @@ function sd({
       v[_] = f.filter((O) => $.test(O.name));
     return v;
   }, []);
-  if (le(() => qe(), []), le(() => {
+  if (ce(() => qe(), []), ce(() => {
     if (!D) return;
     const f = t == null ? void 0 : t.current;
     if (!f) return;
@@ -8584,7 +8584,7 @@ function sd({
       o(null), a(null), qe();
     };
     return f.addEventListener("load", v), () => f.removeEventListener("load", v);
-  }, [t, D]), le(
+  }, [t, D]), ce(
     () => j.subscribe(() => {
       qe(), window.requestAnimationFrame(() => {
         var f;
@@ -8592,7 +8592,7 @@ function sd({
       });
     }),
     []
-  ), le(() => {
+  ), ce(() => {
     const f = zg();
     if (!f || mr.length === 0) {
       he(!1), H("");
@@ -8603,12 +8603,12 @@ function sd({
       if (v) return;
       const $ = [.../* @__PURE__ */ new Set([...mr, ..._.files])], O = p.pages.filter(
         (X) => (X.sourcePaths ?? []).some(
-          (pe) => $.some((Je) => Bb(pe, Je))
+          (me) => $.some((Je) => Bb(me, Je))
         )
       ).map((X) => ({ id: _i(X), name: X.name })), Y = [
         ...Le.current,
         ...O.filter(
-          (X) => !Le.current.some((pe) => pe.id === X.id)
+          (X) => !Le.current.some((me) => me.id === X.id)
         )
       ];
       j.updateAffectedFrames(Y);
@@ -8619,9 +8619,9 @@ function sd({
     }), () => {
       v = !0;
     };
-  }, [gr]), le(() => qe(), [s]), le(() => {
+  }, [gr]), ce(() => qe(), [s]), ce(() => {
     Kt(), N(null), A("original"), B("default"), R("item"), ne(null), Ue(""), Ce(""), bt(s ? Ro(s) ?? 0 : 0);
-  }, [s]), le(() => {
+  }, [s]), ce(() => {
     Kt();
     const f = s != null && s.isConnected ? s : null;
     if (f) {
@@ -8631,7 +8631,7 @@ function sd({
       }
       return vt.current = Gb(f, { repeat: S, text: y, state: E }), qe(), () => Kt();
     }
-  }, [s, S, y, E]), le(() => () => Kt(), []), le(() => {
+  }, [s, S, y, E]), ce(() => () => Kt(), []), ce(() => {
     const f = [window];
     D && q && q !== window && f.push(q), !D && (e != null && e.current) && f.push(e.current);
     const v = () => qe();
@@ -8641,22 +8641,22 @@ function sd({
       for (const _ of f)
         _.removeEventListener("scroll", v, { capture: !0 }), _.removeEventListener("resize", v);
     };
-  }, [q, D]), le(() => {
+  }, [q, D]), ce(() => {
     const f = [window];
     D && q && q !== window && f.push(q);
     const v = (O) => {
-      if (O.key === "Alt" && ve(!0), Ri.current) return;
+      if (O.key === "Alt" && ge(!0), Ri.current) return;
       (O.metaKey || O.ctrlKey) && O.key.toLowerCase() === "z" ? (O.preventDefault(), O.stopPropagation(), O.shiftKey ? j.redo() : j.undo()) : O.key === "Escape" && Lr.current && (O.stopPropagation(), a(null));
     }, _ = (O) => {
-      O.key === "Alt" && ve(!1);
-    }, $ = () => ve(!1);
+      O.key === "Alt" && ge(!1);
+    }, $ = () => ge(!1);
     for (const O of f)
       O.addEventListener("keydown", v, !0), O.addEventListener("keyup", _, !0), O.addEventListener("blur", $);
     return () => {
       for (const O of f)
         O.removeEventListener("keydown", v, !0), O.removeEventListener("keyup", _, !0), O.removeEventListener("blur", $);
     };
-  }, [q, D]), le(() => {
+  }, [q, D]), ce(() => {
     const f = l;
     if (!f) return;
     let v = !1;
@@ -8671,7 +8671,7 @@ function sd({
     return f.addEventListener("keydown", $), f.addEventListener("blur", O), () => {
       f.removeEventListener("keydown", $), f.removeEventListener("blur", O);
     };
-  }, [l]), le(() => {
+  }, [l]), ce(() => {
     if (j.toastSeq === 0) return;
     ze(!0);
     const f = window.setTimeout(() => ze(!1), 1800);
@@ -8737,12 +8737,12 @@ function sd({
       j.toast("Please check the diff after the impact screen calculation is complete.");
       return;
     }
-    oe(!0), me(""), se(null), Re("");
+    oe(!0), be(""), se(null), Re("");
     try {
       const v = await f(Rn);
       se(v), Re(pr), j.toast(`Code diff ready · ${v.files.length} files`);
     } catch (v) {
-      me(String(v)), j.toast(`diff creation failed:${String(v).slice(0, 80)}`);
+      be(String(v)), j.toast(`diff creation failed:${String(v).slice(0, 80)}`);
     } finally {
       oe(!1);
     }
@@ -8762,20 +8762,20 @@ function sd({
     }
     try {
       const O = await f(_);
-      j.clearApplied(), ge((O == null ? void 0 : O.qa) ?? null), se(null), Re(""), me("");
+      j.clearApplied(), pe((O == null ? void 0 : O.qa) ?? null), se(null), Re(""), be("");
       const Y = O != null && O.qa ? O.qa.complete ? ` · ${O.qa.frames.length} affected frames checked` : ` · ${O.qa.failures.length} QA failures` : "";
       j.toast(`${(O == null ? void 0 : O.message) ?? `Applied ${(O == null ? void 0 : O.applied) ?? $} changes`}${Y}`);
     } catch (O) {
       j.toast(`Apply failed:${String(O).slice(0, 80)}`);
     }
-  }, P = s != null && s.isConnected ? s : null, wn = i != null && i.isConnected ? i : null, Z = P != null && P.parentElement && P.parentElement !== Ee ? P.parentElement : null, rt = C === "container" && Z ? Z : P, K = P ? $e(P.getBoundingClientRect()) : null, z = Z ? $e(Z.getBoundingClientRect()) : null, Fi = C === "container" && rt && rt !== P ? $e(rt.getBoundingClientRect()) : null, Oc = wn && wn !== P ? $e(wn.getBoundingClientRect()) : null, it = P ? q.getComputedStyle(P) : null, Ae = Z ? q.getComputedStyle(Z) : null, Mc = rt ? q.getComputedStyle(rt) : null, Mt = P ? He(P) : "", ot = P ? Se(P) : null, Sn = P ? It(P) : null, vr = P ? j.structuralEditKind(P) : null, eh = P ? j.hasPendingValueEdit(P) : !1, Pc = P ? j.structuralBlockReason(P, "insert") : "No elements are selected.", th = P ? j.structuralBlockReason(P, "remove") : "No elements are selected.", Ic = P ? j.structuralBlockReason(P, "move") : "No elements are selected.", us = P && P.parentElement ? Array.from(P.parentElement.children).indexOf(P) : -1, nh = ((Qc = P == null ? void 0 : P.parentElement) == null ? void 0 : Qc.children.length) ?? 0, $c = ot ? we()[ot.name] ?? null : null, kc = Sn && /^[A-Z]/.test(Sn.elementName) ? (ot == null ? void 0 : ot.name) ?? null : null, Tc = P ? j.componentInsertBlockReason(P, kc) : "No elements are selected.", fs = be.trim().toLocaleLowerCase(), zi = xe.filter(
+  }, P = s != null && s.isConnected ? s : null, wn = i != null && i.isConnected ? i : null, Q = P != null && P.parentElement && P.parentElement !== Ee ? P.parentElement : null, rt = C === "container" && Q ? Q : P, K = P ? $e(P.getBoundingClientRect()) : null, z = Q ? $e(Q.getBoundingClientRect()) : null, Fi = C === "container" && rt && rt !== P ? $e(rt.getBoundingClientRect()) : null, Oc = wn && wn !== P ? $e(wn.getBoundingClientRect()) : null, it = P ? q.getComputedStyle(P) : null, Ae = Q ? q.getComputedStyle(Q) : null, Mc = rt ? q.getComputedStyle(rt) : null, Mt = P ? He(P) : "", ot = P ? Se(P) : null, Sn = P ? It(P) : null, vr = P ? j.structuralEditKind(P) : null, eh = P ? j.hasPendingValueEdit(P) : !1, Pc = P ? j.structuralBlockReason(P, "insert") : "No elements are selected.", th = P ? j.structuralBlockReason(P, "remove") : "No elements are selected.", Ic = P ? j.structuralBlockReason(P, "move") : "No elements are selected.", us = P && P.parentElement ? Array.from(P.parentElement.children).indexOf(P) : -1, nh = ((Qc = P == null ? void 0 : P.parentElement) == null ? void 0 : Qc.children.length) ?? 0, $c = ot ? we()[ot.name] ?? null : null, kc = Sn && /^[A-Z]/.test(Sn.elementName) ? (ot == null ? void 0 : ot.name) ?? null : null, Tc = P ? j.componentInsertBlockReason(P, kc) : "No elements are selected.", fs = ve.trim().toLocaleLowerCase(), zi = xe.filter(
     ([f, v]) => !fs || f.toLocaleLowerCase().includes(fs) || v.importPath.toLocaleLowerCase().includes(fs)
-  ), xt = zi.find(([f]) => f === nt) ?? zi[0] ?? null, Dc = (xt == null ? void 0 : xt[1]) ?? null, Li = xt ? xa(xt[0]) : null, Vr = (P ? Ro(P) : null) ?? 0, Rc = P ? qb(P, (ot == null ? void 0 : ot.props) ?? null, $c) : !1, hs = P ? Yb(P, (ot == null ? void 0 : ot.props) ?? null, $c) : [], Fc = P ? sf(P) : [], Fn = { count: Fc.length }, ps = Q && P && wn && wn !== P ? [P, wn] : null, zc = j.entries, Lc = Object.entries((ot == null ? void 0 : ot.primitiveProps) ?? {}), zn = Rn, on = zc.reduce((f, v) => {
+  ), xt = zi.find(([f]) => f === nt) ?? zi[0] ?? null, Dc = (xt == null ? void 0 : xt[1]) ?? null, Li = xt ? xa(xt[0]) : null, Vr = (P ? Ro(P) : null) ?? 0, Rc = P ? qb(P, (ot == null ? void 0 : ot.props) ?? null, $c) : !1, hs = P ? Yb(P, (ot == null ? void 0 : ot.props) ?? null, $c) : [], Fc = P ? sf(P) : [], Fn = { count: Fc.length }, ps = J && P && wn && wn !== P ? [P, wn] : null, zc = j.entries, Lc = Object.entries((ot == null ? void 0 : ot.primitiveProps) ?? {}), zn = Rn, on = zc.reduce((f, v) => {
     const _ = f.find(($) => $.el === v.el);
     return _ ? (_.label = v.label, _.items.push(v)) : f.push({ id: v.id, el: v.el, label: v.label, items: [v] }), f;
   }, []), ji = zn.styles.length + zn.texts.length + zn.operations.length, Vi = xo() != null, ms = Vi && De !== pr, rh = on.filter(
     (f) => f.items.some((v) => !Zt(v))
-  ).length, gs = S != null || y !== "original" || E !== "default", Br = gs && P ? Qb(P, q) : null, Me = Jb(Ae), xr = Me != null, lt = Zb(Z), sn = V === "custom" ? L.minWidth != null || L.maxWidth != null ? {
+  ).length, gs = S != null || y !== "original" || E !== "default", Br = gs && P ? Qb(P, q) : null, Me = Jb(Ae), xr = Me != null, lt = Zb(Q), sn = V === "custom" ? L.minWidth != null || L.maxWidth != null ? {
     ...L.minWidth != null ? { minWidth: Math.max(0, Math.round(L.minWidth)) } : {},
     ...L.maxWidth != null ? { maxWidth: Math.max(0, Math.round(L.maxWidth)) } : {}
   } : null : ((el = nd.find((f) => f.id === V)) == null ? void 0 : el.media) ?? null, bs = Fc.filter((f) => f.isConnected && q.getComputedStyle(f).getPropertyValue("display") !== "none").map((f, v) => ({ el: f, index: v, rect: $e(f.getBoundingClientRect()) })).filter(({ rect: f }) => f.width > 0 && f.height > 0), vs = bs.slice().sort((f, v) => f.rect.top - v.rect.top || f.rect.left - v.rect.left).reduce((f, v) => {
@@ -8789,8 +8789,8 @@ function sd({
     }), f;
   }, []).sort((f, v) => f.top - v.top), ih = vs.flatMap(
     (f, v) => f.items.slice(0, -1).map((_, $) => {
-      const O = f.items[$ + 1], Y = _.rect.left + _.rect.width, X = O.rect.left, pe = Math.max(_.rect.top, O.rect.top), Je = Math.min(_.rect.top + _.rect.height, O.rect.top + O.rect.height);
-      return { key: `${v}-${$}`, left: Y, top: pe, width: Math.max(0, X - Y), height: Math.max(16, Je - pe) };
+      const O = f.items[$ + 1], Y = _.rect.left + _.rect.width, X = O.rect.left, me = Math.max(_.rect.top, O.rect.top), Je = Math.min(_.rect.top + _.rect.height, O.rect.top + O.rect.height);
+      return { key: `${v}-${$}`, left: Y, top: me, width: Math.max(0, X - Y), height: Math.max(16, Je - me) };
     })
   ), oh = vs.slice(0, -1).map((f, v) => {
     const _ = vs[v + 1];
@@ -8807,12 +8807,12 @@ function sd({
     bottom: Math.max(0, yt(Ae, "padding-bottom")),
     left: Math.max(0, yt(Ae, "padding-left"))
   }, sh = dt.left, ah = dt.top, Wr = (Ae == null ? void 0 : Ae.getPropertyValue("justify-content")) || "normal", jc = (Ae == null ? void 0 : Ae.getPropertyValue("align-items")) || "normal", xs = (Ae == null ? void 0 : Ae.getPropertyValue("flex-direction")) || "row", ch = od(xs.includes("column") ? jc : Wr), lh = od(xs.includes("column") ? Wr : jc), dh = io(
-    (Z == null ? void 0 : Z.style.getPropertyValue("width")) || (z && z.width >= window.innerWidth * 0.8 ? "100%" : ""),
+    (Q == null ? void 0 : Q.style.getPropertyValue("width")) || (z && z.width >= window.innerWidth * 0.8 ? "100%" : ""),
     (z == null ? void 0 : z.width) ?? 0
   ), uh = io(
-    (Z == null ? void 0 : Z.style.getPropertyValue("height")) || "",
+    (Q == null ? void 0 : Q.style.getPropertyValue("height")) || "",
     (z == null ? void 0 : z.height) ?? 0
-  ), fh = io((P == null ? void 0 : P.style.getPropertyValue("width")) || "", (K == null ? void 0 : K.width) ?? 0), hh = io((P == null ? void 0 : P.style.getPropertyValue("height")) || "", (K == null ? void 0 : K.height) ?? 0), Vc = (it == null ? void 0 : it.getPropertyValue("align-self")) || "auto", ph = yt(it, "order"), Kr = (P == null ? void 0 : P.style.getPropertyValue("grid-column")) || (it == null ? void 0 : it.getPropertyValue("grid-column")) || "auto", Bc = Number(((tl = /span\s+(\d+)/.exec(Kr)) == null ? void 0 : tl[1]) ?? 1), ys = (it == null ? void 0 : it.getPropertyValue("position")) === "absolute", yr = Us(Z, (K == null ? void 0 : K.width) ?? 240), st = S ?? Math.max(1, Fn.count), Bi = Math.max(
+  ), fh = io((P == null ? void 0 : P.style.getPropertyValue("width")) || "", (K == null ? void 0 : K.width) ?? 0), hh = io((P == null ? void 0 : P.style.getPropertyValue("height")) || "", (K == null ? void 0 : K.height) ?? 0), Vc = (it == null ? void 0 : it.getPropertyValue("align-self")) || "auto", ph = yt(it, "order"), Kr = (P == null ? void 0 : P.style.getPropertyValue("grid-column")) || (it == null ? void 0 : it.getPropertyValue("grid-column")) || "auto", Bc = Number(((tl = /span\s+(\d+)/.exec(Kr)) == null ? void 0 : tl[1]) ?? 1), ys = (it == null ? void 0 : it.getPropertyValue("position")) === "absolute", yr = Us(Q, (K == null ? void 0 : K.width) ?? 240), st = S ?? Math.max(1, Fn.count), Bi = Math.max(
     0,
     ((z == null ? void 0 : z.width) ?? 0) - dt.left - dt.right
   ), mh = Math.max(
@@ -8827,7 +8827,7 @@ function sd({
   ), ws = Math.max(
     0,
     (Bi - an * Math.max(0, st - 1)) / st
-  ), Wc = Math.max(80, Math.floor(ws)), bh = ws < 160, Kc = Me === "grid" && lt === st, vh = Me === "scroll" ? `${st} items · horizontal scroll · ${Math.round(Hc)}px cards` : `${st} items · ${gh} rows × ${Hi} columns · about ${Math.round(Hc)}px each`, xh = u === "cases" && !m && !!Z && !!z && !!K, Ln = !!Z && Z.scrollWidth > Z.clientWidth + 1 && !["auto", "scroll"].includes((Ae == null ? void 0 : Ae.getPropertyValue("overflow-x")) ?? ""), Uc = [
+  ), Wc = Math.max(80, Math.floor(ws)), bh = ws < 160, Kc = Me === "grid" && lt === st, vh = Me === "scroll" ? `${st} items · horizontal scroll · ${Math.round(Hc)}px cards` : `${st} items · ${gh} rows × ${Hi} columns · about ${Math.round(Hc)}px each`, xh = u === "cases" && !m && !!Q && !!z && !!K, Ln = !!Q && Q.scrollWidth > Q.clientWidth + 1 && !["auto", "scroll"].includes((Ae == null ? void 0 : Ae.getPropertyValue("overflow-x")) ?? ""), Uc = [
     S != null ? `${S} items` : null,
     y === "long" ? "long text" : y === "extreme" ? "extreme text" : null,
     E === "selected" ? "selection status" : E === "disabled" ? "inactive" : E === "loading" ? "loading status" : null
@@ -8836,20 +8836,20 @@ function sd({
   }, Ki = (f, v, _, $) => {
     if (f.button !== 0) return;
     f.preventDefault(), f.stopPropagation();
-    const O = f.clientX, Y = f.clientY, X = document.body.style.cursor, pe = document.body.style.userSelect;
+    const O = f.clientX, Y = f.clientY, X = document.body.style.cursor, me = document.body.style.userSelect;
     document.body.style.cursor = v, document.body.style.userSelect = "none";
     const Je = (Nn) => {
       _(Nn.clientX - O, Nn.clientY - Y), qe();
     }, _n = () => {
-      window.removeEventListener("pointermove", Je), window.removeEventListener("pointerup", _n), document.body.style.cursor = X, document.body.style.userSelect = pe, $(), qe();
+      window.removeEventListener("pointermove", Je), window.removeEventListener("pointerup", _n), document.body.style.cursor = X, document.body.style.userSelect = me, $(), qe();
     };
     window.addEventListener("pointermove", Je), window.addEventListener("pointerup", _n, { once: !0 });
   }, Pe = (f, v) => {
-    Z && j.recordStyle(
-      Z,
+    Q && j.recordStyle(
+      Q,
       f,
       v,
-      He(Z),
+      He(Q),
       sn,
       Le.current
     );
@@ -8864,7 +8864,7 @@ function sd({
       Le.current
     ), (_ = vt.current) == null || _.mirrorStyle(P, f, v));
   }, Ss = (f) => {
-    if (!Z) return;
+    if (!Q) return;
     const v = Kb.find((_) => _.mode === f);
     if (v) {
       for (const [_, $] of Object.entries(v.declarations)) Pe(_, $);
@@ -8874,66 +8874,66 @@ function sd({
       R("container"), j.toast(`${v.label}change to batch`);
     }
   }, Ur = (f) => {
-    !Z || !P || (Pe("display", "grid"), Pe("grid-template-columns", `repeat(${f}, minmax(0, 1fr))`), Fe("width", "auto"), Fe("min-width", "0"), j.toast(`Maximum ${f} per row · ${Bn(sn)}`));
+    !Q || !P || (Pe("display", "grid"), Pe("grid-template-columns", `repeat(${f}, minmax(0, 1fr))`), Fe("width", "auto"), Fe("min-width", "0"), j.toast(`Maximum ${f} per row · ${Bn(sn)}`));
   }, Ui = (f) => {
-    if (!Z || !P) return;
+    if (!Q || !P) return;
     const v = Math.max(
       80,
       Math.min(
         600,
         Math.round(
-          typeof f == "number" ? f : Us(Z, (K == null ? void 0 : K.width) ?? 240)
+          typeof f == "number" ? f : Us(Q, (K == null ? void 0 : K.width) ?? 240)
         )
       )
     );
     Pe("display", "grid"), Pe("grid-template-columns", `repeat(auto-fit, minmax(min(${v}px, 100%), 1fr))`), Fe("width", "auto"), Fe("min-width", "0"), j.toast(`Automatic columns · minimum ${v}px · ${Bn(sn)}`);
   }, _s = (f, v) => {
-    if (!Z) return;
-    const _ = Z.style.getPropertyValue(f), $ = f === "column-gap" ? an : f === "row-gap" ? Hr : dt[f.replace("padding-", "")];
+    if (!Q) return;
+    const _ = Q.style.getPropertyValue(f), $ = f === "column-gap" ? an : f === "row-gap" ? Hr : dt[f.replace("padding-", "")];
     let O = $;
     const Y = f === "column-gap" || f === "padding-left" || f === "padding-right", X = f === "padding-right" || f === "padding-bottom" ? -1 : 1;
     ne(f), f.startsWith("padding-") && fe(!1), Ki(
       v,
       Y ? "ew-resize" : "ns-resize",
-      (pe, Je) => {
-        O = Math.max(0, Math.min(256, Math.round($ + (Y ? pe : Je) * X))), Z.style.setProperty(f, `${O}px`);
+      (me, Je) => {
+        O = Math.max(0, Math.min(256, Math.round($ + (Y ? me : Je) * X))), Q.style.setProperty(f, `${O}px`);
       },
       () => {
-        jn(Z, f, _), Pe(f, `${O}px`), ne(null), j.toast(
+        jn(Q, f, _), Pe(f, `${O}px`), ne(null), j.toast(
           `${f === "column-gap" ? "column spacing" : f === "row-gap" ? "row spacing" : f.replace("padding-", "padding")} ${O}px`
         );
       }
     );
   }, qi = (f, v) => {
-    if (!Z || !z) return;
-    const _ = Z.style.getPropertyValue("width"), $ = Z.style.getPropertyValue("height");
+    if (!Q || !z) return;
+    const _ = Q.style.getPropertyValue("width"), $ = Q.style.getPropertyValue("height");
     let O = Math.round(z.width), Y = Math.round(z.height);
     Ki(
       v,
       f === "width" ? "ew-resize" : f === "height" ? "ns-resize" : "nwse-resize",
-      (X, pe) => {
-        f !== "height" && (O = Math.max(200, Math.min(1920, Math.round(z.width + X))), Z.style.setProperty("width", `${O}px`)), f !== "width" && (Y = Math.max(80, Math.min(1600, Math.round(z.height + pe))), Z.style.setProperty("height", `${Y}px`));
+      (X, me) => {
+        f !== "height" && (O = Math.max(200, Math.min(1920, Math.round(z.width + X))), Q.style.setProperty("width", `${O}px`)), f !== "width" && (Y = Math.max(80, Math.min(1600, Math.round(z.height + me))), Q.style.setProperty("height", `${Y}px`));
       },
       () => {
-        jn(Z, "width", _), jn(Z, "height", $), f !== "height" && Pe("width", `${O}px`), f !== "width" && Pe("height", `${Y}px`), j.toast(`container${O} × ${Y}px`);
+        jn(Q, "width", _), jn(Q, "height", $), f !== "height" && Pe("width", `${O}px`), f !== "width" && Pe("height", `${Y}px`), j.toast(`container${O} × ${Y}px`);
       }
     );
   }, yh = (f) => {
-    if (!Z || !P) return;
-    const v = Z.style.getPropertyValue("display"), _ = Z.style.getPropertyValue("grid-template-columns"), $ = P.style.getPropertyValue("min-width"), O = Us(Z, (K == null ? void 0 : K.width) ?? 240);
+    if (!Q || !P) return;
+    const v = Q.style.getPropertyValue("display"), _ = Q.style.getPropertyValue("grid-template-columns"), $ = P.style.getPropertyValue("min-width"), O = Us(Q, (K == null ? void 0 : K.width) ?? 240);
     let Y = O;
     Ki(
       f,
       "ew-resize",
       (X) => {
-        var pe;
-        Y = Math.max(80, Math.min(600, Math.round(O + X))), Z.style.setProperty("display", "grid"), Z.style.setProperty(
+        var me;
+        Y = Math.max(80, Math.min(600, Math.round(O + X))), Q.style.setProperty("display", "grid"), Q.style.setProperty(
           "grid-template-columns",
           `repeat(auto-fit, minmax(min(${Y}px, 100%), 1fr))`
-        ), P.style.setProperty("min-width", "0"), (pe = vt.current) == null || pe.mirrorStyle(P, "min-width", "0");
+        ), P.style.setProperty("min-width", "0"), (me = vt.current) == null || me.mirrorStyle(P, "min-width", "0");
       },
       () => {
-        jn(Z, "display", v), jn(Z, "grid-template-columns", _), jn(P, "min-width", $), Pe("display", "grid"), Pe("grid-template-columns", `repeat(auto-fit, minmax(min(${Y}px, 100%), 1fr))`), Fe("min-width", "0"), j.toast(`item minimum width${Y}px`);
+        jn(Q, "display", v), jn(Q, "grid-template-columns", _), jn(P, "min-width", $), Pe("display", "grid"), Pe("grid-template-columns", `repeat(auto-fit, minmax(min(${Y}px, 100%), 1fr))`), Fe("min-width", "0"), j.toast(`item minimum width${Y}px`);
       }
     );
   }, wh = (f) => {
@@ -9015,14 +9015,14 @@ function sd({
     pointerEvents: "none"
   }), wr = { lines: [], labels: [] };
   if (ps) {
-    const f = $e(ps[0].getBoundingClientRect()), v = $e(ps[1].getBoundingClientRect()), _ = f.left + f.width, $ = f.top + f.height, O = v.left + v.width, Y = v.top + v.height, X = _ <= v.left ? { from: _, to: v.left } : O <= f.left ? { from: O, to: f.left } : null, pe = $ <= v.top ? { from: $, to: v.top } : Y <= f.top ? { from: Y, to: f.top } : null;
+    const f = $e(ps[0].getBoundingClientRect()), v = $e(ps[1].getBoundingClientRect()), _ = f.left + f.width, $ = f.top + f.height, O = v.left + v.width, Y = v.top + v.height, X = _ <= v.left ? { from: _, to: v.left } : O <= f.left ? { from: O, to: f.left } : null, me = $ <= v.top ? { from: $, to: v.top } : Y <= f.top ? { from: Y, to: f.top } : null;
     if (X && X.to - X.from > 0.5) {
       const Je = X.to - X.from, _n = Math.max(f.top, v.top), Nn = Math.min($, Y), Yr = Nn > _n ? (_n + Nn) / 2 : (f.top + $ + v.top + Y) / 4;
       wr.lines.push({ left: X.from, top: Yr - 0.5, width: Je, height: 1 }), wr.labels.push({ x: X.from + Je / 2, y: Yr, text: `${Math.round(Je)}px` });
     }
-    if (pe && pe.to - pe.from > 0.5) {
-      const Je = pe.to - pe.from, _n = Math.max(f.left, v.left), Nn = Math.min(_, O), Yr = Nn > _n ? (_n + Nn) / 2 : (f.left + _ + v.left + O) / 4;
-      wr.lines.push({ left: Yr - 0.5, top: pe.from, width: 1, height: Je }), wr.labels.push({ x: Yr, y: pe.from + Je / 2, text: `${Math.round(Je)}px` });
+    if (me && me.to - me.from > 0.5) {
+      const Je = me.to - me.from, _n = Math.max(f.left, v.left), Nn = Math.min(_, O), Yr = Nn > _n ? (_n + Nn) / 2 : (f.left + _ + v.left + O) / 4;
+      wr.lines.push({ left: Yr - 0.5, top: me.from, width: 1, height: Je }), wr.labels.push({ x: Yr, y: me.from + Je / 2, text: `${Math.round(Je)}px` });
     }
   }
   const Xi = 7, Eh = K ? [
@@ -9738,7 +9738,7 @@ function sd({
               Ie,
               {
                 title: "Auto layout",
-                action: Z ? /* @__PURE__ */ c(
+                action: Q ? /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
@@ -9752,7 +9752,7 @@ function sd({
                     children: xr ? "Applied" : "+ add"
                   }
                 ) : null,
-                children: Z && z ? /* @__PURE__ */ g(Ke, { children: [
+                children: Q && z ? /* @__PURE__ */ g(Ke, { children: [
                   /* @__PURE__ */ g(
                     "button",
                     {
@@ -10040,7 +10040,7 @@ function sd({
                 ] }) : /* @__PURE__ */ c("div", { className: "text-[11px] text-[#a1a1aa]", children: "There is no parent frame." })
               }
             ),
-            Z && /* @__PURE__ */ c(Ke, { children: /* @__PURE__ */ g(Ie, { title: "Child · Resizing", children: [
+            Q && /* @__PURE__ */ c(Ke, { children: /* @__PURE__ */ g(Ie, { title: "Child · Resizing", children: [
               /* @__PURE__ */ c("div", { className: "grid grid-cols-4 gap-1", children: [
                 ["auto", "Auto"],
                 ["flex-start", "start"],
@@ -10157,7 +10157,7 @@ function sd({
                 "button",
                 {
                   type: "button",
-                  disabled: !Z,
+                  disabled: !Q,
                   className: "h-8 rounded-md bg-[#18181b] text-[10px] font-semibold text-white disabled:bg-[#d4d4d8]",
                   onClick: () => qc("container"),
                   children: "Container"
@@ -10192,7 +10192,7 @@ function sd({
                     type: "button",
                     className: "h-9 rounded-md bg-[#18181b] text-[10px] font-semibold text-white hover:bg-black",
                     onClick: () => {
-                      on.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || (Kt(), N(null), A("original"), B("default"), j.discardPending(), se(null), Re(""), me(""), j.toast("Reset all unapplied changes"), qe());
+                      on.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || (Kt(), N(null), A("original"), B("default"), j.discardPending(), se(null), Re(""), be(""), j.toast("Reset all unapplied changes"), qe());
                     },
                     children: "Reset changes"
                   }
@@ -10218,7 +10218,7 @@ function sd({
                   {
                     type: "button",
                     "aria-pressed": C === "container",
-                    disabled: !Z,
+                    disabled: !Q,
                     className: `h-8 rounded-md text-[10px] font-semibold ${C === "container" ? "bg-white text-[#6d28d9] shadow-sm" : "text-[#71717a] hover:text-[#18181b] disabled:text-[#c4c4c8]"}`,
                     onClick: () => R("container"),
                     children: "Repeat container"
@@ -10303,7 +10303,7 @@ function sd({
                 "input",
                 {
                   type: "search",
-                  value: be,
+                  value: ve,
                   placeholder: "Search for component name or import path",
                   "aria-label": "Search for component to insert",
                   className: "h-8 w-full rounded-md bg-[#f4f4f5] px-2 text-[10px] text-[#18181b] outline-none placeholder:text-[#a1a1aa] focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
@@ -10455,12 +10455,12 @@ function sd({
                 const _ = zc.find(
                   (X) => X.kind === "prop" && X.el === P && X.prop === f
                 ), $ = _ ? typeof v == "boolean" ? _.to === "true" : typeof v == "number" ? Number(_.to) : _.to : v, O = rc(P, f), Y = (X) => {
-                  const pe = typeof v == "number" ? Number(X) : X;
-                  typeof pe == "number" && !Number.isFinite(pe) || pe !== $ && j.recordProp(
+                  const me = typeof v == "number" ? Number(X) : X;
+                  typeof me == "number" && !Number.isFinite(me) || me !== $ && j.recordProp(
                     P,
                     f,
                     v,
-                    pe,
+                    me,
                     Mt,
                     Sn,
                     Le.current
@@ -10597,7 +10597,7 @@ function sd({
                       disabled: on.length === 0,
                       className: "mt-1.5 h-8 w-full rounded-md border border-[#fecaca] bg-[#fff7f7] text-[10px] font-semibold text-[#b91c1c] hover:bg-[#fef2f2] disabled:border-[#e4e4e7] disabled:bg-[#f4f4f5] disabled:text-[#a1a1aa]",
                       onClick: () => {
-                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && (Kt(), N(null), A("original"), B("default"), j.discardPending(), se(null), Re(""), me(""), j.toast("Reset all unapplied changes"));
+                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && (Kt(), N(null), A("original"), B("default"), j.discardPending(), se(null), Re(""), be(""), j.toast("Reset all unapplied changes"));
                       },
                       children: "Reset changes"
                     }
@@ -10620,12 +10620,12 @@ function sd({
                 ]
               }
             ),
-            Vi && (Oe || J) && /* @__PURE__ */ c(
+            Vi && (Oe || Z) && /* @__PURE__ */ c(
               Ie,
               {
                 title: "code diff",
                 action: ms ? /* @__PURE__ */ c("span", { className: "rounded bg-[#fef3c7] px-1.5 py-0.5 text-[9px] font-semibold text-[#b45309]", children: "Changes updated · Review again" }) : /* @__PURE__ */ c("span", { className: "rounded bg-[#dcfce7] px-1.5 py-0.5 text-[9px] font-semibold text-[#15803d]", children: "Reviewed and ready to apply" }),
-                children: J ? /* @__PURE__ */ c("div", { className: "rounded-md bg-[#fef2f2] px-2.5 py-2 text-[10px] leading-relaxed text-[#b91c1c]", children: J }) : Oe && Oe.files.length > 0 ? /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
+                children: Z ? /* @__PURE__ */ c("div", { className: "rounded-md bg-[#fef2f2] px-2.5 py-2 text-[10px] leading-relaxed text-[#b91c1c]", children: Z }) : Oe && Oe.files.length > 0 ? /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
                   Oe.files.map((f) => /* @__PURE__ */ g("div", { className: "overflow-hidden rounded-md border border-[#e4e4e7] bg-[#18181b]", children: [
                     /* @__PURE__ */ c("div", { className: "truncate border-b border-white/10 px-2 py-1.5 font-mono text-[9px] font-semibold text-white/80", children: f.file }),
                     /* @__PURE__ */ c("pre", { className: "max-h-56 overflow-auto whitespace-pre p-2 font-mono text-[9px] leading-relaxed text-[#e4e4e7]", children: f.diff })
@@ -10707,10 +10707,10 @@ function sd({
                             f.pixelDiff.totalPixels.toLocaleString("en-US"),
                             !f.pixelDiff.dimensionsMatch && `· size${f.pixelDiff.before.width}×${f.pixelDiff.before.height} → ${f.pixelDiff.after.width}×${f.pixelDiff.after.height}`
                           ] }),
-                          $.length > 0 && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-3 gap-1", children: $.map(([X, pe]) => /* @__PURE__ */ g(
+                          $.length > 0 && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-3 gap-1", children: $.map(([X, me]) => /* @__PURE__ */ g(
                             "a",
                             {
-                              href: pe,
+                              href: me,
                               target: "_blank",
                               rel: "noreferrer",
                               className: "overflow-hidden rounded border border-[#e4e4e7] bg-white",
@@ -10719,7 +10719,7 @@ function sd({
                                 /* @__PURE__ */ c(
                                   "img",
                                   {
-                                    src: pe,
+                                    src: me,
                                     alt: `${f.id} ${X}`,
                                     loading: "lazy",
                                     className: "h-14 w-full object-cover object-top"
@@ -10967,7 +10967,7 @@ function $a(t, e) {
 }
 function ud() {
   const [, t] = W(0);
-  return le(() => j.subscribe(() => t((e) => e + 1)), []), /* @__PURE__ */ g("div", { className: "flex shrink-0 items-center gap-0.5", "aria-label": "Inspection change history", children: [
+  return ce(() => j.subscribe(() => t((e) => e + 1)), []), /* @__PURE__ */ g("div", { className: "flex shrink-0 items-center gap-0.5", "aria-label": "Inspection change history", children: [
     /* @__PURE__ */ c(
       "button",
       {
@@ -10997,8 +10997,8 @@ function ud() {
   ] });
 }
 const iv = at(function({ onClose: e }) {
-  const n = Pn(Wu, wi, wi), r = p.activePage, i = ce(null), o = ce(null), [s, a] = W(!1);
-  if (le(() => j.reset(), []), r.route != null) {
+  const n = Pn(Wu, wi, wi), r = p.activePage, i = le(null), o = le(null), [s, a] = W(!1);
+  if (ce(() => j.reset(), []), r.route != null) {
     const l = () => {
       if (!i.current) return;
       const d = Qn(), u = d ? d.captureIframe(i.current) : ya(i.current, {
@@ -16206,11 +16206,11 @@ function ky({
   onDocumentHeightChange: i,
   onReplayIssuesChange: o
 }) {
-  const s = ce(null), a = ce(() => {
-  }), l = ce(() => {
-  }), d = ce(i);
+  const s = le(null), a = le(() => {
+  }), l = le(() => {
+  }), d = le(i);
   d.current = i;
-  const u = ce(0), [h, m] = W([]), [x, b] = W("none"), w = p.frozenPreviewOverrideCss(t), S = p.frozenPreviewCssRules(), N = p.frozenPreviewMutations(), y = JSON.stringify({ cssRules: S, mutations: N }), A = () => {
+  const u = le(0), [h, m] = W([]), [x, b] = W("none"), w = p.frozenPreviewOverrideCss(t), S = p.frozenPreviewCssRules(), N = p.frozenPreviewMutations(), y = JSON.stringify({ cssRules: S, mutations: N }), A = () => {
     var Ne, ne;
     const E = (Ne = s.current) == null ? void 0 : Ne.contentDocument;
     if (!(E != null && E.head)) return;
@@ -16239,40 +16239,40 @@ function ky({
         C.push(G.staleReason), (G.component || G.key.endsWith(":component-props")) && (L += fe.length);
         continue;
       }
-      for (const Q of fe) {
+      for (const J of fe) {
         if (G.component) {
           const se = G.component, De = we()[se.name];
           if (!De) {
             C.push(
               `Component registry entry not found:${se.name}`
-            ), L += 1, Q.setAttribute("data-pygmalion-sandbox-replay", "stale"), V.push(() => {
-              Q.removeAttribute("data-pygmalion-sandbox-replay");
+            ), L += 1, J.setAttribute("data-pygmalion-sandbox-replay", "stale"), V.push(() => {
+              J.removeAttribute("data-pygmalion-sandbox-replay");
             });
             continue;
           }
           if (De.children === "nodes") {
             C.push(
               "Components that use node children cannot be safely replayed in a frozen sandbox."
-            ), L += 1, Q.setAttribute("data-pygmalion-sandbox-replay", "stale"), V.push(() => {
-              Q.removeAttribute("data-pygmalion-sandbox-replay");
+            ), L += 1, J.setAttribute("data-pygmalion-sandbox-replay", "stale"), V.push(() => {
+              J.removeAttribute("data-pygmalion-sandbox-replay");
             });
             continue;
           }
           const Re = E.createElement("pygmalion-sandbox-root");
-          Re.setAttribute("data-pygmalion-sandbox-replay", "applied"), Re.style.display = "contents", Q.before(Re);
-          const M = Q.hasAttribute("hidden");
-          Q.setAttribute("hidden", ""), Q.setAttribute("data-pygmalion-sandbox-replay", "source");
+          Re.setAttribute("data-pygmalion-sandbox-replay", "applied"), Re.style.display = "contents", J.before(Re);
+          const M = J.hasAttribute("hidden");
+          J.setAttribute("hidden", ""), J.setAttribute("data-pygmalion-sandbox-replay", "source");
           let oe = Rd(Re);
-          const J = () => {
+          const Z = () => {
             const T = oe;
-            oe = null, Re.remove(), Q.toggleAttribute("hidden", M), Q.removeAttribute("data-pygmalion-sandbox-replay"), T && queueMicrotask(() => T.unmount());
+            oe = null, Re.remove(), J.toggleAttribute("hidden", M), J.removeAttribute("data-pygmalion-sandbox-replay"), T && queueMicrotask(() => T.unmount());
           };
-          V.push(J);
-          const me = (T) => {
+          V.push(Z);
+          const be = (T) => {
             if (u.current !== B) return;
             L += 1;
             const he = T instanceof Error ? T.message : String(T), ae = `Component sandbox rendering failed:${se.name} · ${he}`;
-            C.push(ae), Re.setAttribute("data-pygmalion-sandbox-replay", "stale"), Q.toggleAttribute("hidden", M), b("stale"), m((H) => {
+            C.push(ae), Re.setAttribute("data-pygmalion-sandbox-replay", "stale"), J.toggleAttribute("hidden", M), b("stale"), m((H) => {
               const ie = [.../* @__PURE__ */ new Set([...H, ae])];
               return o == null || o(ie), ie;
             });
@@ -16282,7 +16282,7 @@ function ky({
             oe == null || oe.render(
               nr(
                 My,
-                { onError: me },
+                { onError: be },
                 nr(
                   De.component,
                   { ...se.props },
@@ -16291,39 +16291,39 @@ function ky({
               )
             ), te += 1;
           } catch (T) {
-            me(T);
+            be(T);
           }
           continue;
         }
         if (G.hidden != null) {
-          const se = Q.hasAttribute("hidden");
-          Q.toggleAttribute("hidden", G.hidden), V.push(() => Q.toggleAttribute("hidden", se));
+          const se = J.hasAttribute("hidden");
+          J.toggleAttribute("hidden", G.hidden), V.push(() => J.toggleAttribute("hidden", se));
         }
         if (G.attributes)
           for (const [se, De] of Object.entries(G.attributes)) {
-            const Re = Q.getAttribute(se);
-            De == null ? Q.removeAttribute(se) : Q.setAttribute(se, De), V.push(() => {
-              Re == null ? Q.removeAttribute(se) : Q.setAttribute(se, Re);
+            const Re = J.getAttribute(se);
+            De == null ? J.removeAttribute(se) : J.setAttribute(se, De), V.push(() => {
+              Re == null ? J.removeAttribute(se) : J.setAttribute(se, Re);
             });
           }
         if (G.replaceChildrenHtml != null) {
-          const se = Q.innerHTML;
-          Q.innerHTML = G.replaceChildrenHtml, V.push(() => {
-            Q.innerHTML = se;
+          const se = J.innerHTML;
+          J.innerHTML = G.replaceChildrenHtml, V.push(() => {
+            J.innerHTML = se;
           });
         }
         if (G.text == null) continue;
         if (G.textNodeOrdinal == null) {
-          const se = Q.textContent;
-          Q.textContent = G.text, V.push(() => {
-            Q.textContent = se;
+          const se = J.textContent;
+          J.textContent = G.text, V.push(() => {
+            J.textContent = se;
           });
           continue;
         }
-        const ve = ((ne = E.defaultView) == null ? void 0 : ne.Node.TEXT_NODE) ?? 3, ze = [...Q.childNodes].filter(
+        const ge = ((ne = E.defaultView) == null ? void 0 : ne.Node.TEXT_NODE) ?? 3, ze = [...J.childNodes].filter(
           (se) => {
             var De;
-            return se.nodeType === ve && !!((De = se.textContent) != null && De.trim());
+            return se.nodeType === ge && !!((De = se.textContent) != null && De.trim());
           }
         )[G.textNodeOrdinal];
         if (!ze) continue;
@@ -16343,9 +16343,9 @@ function ky({
       (G) => JSON.stringify(G) === JSON.stringify(de) ? G : de
     ), o == null || o(de);
   };
-  return le(() => (A(), () => {
+  return ce(() => (A(), () => {
     u.current += 1, a.current();
-  }), [w, e, y]), le(
+  }), [w, e, y]), ce(
     () => () => {
       l.current();
     },
@@ -16452,12 +16452,12 @@ const Ry = at(function({
   onDocumentHeightChange: a,
   onReplayIssuesChange: l
 }) {
-  const d = ce(null), u = ce(null), h = ce(() => {
-  }), m = ce(() => {
-  }), x = ce(a);
+  const d = le(null), u = le(null), h = le(() => {
+  }), m = le(() => {
+  }), x = le(a);
   x.current = a;
   const [b, w] = W(0), [S, N] = W([]), y = p.frozenPreviewOverrideCss(e), A = p.frozenPreviewMutations(), E = JSON.stringify(A), B = `${Hf()}:${s}:shared-overrides`;
-  return le(() => {
+  return ce(() => {
     const C = d.current;
     if (!C) return;
     let R = null;
@@ -16486,10 +16486,10 @@ const Ry = at(function({
       }, m.current(), m.current = () => {
       }, R == null || R.teardown(), u.current === R && (u.current = null);
     };
-  }, [r, o, B, n]), le(() => {
+  }, [r, o, B, n]), ce(() => {
     var C;
     (C = u.current) == null || C.updateOverrideCss(y);
-  }, [b, y]), le(() => {
+  }, [b, y]), ce(() => {
     const C = u.current;
     if (!C) return;
     h.current();
@@ -16497,39 +16497,39 @@ const Ry = at(function({
     const V = Ny(C.root, A, {
       baseUrl: o
     }), te = [V.cleanup], L = [...V.issues], de = C.root.host.ownerDocument, Ne = () => {
-      const Q = [...new Set(L)];
+      const J = [...new Set(L)];
       N(
-        (ve) => JSON.stringify(ve) === JSON.stringify(Q) ? ve : Q
-      ), l == null || l(Q);
+        (ge) => JSON.stringify(ge) === JSON.stringify(J) ? ge : J
+      ), l == null || l(J);
     };
     Ne();
-    const ne = A.flatMap((Q) => {
-      if (!Q.component || Q.staleReason) return [];
-      let ve;
+    const ne = A.flatMap((J) => {
+      if (!J.component || J.staleReason) return [];
+      let ge;
       try {
-        ve = [...C.root.querySelectorAll(Q.selector)];
+        ge = [...C.root.querySelectorAll(J.selector)];
       } catch {
-        return L.push(`DOM selector cannot be applied:${Q.key}`), [];
+        return L.push(`DOM selector cannot be applied:${J.key}`), [];
       }
-      return ve.length ? [
-        Dy(s, Q.component).then(
-          (re) => ({ elements: ve, markup: re, mutation: Q }),
+      return ge.length ? [
+        Dy(s, J.component).then(
+          (re) => ({ elements: ge, markup: re, mutation: J }),
           (re) => (L.push(re instanceof Error ? re.message : String(re)), null)
         )
       ] : [];
     });
-    Promise.all(ne).then((Q) => {
+    Promise.all(ne).then((J) => {
       if (!R) {
-        for (const ve of Q)
-          if (ve)
-            for (const re of ve.elements) {
+        for (const ge of J)
+          if (ge)
+            for (const re of ge.elements) {
               const ze = de.createElement("pygmalion-static-component");
               ze.setAttribute(
                 "data-pygmalion-shadow-component",
-                ve.mutation.key
+                ge.mutation.key
               ), ze.style.display = "contents";
               const Oe = de.createElement("template");
-              Oe.innerHTML = ve.markup, ze.append(Oe.content.cloneNode(!0));
+              Oe.innerHTML = ge.markup, ze.append(Oe.content.cloneNode(!0));
               const se = re.hasAttribute("hidden");
               re.before(ze), re.setAttribute("hidden", ""), te.push(() => {
                 ze.remove(), re.toggleAttribute("hidden", se);
@@ -16542,7 +16542,7 @@ const Ry = at(function({
     const fe = () => {
       if (!G) {
         G = !0;
-        for (const Q of te.reverse()) Q();
+        for (const J of te.reverse()) J();
       }
     };
     return h.current = fe, () => {
@@ -16615,10 +16615,10 @@ const Ry = at(function({
     Ku,
     Si,
     Si
-  ), l = ce(null), d = ce(null), u = ce(null), h = ce(null), m = ce(null), x = ce(!1), b = ce(
+  ), l = le(null), d = le(null), u = le(null), h = le(null), m = le(null), x = le(!1), b = le(
     () => {
     }
-  ), w = ce(null), S = ce(!1), N = ce(null), y = ce(0), A = ce(null), [E, B] = W(null), [C, R] = W(!1), V = (E == null ? void 0 : E.width) ?? e.width ?? 390, te = (E == null ? void 0 : E.height) ?? wt(e), L = (E == null ? void 0 : E.x) ?? e.x ?? 0, de = (E == null ? void 0 : E.y) ?? e.y ?? 0, Ne = ls(
+  ), w = le(null), S = le(!1), N = le(null), y = le(0), A = le(null), [E, B] = W(null), [C, R] = W(!1), V = (E == null ? void 0 : E.width) ?? e.width ?? 390, te = (E == null ? void 0 : E.height) ?? wt(e), L = (E == null ? void 0 : E.x) ?? e.x ?? 0, de = (E == null ? void 0 : E.y) ?? e.y ?? 0, Ne = ls(
     Ra(),
     e.environment
   ), ne = Gn(e, a), G = Gn(
@@ -16628,7 +16628,7 @@ const Ry = at(function({
       width: e.width ?? 390,
       height: e.height ?? 600
     }
-  ), fe = `${s}|${ne}`, Q = e.route ? Sx(
+  ), fe = `${s}|${ne}`, J = e.route ? Sx(
     {
       canonicalId: e.importPageId ?? e.id,
       route: e.route,
@@ -16647,9 +16647,9 @@ const Ry = at(function({
     Od,
     Od
   );
-  const ve = oi(ne), re = Hx(ne), [ze, Oe] = W(
-    () => ve ? null : hn(ne)
-  ), [se, De] = W(!1), [Re, M] = W(!1), [oe, J] = W(null), [me, T] = W(0), [he, ae] = W([]), H = ze ?? (o && !ve ? hn(ne) : null), ie = ve != null || H != null || (re == null ? void 0 : re.screenshot) != null, ge = n, be = mo(() => !r || e.route == null || !e.layersImported ? null : G === ne && H != null ? H : hn(G) ?? H, [
+  const ge = oi(ne), re = Hx(ne), [ze, Oe] = W(
+    () => ge ? null : hn(ne)
+  ), [se, De] = W(!1), [Re, M] = W(!1), [oe, Z] = W(null), [be, T] = W(0), [he, ae] = W([]), H = ze ?? (o && !ge ? hn(ne) : null), ie = ge != null || H != null || (re == null ? void 0 : re.screenshot) != null, pe = n, ve = mo(() => !r || e.route == null || !e.layersImported ? null : G === ne && H != null ? H : hn(G) ?? H, [
     G,
     o,
     H,
@@ -16657,8 +16657,8 @@ const Ry = at(function({
     e.route,
     ne,
     r
-  ]), Ue = be != null;
-  le(() => {
+  ]), Ue = ve != null;
+  ce(() => {
     const D = l.current;
     if (!D || typeof IntersectionObserver > "u") {
       R(!0);
@@ -16671,7 +16671,7 @@ const Ry = at(function({
       { rootMargin: "600px" }
     );
     return U.observe(D), () => U.disconnect();
-  }, []), le(() => {
+  }, []), ce(() => {
     if (!n || !e.importLayers || e.layersImported || e.route != null) return;
     const D = Qn();
     if (!D) return;
@@ -16692,47 +16692,43 @@ const Ry = at(function({
     return () => {
       U = !0, cancelAnimationFrame(Se), cancelAnimationFrame(q);
     };
-  }, [n, e.id, e.importLayers, e.layersImported, e.route]), le(() => {
+  }, [n, e.id, e.importLayers, e.layersImported, e.route]), ce(() => {
     var D, U;
-    (D = h.current) == null || D.resolve(null), h.current = null, (U = m.current) == null || U.resolve(), m.current = null, De(!1), M(!1), J(null), T(0), ae([]), Oe(
+    (D = h.current) == null || D.resolve(null), h.current = null, (U = m.current) == null || U.resolve(), m.current = null, De(!1), M(!1), Z(null), T(0), ae([]), Oe(
       oi(ne) ? null : hn(ne)
     ), y.current += 1, S.current = !1, N.current = null, w.current = null, b.current(), b.current = () => {
     }, p.resetPageDocumentHeight(e.id);
-  }, [ne]), le(
+  }, [ne]), ce(
     () => () => {
       b.current();
     },
     []
-  ), le(() => {
+  ), ce(() => {
     e.layersImported && (b.current(), b.current = () => {
     });
-  }, [e.layersImported]), le(() => {
+  }, [e.layersImported]), ce(() => {
     o && Oe(
       oi(ne) ? null : hn(ne)
     );
-  }, [o, ne]), le(() => {
+  }, [o, ne]), ce(() => {
     var xe, ye;
     if (!o || e.route == null || e.layersImported || ie || oe)
       return;
-    !ve && Q && Kx(
-      e.importPageId ?? e.id,
-      Q
-    );
     let D = !0, U = null;
     const q = (Ee) => {
       if (!D) return;
       De(!1);
-      const Be = Fx(me);
+      const Be = Fx(be);
       if (Be == null) {
-        J(
+        Z(
           Ee instanceof Error ? Ee.message : "Failed to pin screen preview."
         );
         return;
       }
       U = setTimeout(() => {
-        D && (J(null), T(($e) => $e + 1));
+        D && (Z(null), T(($e) => $e + 1));
       }, Be);
-    }, Se = ge ? -1e4 : (((xe = e.interactions) == null ? void 0 : xe.length) ?? 0) + (((ye = e.assertions) == null ? void 0 : ye.length) ?? 0) + (e.preset ? 1 : 0);
+    }, Se = pe ? -1e4 : (((xe = e.interactions) == null ? void 0 : xe.length) ?? 0) + (((ye = e.assertions) == null ? void 0 : ye.length) ?? 0) + (e.preset ? 1 : 0);
     return Pd(
       ne,
       Se,
@@ -16754,7 +16750,7 @@ const Ry = at(function({
           if (Ee) {
             Oe(
               oi(ne) ? null : Ee
-            ), J(null);
+            ), Z(null);
             return;
           }
           q(new Error("The screen preview producer returned no snapshot."));
@@ -16767,17 +16763,30 @@ const Ry = at(function({
       (Ee == null ? void 0 : Ee.key) === fe && (h.current = null, Ee.resolve(null)), De(!1);
     };
   }, [
-    ge,
+    pe,
     o,
     e.layersImported,
     e.route,
     oe,
-    me,
+    be,
     ne,
     fe,
     ie
-  ]), le(() => {
-    if (!ge || !o || e.route == null || e.layersImported || !ie || oe)
+  ]), ce(() => {
+    !pe || e.route == null || e.layersImported || ge || !J || Kx(
+      e.importPageId ?? e.id,
+      J
+    );
+  }, [
+    pe,
+    e.route,
+    e.layersImported,
+    e.importPageId,
+    e.id,
+    ge,
+    J
+  ]), ce(() => {
+    if (!pe || !o || e.route == null || e.layersImported || !ie || oe)
       return;
     let D = !0;
     const U = `detail:${fe}`;
@@ -16792,7 +16801,7 @@ const Ry = at(function({
         m.current = { key: U, resolve: q }, M(!0);
       })
     ).catch((q) => {
-      D && J(
+      D && Z(
         q instanceof Error ? q.message : "Failed to promote the screen preview."
       );
     }), () => {
@@ -16801,7 +16810,7 @@ const Ry = at(function({
       (q == null ? void 0 : q.key) === U && (m.current = null, q.resolve()), M(!1);
     };
   }, [
-    ge,
+    pe,
     o,
     ie,
     e.importLayers,
@@ -16809,7 +16818,7 @@ const Ry = at(function({
     e.route,
     oe,
     fe
-  ]), le(() => {
+  ]), ce(() => {
     !C || !o || e.route == null || e.layersImported || ie || oe || Pd(
       ne,
       -1e3,
@@ -16899,8 +16908,8 @@ const Ry = at(function({
       if (window.removeEventListener("mousemove", Ee), window.removeEventListener("mouseup", Be), !ye) return;
       const $e = e.x ?? 0, He = e.y ?? 0, Ot = $e + (e.width ?? 390), jr = He + te;
       for (const [yn, ct] of Qf()) {
-        const br = ct.explicit ? 0 : Zf, P = ct.x0 - br, wn = ct.y0 - br, Z = ct.x1 + br, rt = ct.y1 + br;
-        if (yn !== e.section && $e < Z && Ot > P && He < rt && jr > wn) {
+        const br = ct.explicit ? 0 : Zf, P = ct.x0 - br, wn = ct.y0 - br, Q = ct.x1 + br, rt = ct.y1 + br;
+        if (yn !== e.section && $e < Q && Ot > P && He < rt && jr > wn) {
           p.setPageSection(e.id, yn);
           break;
         }
@@ -16931,17 +16940,17 @@ const Ry = at(function({
       }), B(null);
     };
     window.addEventListener("mousemove", $e), window.addEventListener("mouseup", He);
-  }, qe = e.frameSizeMode === "content" || ge || C, hr = Rx({
+  }, qe = e.frameSizeMode === "content" || pe || C, hr = Rx({
     hasRoute: e.route != null,
     layersImported: !!e.layersImported,
     cacheHydrated: o,
     hasSnapshot: ie,
     liveGranted: se
-  }), vt = hr === "live" || Re || ge && e.route != null && !e.layersImported, Lr = py({
-    active: ge,
+  }), vt = hr === "live" || Re || pe && e.route != null && !e.layersImported, Lr = py({
+    active: pe,
     live: vt
   }), Ri = !i && ie, Le = e.layersImported && p.pageRequiresLiveSharedPreview(e), Rn = ie && p.frozenPreviewMutations().some((D) => !!D.staleReason);
-  le(() => {
+  ce(() => {
     if (e.frameSizeMode !== "content" || !qe)
       return;
     const D = d.current;
@@ -16994,14 +17003,14 @@ const Ry = at(function({
             new Error(
               "Failed to freeze same-origin screen DOM to cache snapshot."
             )
-          )) : J(
+          )) : Z(
             "Failed to freeze same-origin screen DOM to cache snapshot."
           );
         }
         p.activePageId === e.id && await Wt();
       } catch (U) {
         const q = U instanceof Error ? U.message : "Failed to reproduce the live screen preview.", Se = h.current;
-        (Se == null ? void 0 : Se.key) === fe ? (h.current = null, Se.reject(U)) : J(q);
+        (Se == null ? void 0 : Se.key) === fe ? (h.current = null, Se.reject(U)) : Z(q);
       } finally {
         const U = m.current;
         (U == null ? void 0 : U.key) === `detail:${fe}` && (m.current = null, U.resolve());
@@ -17033,7 +17042,7 @@ const Ry = at(function({
         "data-frame-id": e.id,
         "data-canonical-frame-id": e.importPageId ?? e.id,
         "data-frame-active": n || void 0,
-        "data-frame-detail-active": ge || void 0,
+        "data-frame-detail-active": pe || void 0,
         "data-preview-state": hr,
         "data-artifact-status": re == null ? void 0 : re.status,
         "data-live-preview": vt || void 0,
@@ -17101,11 +17110,11 @@ const Ry = at(function({
                       overscrollBehavior: n ? "contain" : void 0,
                       borderRadius: "inherit"
                     },
-                    children: Lr === "canvas" && gr ? /* @__PURE__ */ c("div", { style: { position: "relative", width: "100%", height: "100%" }, children: gr }) : e.layersImported && qe && (ge || e.route == null || Le) ? ge ? Ue ? /* @__PURE__ */ c(
+                    children: Lr === "canvas" && gr ? /* @__PURE__ */ c("div", { style: { position: "relative", width: "100%", height: "100%" }, children: gr }) : e.layersImported && qe && (pe || e.route == null || Le) ? pe ? Ue ? /* @__PURE__ */ c(
                       Ty,
                       {
                         page: e,
-                        snapshot: be,
+                        snapshot: ve,
                         height: te,
                         onDocumentHeightChange: (D) => {
                           p.setPageDocumentHeight(e.id, D);
@@ -17117,12 +17126,12 @@ const Ry = at(function({
                         }
                       },
                       `responsive:${e.id}:${a}`
-                    ) : /* @__PURE__ */ c(Yl, { node: e.root }) : /* @__PURE__ */ c(Gl, { root: e.root }) : e.route != null && Ri ? ve != null || H != null ? /* @__PURE__ */ c(
+                    ) : /* @__PURE__ */ c(Yl, { node: e.root }) : /* @__PURE__ */ c(Gl, { root: e.root }) : e.route != null && Ri ? ge != null || H != null ? /* @__PURE__ */ c(
                       Ry,
                       {
                         page: e,
                         snapshot: H ?? void 0,
-                        artifact: ve ?? void 0,
+                        artifact: ge ?? void 0,
                         height: te,
                         baseUrl: pr,
                         revision: a,
@@ -17150,7 +17159,7 @@ const Ry = at(function({
                           pointerEvents: "none"
                         }
                       }
-                    ) : null : qe ? e.route == null || e.layersImported ? ge ? /* @__PURE__ */ c(Yl, { node: e.root }) : /* @__PURE__ */ c(Gl, { root: e.root }) : /* @__PURE__ */ g(
+                    ) : null : qe ? e.route == null || e.layersImported ? pe ? /* @__PURE__ */ c(Yl, { node: e.root }) : /* @__PURE__ */ c(Gl, { root: e.root }) : /* @__PURE__ */ g(
                       "div",
                       {
                         role: "status",
@@ -17282,7 +17291,7 @@ const Ry = at(function({
     )
   ] });
 }), Cw = at(function() {
-  const e = ce(null), n = Pn(
+  const e = le(null), n = Pn(
     Ku,
     Si,
     Si
@@ -17314,8 +17323,8 @@ const Ry = at(function({
   })) : [], s = p.pages.filter((M) => M.route != null).sort((M, oe) => {
     if (M.id === p.activePageId) return -1;
     if (oe.id === p.activePageId) return 1;
-    const J = (M.canvas ?? "default") === p.activeCanvas, me = (oe.canvas ?? "default") === p.activeCanvas;
-    return J !== me ? J ? -1 : 1 : 0;
+    const Z = (M.canvas ?? "default") === p.activeCanvas, be = (oe.canvas ?? "default") === p.activeCanvas;
+    return Z !== be ? Z ? -1 : 1 : 0;
   }), a = s.map((M) => Gn(M, n)), l = [
     ...new Set(
       s.flatMap((M) => [
@@ -17331,7 +17340,7 @@ const Ry = at(function({
       ])
     )
   ], d = Wv(l), [u, h] = W("");
-  le(() => {
+  ce(() => {
     let M = !0;
     return h(""), dy(l).then(() => {
       M && h(d);
@@ -17343,13 +17352,13 @@ const Ry = at(function({
     (M) => Lf(M)
   ).length, b = a.length, w = m && x === b, [S, N] = W(!1), [y, A] = W(null), [E, B] = W("layers"), [C, R] = W("story"), [V, te] = W(null), L = Object.keys(we()), de = p.canAddFrame, Ne = (M) => {
     p.setTool(M), te(null);
-  }, [ne, G] = W(!0), [fe, Q] = W(!0), [ve, re] = W(240), [ze, Oe] = W(240), se = ce(!1), De = (M) => {
-    const oe = p.pages.find((T) => T.id === M), J = e.current;
-    if (!oe || !J) {
+  }, [ne, G] = W(!0), [fe, J] = W(!0), [ge, re] = W(240), [ze, Oe] = W(240), se = le(!1), De = (M) => {
+    const oe = p.pages.find((T) => T.id === M), Z = e.current;
+    if (!oe || !Z) {
       p.selectFrame(M);
       return;
     }
-    const me = tg(
+    const be = tg(
       {
         x: oe.x ?? 0,
         y: oe.y ?? 0,
@@ -17357,49 +17366,49 @@ const Ry = at(function({
         height: wt(oe)
       },
       {
-        width: J.clientWidth,
-        height: J.clientHeight,
-        insetLeft: ne ? ve + 24 : 12,
+        width: Z.clientWidth,
+        height: Z.clientHeight,
+        insetLeft: ne ? ge + 24 : 12,
         insetRight: fe ? ze + 24 : 12,
         insetTop: 12,
         insetBottom: 64
       }
     );
-    p.focusFrame(M, me);
+    p.focusFrame(M, be);
   };
-  le(() => {
+  ce(() => {
     const M = e.current;
     if (!M) return;
-    const oe = (J) => {
-      const me = mv(J);
-      if (me !== "native-preview") {
-        if (me === "programmatic-preview") {
-          J.preventDefault();
+    const oe = (Z) => {
+      const be = mv(Z);
+      if (be !== "native-preview") {
+        if (be === "programmatic-preview") {
+          Z.preventDefault();
           return;
         }
-        if (J.preventDefault(), J.ctrlKey || J.metaKey) {
+        if (Z.preventDefault(), Z.ctrlKey || Z.metaKey) {
           const T = M.getBoundingClientRect();
-          p.zoomAt(J.clientX - T.left, J.clientY - T.top, J.deltaY < 0 ? 1.08 : 0.92);
+          p.zoomAt(Z.clientX - T.left, Z.clientY - T.top, Z.deltaY < 0 ? 1.08 : 0.92);
         } else
-          p.panBy(-J.deltaX, -J.deltaY);
+          p.panBy(-Z.deltaX, -Z.deltaY);
       }
     };
     return M.addEventListener("wheel", oe, { passive: !1 }), () => M.removeEventListener("wheel", oe);
-  }, []), le(() => {
+  }, []), ce(() => {
     const M = () => {
       const T = e.current;
       if (!T) return;
       const he = p.canvasPages;
       if (!he.length) return;
-      const ae = Math.min(...he.map((Ce) => Ce.x ?? 0)), H = Math.min(...he.map((Ce) => Ce.y ?? 0)), ie = Math.max(...he.map((Ce) => (Ce.x ?? 0) + (Ce.width ?? 390))), ge = Math.max(...he.map((Ce) => (Ce.y ?? 0) + (Ce.height ?? 600))), be = ie - ae, Ue = ge - H, nt = Math.max(0.25, Math.min((T.clientWidth - 120) / be, (T.clientHeight - 200) / Ue, 1.5));
-      p.setZoom(nt), p.setPan((T.clientWidth - be * nt) / 2 - ae * nt, (T.clientHeight - Ue * nt) / 2 - H * nt);
+      const ae = Math.min(...he.map((Ce) => Ce.x ?? 0)), H = Math.min(...he.map((Ce) => Ce.y ?? 0)), ie = Math.max(...he.map((Ce) => (Ce.x ?? 0) + (Ce.width ?? 390))), pe = Math.max(...he.map((Ce) => (Ce.y ?? 0) + (Ce.height ?? 600))), ve = ie - ae, Ue = pe - H, nt = Math.max(0.25, Math.min((T.clientWidth - 120) / ve, (T.clientHeight - 200) / Ue, 1.5));
+      p.setZoom(nt), p.setPan((T.clientWidth - ve * nt) / 2 - ae * nt, (T.clientHeight - Ue * nt) / 2 - H * nt);
     }, oe = () => {
       const T = e.current;
       if (!T) return;
       const he = p.activePage, ae = he.width ?? 390, H = he.height ?? 600, ie = Math.max(0.25, Math.min((T.clientWidth - 560) / ae, (T.clientHeight - 140) / H));
       p.setZoom(ie), p.setPan((T.clientWidth - ae * ie) / 2 - (he.x ?? 0) * ie, 80 - (he.y ?? 0) * ie);
-    }, J = (T) => {
-      var ie, ge;
+    }, Z = (T) => {
+      var ie, pe;
       const he = T.target;
       if (he != null && he.closest('input, textarea, select, [contenteditable="true"]')) return;
       if (p.previewOpen) {
@@ -17412,9 +17421,9 @@ const Ry = at(function({
         return;
       }
       if (ae && T.key === "\\") {
-        T.preventDefault(), G((be) => {
-          const Ue = !(be || fe);
-          return Q(Ue), Ue;
+        T.preventDefault(), G((ve) => {
+          const Ue = !(ve || fe);
+          return J(Ue), Ue;
         });
         return;
       }
@@ -17523,12 +17532,12 @@ const Ry = at(function({
               return;
             case "Delete":
             case "Backspace":
-              T.preventDefault(), ((ie = p.selectedCanvasObject) == null ? void 0 : ie.kind) === "frame" ? p.removeFrame(p.selectedCanvasObject.id) : ((ge = p.selectedCanvasObject) == null ? void 0 : ge.kind) === "section" ? p.removeSection(p.selectedCanvasObject.name) : p.removeSelected();
+              T.preventDefault(), ((ie = p.selectedCanvasObject) == null ? void 0 : ie.kind) === "frame" ? p.removeFrame(p.selectedCanvasObject.id) : ((pe = p.selectedCanvasObject) == null ? void 0 : pe.kind) === "section" ? p.removeSection(p.selectedCanvasObject.name) : p.removeSelected();
               return;
             case "Enter": {
               T.preventDefault();
-              const be = p.selected;
-              (be == null ? void 0 : be.type) === "text" ? p.startTextEdit(be.id) : p.selectFirstChild();
+              const ve = p.selected;
+              (ve == null ? void 0 : ve.type) === "text" ? p.startTextEdit(ve.id) : p.selectFirstChild();
               return;
             }
             case "Tab":
@@ -17566,17 +17575,17 @@ const Ry = at(function({
           /^[0-9]$/.test(T.key) && p.setOpacitySelected(T.key === "0" ? 1 : Number(T.key) / 10);
         }
       }
-    }, me = (T) => {
+    }, be = (T) => {
       T.code === "Space" && N(!1);
     };
-    return window.addEventListener("keydown", J), window.addEventListener("keyup", me), () => {
-      window.removeEventListener("keydown", J), window.removeEventListener("keyup", me);
+    return window.addEventListener("keydown", Z), window.addEventListener("keyup", be), () => {
+      window.removeEventListener("keydown", Z), window.removeEventListener("keyup", be);
     };
   }, [fe]);
   const Re = (M) => (oe) => {
     oe.preventDefault();
-    const J = oe.clientX, me = M === "left" ? ve : ze, T = (ae) => {
-      const H = M === "left" ? ae.clientX - J : J - ae.clientX, ie = Math.max(180, Math.min(480, me + H));
+    const Z = oe.clientX, be = M === "left" ? ge : ze, T = (ae) => {
+      const H = M === "left" ? ae.clientX - Z : Z - ae.clientX, ie = Math.max(180, Math.min(480, be + H));
       M === "left" ? re(ie) : Oe(ie);
     }, he = () => {
       window.removeEventListener("mousemove", T), window.removeEventListener("mouseup", he);
@@ -17604,33 +17613,33 @@ const Ry = at(function({
             },
             onMouseDownCapture: (M) => {
               if (!S && M.button !== 1 || (M.preventDefault(), M.stopPropagation(), !e.current)) return;
-              const J = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, me = (he) => {
-                se.current = !0, p.setPan(J.px + (he.clientX - J.x), J.py + (he.clientY - J.y));
+              const Z = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, be = (he) => {
+                se.current = !0, p.setPan(Z.px + (he.clientX - Z.x), Z.py + (he.clientY - Z.y));
               }, T = () => {
-                window.removeEventListener("mousemove", me), window.removeEventListener("mouseup", T);
+                window.removeEventListener("mousemove", be), window.removeEventListener("mouseup", T);
               };
-              window.addEventListener("mousemove", me), window.addEventListener("mouseup", T);
+              window.addEventListener("mousemove", be), window.addEventListener("mouseup", T);
             },
             onMouseDown: (M) => {
               var ae;
               if (S || M.button !== 0) return;
               const oe = e.current;
               if ((M.metaKey || M.ctrlKey) && oe) {
-                const H = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, ie = (be) => {
-                  se.current = !0, p.setPan(H.px + (be.clientX - H.x), H.py + (be.clientY - H.y));
-                }, ge = () => {
-                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", ge);
+                const H = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, ie = (ve) => {
+                  se.current = !0, p.setPan(H.px + (ve.clientX - H.x), H.py + (ve.clientY - H.y));
+                }, pe = () => {
+                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", pe);
                 };
-                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", ge);
+                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", pe);
                 return;
               }
               if (p.tool === "hand") {
-                const H = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, ie = (be) => {
-                  se.current = !0, p.setPan(H.px + (be.clientX - H.x), H.py + (be.clientY - H.y));
-                }, ge = () => {
-                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", ge);
+                const H = { x: M.clientX, y: M.clientY, px: p.panX, py: p.panY }, ie = (ve) => {
+                  se.current = !0, p.setPan(H.px + (ve.clientX - H.x), H.py + (ve.clientY - H.y));
+                }, pe = () => {
+                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", pe);
                 };
-                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", ge);
+                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", pe);
                 return;
               }
               if (p.tool === "zoom") {
@@ -17639,30 +17648,30 @@ const Ry = at(function({
                 return;
               }
               if (p.tool === "section") {
-                const H = { x: M.clientX, y: M.clientY }, ie = (be) => {
-                  se.current = !0, A({ x0: H.x, y0: H.y, x1: be.clientX, y1: be.clientY });
-                }, ge = (be) => {
+                const H = { x: M.clientX, y: M.clientY }, ie = (ve) => {
+                  se.current = !0, A({ x0: H.x, y0: H.y, x1: ve.clientX, y1: ve.clientY });
+                }, pe = (ve) => {
                   var Wt;
-                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", ge), A(null);
+                  window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", pe), A(null);
                   const Ue = (Wt = e.current) == null ? void 0 : Wt.getBoundingClientRect();
                   if (!Ue) return;
                   const nt = (bt) => (bt - Ue.left - p.panX) / p.zoom, Ce = (bt) => (bt - Ue.top - p.panY) / p.zoom;
-                  p.createSectionFromRect(nt(H.x), Ce(H.y), nt(be.clientX), Ce(be.clientY));
+                  p.createSectionFromRect(nt(H.x), Ce(H.y), nt(ve.clientX), Ce(ve.clientY));
                 };
-                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", ge);
+                window.addEventListener("mousemove", ie), window.addEventListener("mouseup", pe);
                 return;
               }
-              const J = { x: M.clientX, y: M.clientY };
-              let me = !1;
+              const Z = { x: M.clientX, y: M.clientY };
+              let be = !1;
               const T = (H) => {
-                if (!me && Math.hypot(H.clientX - J.x, H.clientY - J.y) < 4) return;
-                me = !0, se.current = !0, A({ x0: J.x, y0: J.y, x1: H.clientX, y1: H.clientY });
-                const ie = Math.min(J.x, H.clientX), ge = Math.max(J.x, H.clientX), be = Math.min(J.y, H.clientY), Ue = Math.max(J.y, H.clientY), nt = p.root.children.filter((Ce) => {
+                if (!be && Math.hypot(H.clientX - Z.x, H.clientY - Z.y) < 4) return;
+                be = !0, se.current = !0, A({ x0: Z.x, y0: Z.y, x1: H.clientX, y1: H.clientY });
+                const ie = Math.min(Z.x, H.clientX), pe = Math.max(Z.x, H.clientX), ve = Math.min(Z.y, H.clientY), Ue = Math.max(Z.y, H.clientY), nt = p.root.children.filter((Ce) => {
                   if (Ce.hidden || Ce.locked) return !1;
                   const Wt = document.querySelector(`[data-node-id="${Ce.id}"]`);
                   if (!Wt) return !1;
                   const bt = Wt.getBoundingClientRect();
-                  return bt.left < ge && bt.right > ie && bt.top < Ue && bt.bottom > be;
+                  return bt.left < pe && bt.right > ie && bt.top < Ue && bt.bottom > ve;
                 }).map((Ce) => Ce.id);
                 p.setSelection(nt);
               }, he = () => {
@@ -17733,7 +17742,7 @@ const Ry = at(function({
             )
           }
         ),
-        ne ? /* @__PURE__ */ g("aside", { className: `${Td} bottom-3 left-3 top-3`, style: { width: ve }, children: [
+        ne ? /* @__PURE__ */ g("aside", { className: `${Td} bottom-3 left-3 top-3`, style: { width: ge }, children: [
           /* @__PURE__ */ g("header", { className: "border-b border-[#e6e6e6] px-3 pt-3", children: [
             /* @__PURE__ */ g("div", { className: "flex items-baseline gap-1.5", children: [
               /* @__PURE__ */ c("span", { className: "text-[13px] font-bold", children: "Pygmalion" }),
@@ -17921,7 +17930,7 @@ const Ry = at(function({
                   type: "button",
                   "aria-label": "Collapse right panel",
                   className: "ml-1 text-[13px] text-[#999] hover:text-[#333]",
-                  onClick: () => Q(!1),
+                  onClick: () => J(!1),
                   children: "›"
                 }
               )
@@ -17943,7 +17952,7 @@ const Ry = at(function({
             type: "button",
             "aria-label": "Expand right panel",
             className: "absolute right-0 top-3 z-20 rounded-l-lg border border-r-0 border-[#e6e6e6] bg-white px-1 py-3 text-[13px] text-[#999] shadow-[0_2px_8px_rgba(0,0,0,.08)] hover:text-[#333]",
-            onClick: () => Q(!0),
+            onClick: () => J(!0),
             children: "‹"
           }
         ),