@pygmalionjs/pygmalion 0.5.16 → 0.5.17

package/dist-lib/pygmalion.js

@@ -2,7 +2,7 @@ var Kf = Object.defineProperty;
 var Uf = (e, t, n) => t in e ? Kf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var cn = (e, t, n) => Uf(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as g, Fragment as Ue } from "react/jsx-runtime";
-import { R as ti, u as qf, c as fa, b as Kc, g as Ze, d as Yf, m as Lt, e as f, f as Xt, r as fn, h as ys, i as Gn, j as ha, k as bn, l as Uc, n as mr, p as Gf, o as Vn, q as We, t as Xf, v as Jf, w as Qf, x as Zf, y as eh, z as th, A as nh, B as vs, C as rh, D as oh, E as ih, G as sh, H as ah, I as lh, S as ch, J as dh, K as uh, L as fh, M as hh, O as ph, P as mh, Q as gh, T as bh, U as qc, V as xh, W as wl, X as yh, Y as Yc, Z as vh, _ as wh, $ as Sh, a0 as Nh, a1 as Ih, a2 as Ch, a3 as Gc, a4 as $h, a5 as Ph, a6 as X, a7 as Sl, a8 as Nl, a9 as Mh, aa as Qi, ab as Eh, ac as Vo, ad as ws, ae as kh, af as Xc, ag as Ah, ah as Rh, ai as Th, aj as Fh, s as Lh, ak as Jc, al as Qc, am as Ss, an as Zc, ao as Dh, ap as zh, aq as Il, ar as _h, as as Oh, at as Cl, au as Bh, av as jh, aw as Wh, ax as Hh, ay as Vh, az as Kh, aA as Uh, aB as qh, aC as Yh, aD as Gh, aE as Xh, aF as Jh, a as Qh, aG as Zh, aH as ep, aI as tp, aJ as np, aK as rp, aL as op, aM as ip, aN as sp, aO as ap, aP as lp, aQ as cp, aR as dp, aS as Lr, aT as $l, aU as up, aV as fp, aW as hp, aX as pp, aY as Pl } from "./FrozenRoutePreview-CZOpvN6z.js";
+import { R as ti, u as qf, c as fa, b as Kc, g as Ze, d as Yf, m as Lt, e as f, f as Xt, r as fn, h as ys, i as Xn, j as ha, k as bn, l as Uc, n as mr, p as Gf, o as Kn, q as We, t as Xf, v as Jf, w as Qf, x as Zf, y as eh, z as th, A as nh, B as vs, C as rh, D as oh, E as ih, G as sh, H as ah, I as lh, S as ch, J as dh, K as uh, L as fh, M as hh, O as ph, P as mh, Q as gh, T as bh, U as qc, V as xh, W as wl, X as yh, Y as Yc, Z as vh, _ as wh, $ as Sh, a0 as Nh, a1 as Ih, a2 as Ch, a3 as Gc, a4 as $h, a5 as Ph, a6 as X, a7 as Sl, a8 as Nl, a9 as Mh, aa as Qi, ab as Eh, ac as Vo, ad as ws, ae as kh, af as Xc, ag as Ah, ah as Rh, ai as Th, aj as Fh, s as Lh, ak as Jc, al as Qc, am as Ss, an as Zc, ao as Dh, ap as zh, aq as Il, ar as _h, as as Oh, at as Cl, au as Bh, av as jh, aw as Wh, ax as Hh, ay as Vh, az as Kh, aA as Uh, aB as qh, aC as Yh, aD as Gh, aE as Xh, aF as Jh, a as Qh, aG as Zh, aH as ep, aI as tp, aJ as np, aK as rp, aL as op, aM as ip, aN as sp, aO as ap, aP as lp, aQ as cp, aR as dp, aS as Lr, aT as $l, aU as up, aV as fp, aW as hp, aX as pp, aY as Pl } from "./FrozenRoutePreview-CZOpvN6z.js";
 import { aZ as m0, a_ as g0, a$ as b0, b0 as x0, b1 as y0, b2 as v0, b3 as w0, b4 as S0, b5 as N0, b6 as I0, b7 as C0, b8 as $0, b9 as P0, ba as M0, bb as E0 } from "./FrozenRoutePreview-CZOpvN6z.js";
 import { useRef as Ie, useLayoutEffect as ni, useSyncExternalStore as Qe, useCallback as wt, useReducer as ed, useEffect as se, memo as td, createElement as to, useState as Y, useMemo as Ft } from "react";
 import { createPortal as mp } from "react-dom";
@@ -277,7 +277,7 @@ const Ap = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function $i(e) {
   return new TextEncoder().encode(e).byteLength;
 }
-function zn(e) {
+function _n(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
@@ -308,7 +308,7 @@ function Lp(e) {
   ) ? "snapshot contains an active URL" : Fp(e) ? "snapshot contains an active style expression" : null;
 }
 function Al(e, t, n) {
-  if (!zn(e))
+  if (!_n(e))
     return n.push(`${t} assets must be a record.`), /* @__PURE__ */ new Set();
   const r = /* @__PURE__ */ new Set(), o = t === "head" ? un.headAssetBytes : un.stylesheetAssetBytes;
   for (const [i, a] of Object.entries(e)) {
@@ -328,21 +328,21 @@ function dd(e, t) {
 }
 function Pi(e) {
   const t = [], n = Tp(e);
-  if (!zn(e) || e.version !== 2)
+  if (!_n(e) || e.version !== 2)
     return {
       valid: !1,
       errors: ["Route preview artifact must be a version 2 record."],
       bytes: n
     };
   Zi(e.namespace) || t.push("Artifact namespace is invalid."), e.sourceRevision != null && !Zi(e.sourceRevision) && t.push("Artifact source revision is invalid."), n > un.bundleBytes && t.push("Artifact exceeds the bundle byte limit.");
-  const r = zn(e.assets) ? e.assets : null;
+  const r = _n(e.assets) ? e.assets : null;
   r || t.push("Artifact assets must be a record.");
   const o = Al(r == null ? void 0 : r.head, "head", t), i = Al(
     r == null ? void 0 : r.stylesheets,
     "stylesheet",
     t
   );
-  if (o.size + i.size > un.assetCount && t.push("Artifact has too many shared assets."), !zn(e.frames))
+  if (o.size + i.size > un.assetCount && t.push("Artifact has too many shared assets."), !_n(e.frames))
     return t.push("Artifact frames must be a record."), { valid: !1, errors: t, bytes: n };
   const a = Object.entries(e.frames);
   a.length > un.frameCount && t.push("Artifact has too many frames.");
@@ -352,7 +352,7 @@ function Pi(e) {
       t.push(`Frame identifier "${d}" is invalid.`);
       continue;
     }
-    if (!zn(u) || !zn(u.document)) {
+    if (!_n(u) || !_n(u.document)) {
       t.push(`Frame "${d}" is invalid.`);
       continue;
     }
@@ -377,7 +377,7 @@ function Pi(e) {
     }
     let m = !0;
     for (const w of u.head) {
-      if (!zn(w) || !["head", "stylesheet"].includes(String(w.kind)) || typeof w.hash != "string" || !cd.test(w.hash)) {
+      if (!_n(w) || !["head", "stylesheet"].includes(String(w.kind)) || typeof w.hash != "string" || !cd.test(w.hash)) {
         t.push(`Frame "${d}" contains an invalid head reference.`), m = !1;
         continue;
       }
@@ -622,7 +622,7 @@ function ba(e = {}) {
   );
 }
 let vd = ba(), Kr = 0, Fl = 0, Uo = 0, ns = !1;
-const Ot = [], mt = /* @__PURE__ */ new Map(), Kt = /* @__PURE__ */ new Map(), br = /* @__PURE__ */ new Set(), Ht = /* @__PURE__ */ new Map(), xr = /* @__PURE__ */ new Map(), bt = /* @__PURE__ */ new Map(), wd = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Ll = /* @__PURE__ */ new WeakMap(), _n = /* @__PURE__ */ new Map(), ko = /* @__PURE__ */ new Map();
+const Ot = [], mt = /* @__PURE__ */ new Map(), Kt = /* @__PURE__ */ new Map(), br = /* @__PURE__ */ new Set(), Ht = /* @__PURE__ */ new Map(), xr = /* @__PURE__ */ new Map(), bt = /* @__PURE__ */ new Map(), wd = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Ll = /* @__PURE__ */ new WeakMap(), On = /* @__PURE__ */ new Map(), ko = /* @__PURE__ */ new Map();
 let Ao = 0, nm = 0, rs = !1;
 const qo = [], oi = /* @__PURE__ */ new Map();
 let Vt = 0, rn = 0, dr = bd, Is, Ur = null;
@@ -743,12 +743,12 @@ function Md(e) {
 function Ls() {
   return Kr;
 }
-function Xn(e) {
+function Jn(e) {
   return mt.has(e) || bt.has(e) || Kt.has(e);
 }
 function Ei(e) {
   var t;
-  return Xn(e) && ((t = Ht.get(e)) == null ? void 0 : t.stale) !== !0;
+  return Jn(e) && ((t = Ht.get(e)) == null ? void 0 : t.stale) !== !0;
 }
 function $a(e) {
   return Ht.get(e) ?? null;
@@ -830,9 +830,9 @@ function Os(e, t = /* @__PURE__ */ new Set()) {
 }
 let Pa = null, kd = !1;
 const hn = /* @__PURE__ */ new Map();
-let Kn = 0;
+let Un = 0;
 function Bs(e) {
-  Kn += 1, Pa = e, hn.clear(), !e && xr.size > 0 && (xr.clear(), nn());
+  Un += 1, Pa = e, hn.clear(), !e && xr.size > 0 && (xr.clear(), nn());
 }
 function Ad(e) {
   kd = e;
@@ -866,7 +866,7 @@ function js(e, t, n = {}) {
   if (c.status === "exact" || c.status === "error" && !n.retry)
     return Promise.resolve(c);
   yt([i], { status: "generating" });
-  const d = Kn;
+  const d = Un;
   let u;
   try {
     u = o([i]);
@@ -875,7 +875,7 @@ function js(e, t, n = {}) {
   }
   const p = Promise.resolve(u).then(
     (m) => {
-      if (d !== Kn)
+      if (d !== Un)
         return mn(r, t);
       const b = (m == null ? void 0 : m.status) === "accepted" ? { status: "exact" } : (m == null ? void 0 : m.status) === "rejected" ? {
         status: "error",
@@ -889,14 +889,14 @@ function js(e, t, n = {}) {
       return yt([i], b), b;
     },
     (m) => {
-      if (d !== Kn)
+      if (d !== Un)
         return mn(r, t);
-      const b = {
+      const x = {
         status: "error",
-        reason: "unavailable",
+        reason: (m == null ? void 0 : m.pygmalionNotPrepared) === !0 ? "not-prepared" : "unavailable",
         message: m instanceof Error && m.message ? m.message : "The exact preview request failed."
       };
-      return yt([i], b), b;
+      return yt([i], x), x;
     }
   );
   return hn.set(a, p), p.finally(() => {
@@ -923,7 +923,7 @@ function Fd(e, t = {}) {
   }
   if (r.length === 0) return null;
   yt(r, { status: "generating" });
-  const a = Kn;
+  const a = Un;
   let l;
   try {
     l = n(r);
@@ -932,7 +932,7 @@ function Fd(e, t = {}) {
   }
   const c = Promise.resolve(l).then(
     (d) => {
-      if (a !== Kn)
+      if (a !== Un)
         return { status: "idle" };
       const u = (d == null ? void 0 : d.status) === "accepted" ? { status: "exact" } : (d == null ? void 0 : d.status) === "rejected" ? {
         status: "error",
@@ -946,7 +946,7 @@ function Fd(e, t = {}) {
       return yt(r, u), u;
     },
     (d) => {
-      if (a !== Kn)
+      if (a !== Un)
         return { status: "idle" };
       const u = {
         status: "error",
@@ -1192,7 +1192,7 @@ function um(e) {
     stylesheetLinksHtml: r.join("")
   }, e.shadow;
 }
-function Bn(e) {
+function jn(e) {
   const t = Kt.get(e);
   if (t) return um(t);
   const n = bt.get(e);
@@ -1294,7 +1294,7 @@ function Ws(e, t) {
         nn({ key: v }), pn(v), d(x, A), u += 1;
         continue;
       }
-      if (Xn(v) && ((b = Ht.get(v)) == null ? void 0 : b.stale) !== !0) {
+      if (Jn(v) && ((b = Ht.get(v)) == null ? void 0 : b.stale) !== !0) {
         d(x, !1);
         continue;
       }
@@ -1363,7 +1363,7 @@ function is(e) {
     e.onsuccess = () => t(e.result), e.onerror = () => n(e.error ?? new Error("IndexedDB request failed"));
   });
 }
-function Tn(e) {
+function Fn(e) {
   return new Promise((t, n) => {
     e.oncomplete = () => t(), e.onabort = () => n(e.error ?? new Error("IndexedDB transaction aborted")), e.onerror = () => n(e.error ?? new Error("IndexedDB transaction failed"));
   });
@@ -1401,20 +1401,20 @@ class hm {
     this.database = t;
   }
   async read(t) {
-    const n = this.database.transaction(pt, "readonly"), r = Tn(n), o = await is(
+    const n = this.database.transaction(pt, "readonly"), r = Fn(n), o = await is(
       n.objectStore(pt).get(t)
     );
     return await r, o;
   }
   async readMany(t) {
-    const n = this.database.transaction(pt, "readonly"), r = Tn(n), o = n.objectStore(pt), i = t.map((l) => is(o.get(l))), a = await Promise.all(i);
+    const n = this.database.transaction(pt, "readonly"), r = Fn(n), o = n.objectStore(pt), i = t.map((l) => is(o.get(l))), a = await Promise.all(i);
     return await r, new Map(t.map((l, c) => [l, a[c]]));
   }
   async write(t) {
     const n = this.database.transaction(
       pt,
       "readwrite"
-    ), r = Tn(n);
+    ), r = Fn(n);
     n.objectStore(pt).put(t), await r, this.schedulePrune();
   }
   schedulePrune() {
@@ -1433,7 +1433,7 @@ class hm {
     const t = this.database.transaction(
       pt,
       "readonly"
-    ), n = Tn(t), r = await is(
+    ), n = Fn(t), r = await is(
       t.objectStore(pt).getAll()
     );
     await n;
@@ -1442,15 +1442,15 @@ class hm {
     const i = this.database.transaction(
       pt,
       "readwrite"
-    ), a = Tn(i), l = i.objectStore(pt);
+    ), a = Fn(i), l = i.objectStore(pt);
     o.forEach((c) => l.delete(c)), await a;
   }
   async remove(t) {
-    const n = this.database.transaction(pt, "readwrite"), r = Tn(n);
+    const n = this.database.transaction(pt, "readwrite"), r = Fn(n);
     n.objectStore(pt).delete(t), await r;
   }
   async clear(t) {
-    const n = this.database.transaction(pt, "readwrite"), r = Tn(n), o = n.objectStore(pt);
+    const n = this.database.transaction(pt, "readwrite"), r = Fn(n), o = n.objectStore(pt);
     if (!t)
       o.clear();
     else {
@@ -1801,7 +1801,7 @@ function xm(e) {
 }
 function Fa(e, t, n) {
   if (!e) throw new Error("A route preview task key is required.");
-  const r = _n.get(e);
+  const r = On.get(e);
   if (r)
     return r.ticket.updatePriority(t), r.promise;
   const o = Od(t), i = (async () => {
@@ -1812,14 +1812,14 @@ function Fa(e, t, n) {
       a();
     }
   })();
-  return _n.set(e, { promise: i, ticket: o }), i.then(
+  return On.set(e, { promise: i, ticket: o }), i.then(
     () => {
       var a;
-      ((a = _n.get(e)) == null ? void 0 : a.promise) === i && _n.delete(e);
+      ((a = On.get(e)) == null ? void 0 : a.promise) === i && On.delete(e);
     },
     () => {
       var a;
-      ((a = _n.get(e)) == null ? void 0 : a.promise) === i && _n.delete(e);
+      ((a = On.get(e)) == null ? void 0 : a.promise) === i && On.delete(e);
     }
   ), i;
 }
@@ -1829,7 +1829,7 @@ function ui(e, t, n, r = e) {
   const i = ko.get(r);
   if (i) {
     i.priority = Math.min(i.priority, t);
-    const d = _n.get(i.taskKey);
+    const d = On.get(i.taskKey);
     return d == null || d.ticket.updatePriority(t), i.promise;
   }
   const a = rn, l = `snapshot:${a}:${r}`, c = {
@@ -1968,12 +1968,12 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getRoutePreviewArtifactResolution: mn,
   getRoutePreviewArtifactRevision: Ds,
   getRoutePreviewCacheNamespace: ka,
-  getRoutePreviewShadowArtifact: Bn,
+  getRoutePreviewShadowArtifact: jn,
   getRoutePreviewSnapshot: Jt,
   getRoutePreviewSnapshotKeyVersion: Fs,
   getRoutePreviewSnapshotRevision: Rs,
   hasExactRoutePreviewSnapshot: Ei,
-  hasRoutePreviewSnapshot: Xn,
+  hasRoutePreviewSnapshot: Jn,
   hydrateRoutePreviewSnapshot: Wd,
   isRoutePreviewSnapshotHydrated: _s,
   prehydrateRoutePreviewSnapshots: Ta,
@@ -2007,7 +2007,7 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   waitForRoutePreviewSettle: Cm
 }, Symbol.toStringTag, { value: "Module" }));
 let co = [], zl = "[]";
-const Jn = /* @__PURE__ */ new Map(), Ks = /* @__PURE__ */ new Set();
+const Qn = /* @__PURE__ */ new Map(), Ks = /* @__PURE__ */ new Set();
 let Hd = 0;
 function $m(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
@@ -2060,7 +2060,7 @@ function Da() {
 }
 function Mm(e) {
   const t = Pm(e), n = JSON.stringify(t);
-  n !== zl && (co = t, zl = n, Jn.clear(), Da());
+  n !== zl && (co = t, zl = n, Qn.clear(), Da());
 }
 function Em() {
   return co;
@@ -2068,7 +2068,7 @@ function Em() {
 function km(e) {
   const t = co.find((n) => n.id === e);
   if (t)
-    return Jn.get(t.id) ?? t.defaultValue;
+    return Qn.get(t.id) ?? t.defaultValue;
 }
 function Am(e, t) {
   const n = co.find((r) => r.id === e);
@@ -2077,15 +2077,15 @@ function Am(e, t) {
     throw new Error(
       `Preview environment control "${e}" has no option "${t}".`
     );
-  Jn.get(e) !== t && (Jn.set(e, t), Da());
+  Qn.get(e) !== t && (Qn.set(e, t), Da());
 }
 function Vw() {
-  Jn.size && (Jn.clear(), Da());
+  Qn.size && (Qn.clear(), Da());
 }
 function Rm() {
   let e;
   for (const t of co) {
-    const n = Jn.get(t.id);
+    const n = Qn.get(t.id);
     if (n == null) continue;
     const r = t.options.find((o) => o.value === n);
     e = Lt(e, r == null ? void 0 : r.environment);
@@ -2191,7 +2191,7 @@ function zm(e, t) {
   }, fi.set(e, i));
   const a = Jt(i.key);
   if (a != null) return a.length * 2;
-  const l = Bn(i.key);
+  const l = jn(i.key);
   return l ? l.bodyHtml.length * 2 : 0;
 }
 function _m(e, t) {
@@ -2213,7 +2213,7 @@ function Om() {
   });
 }
 function qd() {
-  const e = Gn(), t = f.selectedCanvasObject;
+  const e = Xn(), t = f.selectedCanvasObject;
   return f.pages.filter(
     (n) => (n.canvas ?? "default") === f.activeCanvas && f.isScreenStateShown(n)
   ).map((n) => ({
@@ -2428,8 +2428,8 @@ function qm() {
 function Ym() {
   const e = Qe(ha, bn, bn), t = Qe(
     Uc,
-    Gn,
-    Gn
+    Xn,
+    Xn
   ), n = Qe(
     za,
     wr,
@@ -2527,7 +2527,7 @@ function Jd() {
 }
 const Zm = 2, eg = 18e4;
 let tg = eg;
-const Wt = [], Un = {
+const Wt = [], qn = {
   boots: 0,
   reuses: 0,
   parks: 0,
@@ -2548,7 +2548,7 @@ function Zd(e) {
   return JSON.stringify(e.preset ?? null);
 }
 function qs(e) {
-  e.timer != null && clearTimeout(e.timer), e.iframe.remove(), Un.evictions += 1;
+  e.timer != null && clearTimeout(e.timer), e.iframe.remove(), qn.evictions += 1;
 }
 function Ba() {
   const e = Wt.splice(0, Wt.length);
@@ -2579,7 +2579,7 @@ function rg(e) {
   }
   if (t < 0) return null;
   const [r] = Wt.splice(t, 1);
-  return r.timer != null && clearTimeout(r.timer), Un.reuses += 1, { iframe: r.iframe, skip: r.executed.length };
+  return r.timer != null && clearTimeout(r.timer), qn.reuses += 1, { iframe: r.iframe, skip: r.executed.length };
 }
 function og(e, t, n) {
   var i, a;
@@ -2595,7 +2595,7 @@ function og(e, t, n) {
   for (o.timer = setTimeout(() => {
     const l = Wt.indexOf(o);
     l < 0 || (Wt.splice(l, 1), qs(o));
-  }, tg), (a = (i = o.timer) == null ? void 0 : i.unref) == null || a.call(i), Wt.push(o), Un.parks += 1; Wt.length > Zm; ) {
+  }, tg), (a = (i = o.timer) == null ? void 0 : i.unref) == null || a.call(i), Wt.push(o), qn.parks += 1; Wt.length > Zm; ) {
     const l = Wt.shift();
     l && qs(l);
   }
@@ -2663,7 +2663,7 @@ function Fi(e = {}) {
     const W = A.waypoints[0];
     z.style.width = `${Math.round(W.width)}px`, z.style.height = `${Math.round(W.height)}px`, k || T.appendChild(z);
     try {
-      k || (await i(z, A.url), Un.boots += 1, Un.bootsByRunner[n] = (Un.bootsByRunner[n] ?? 0) + 1);
+      k || (await i(z, A.url), qn.boots += 1, qn.bootsByRunner[n] = (qn.bootsByRunner[n] ?? 0) + 1);
       for (let oe = 0; oe < A.waypoints.length; oe += 1) {
         if (N !== p) {
           for (let I = oe; I < A.waypoints.length; I += 1)
@@ -2783,7 +2783,7 @@ function uo() {
 }
 const sg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  __flowSessionWarmDebug: Un,
+  __flowSessionWarmDebug: qn,
   createFlowSessionIframe: Jd,
   createFlowSessionRunner: Fi,
   evictFlowSessionWarmInstances: Ba,
@@ -2918,7 +2918,7 @@ function su(e) {
     u.waypoints.some(
       (m) => {
         var b;
-        return !Xn(m.cacheKey) && r.screenState(m.screenId) == null && ((b = n.get(m.screenId)) == null ? void 0 : b.layersImported) !== !0;
+        return !Jn(m.cacheKey) && r.screenState(m.screenId) == null && ((b = n.get(m.screenId)) == null ? void 0 : b.layersImported) !== !0;
       }
     ) && o.push(u);
   }
@@ -2986,7 +2986,7 @@ function lu(e, t, n) {
   );
   if (l < 0) return !1;
   const c = jt(e, n, t, !1), d = async (p) => {
-    const m = Vn();
+    const m = Kn();
     if (!m) {
       $n.controllerMissing += 1;
       return;
@@ -3654,17 +3654,17 @@ function Bg({
       }
     );
     if (!d.ok) {
-      const p = await d.json().catch(() => null), m = Qn(p) && typeof p.error == "string" ? p.error : null, b = typeof d.status == "number" && d.status > 0 ? ` (${d.status}${d.statusText ? ` ${d.statusText}` : ""})` : "";
-      throw new Error(
+      const p = await d.json().catch(() => null), m = Mn(p) && typeof p.error == "string" ? p.error : null, b = typeof d.status == "number" && d.status > 0 ? ` (${d.status}${d.statusText ? ` ${d.statusText}` : ""})` : "", x = new Error(
         `Preview artifact request failed${b}${m ? `: ${m}` : "."}`
       );
+      throw Mn(p) && p.retryable === !0 && (x.pygmalionNotPrepared = !0), x;
     }
     const u = await d.json().catch(() => null);
-    return Qn(u) && u.artifact !== void 0 ? u.artifact : u;
+    return Mn(u) && u.artifact !== void 0 ? u.artifact : u;
   };
 }
 function jg(e, t) {
-  if (!Qn(e) || e.ok !== !0)
+  if (!Mn(e) || e.ok !== !0)
     return { valid: !1, errors: ["Preview artifact resolution is invalid."] };
   const n = new Set(t.map((d) => d.id)), r = /* @__PURE__ */ new Set(), o = [], i = (d) => {
     const u = e[d];
@@ -3721,7 +3721,7 @@ async function Wg({
     errors: l.errors
   };
 }
-function Qn(e) {
+function Mn(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
@@ -3749,7 +3749,7 @@ function Vg(e) {
 }
 function Kg(e) {
   const t = [];
-  if (!Qn(e) || e.version !== 1)
+  if (!Mn(e) || e.version !== 1)
     return {
       valid: !1,
       artifact: null,
@@ -3757,7 +3757,7 @@ function Kg(e) {
         "Preview artifact must be a version 1, version 2, or version 3 bundle."
       ]
     };
-  if (Go(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !Go(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !Qn(e.snapshots))
+  if (Go(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !Go(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !Mn(e.snapshots))
     t.push("Preview artifact snapshots must be a record.");
   else {
     const n = Object.entries(e.snapshots);
@@ -3777,14 +3777,14 @@ function Kg(e) {
   };
 }
 function Ug(e, t, n = {}) {
-  const r = Qn(e) && e.version === 3 ? (() => {
+  const r = Mn(e) && e.version === 3 ? (() => {
     const o = Mi(e);
     return {
       valid: o.valid,
       artifact: o.valid ? e : null,
       errors: o.errors
     };
-  })() : Qn(e) && e.version === 2 ? (() => {
+  })() : Mn(e) && e.version === 2 ? (() => {
     const o = Pi(e);
     return {
       valid: o.valid,
@@ -4113,7 +4113,13 @@ function Iu({
   captureStatus: n,
   diagnostic: r
 }) {
-  return t.status === "error" ? {
+  return t.status === "error" ? t.reason === "not-prepared" ? {
+    title: "Preview not prepared",
+    detail: "Refresh the source to draw this frame from the running app",
+    tone: "info",
+    role: "status",
+    retryable: !0
+  } : {
     title: "Preview refresh failed",
     detail: t.message,
     tone: "error",
@@ -5304,7 +5310,7 @@ function Lb(e) {
     stylesheetLinksHtml: e.snapshot ? Fb(e.snapshot) : ""
   };
 }
-function jn(e, t) {
+function Wn(e, t) {
   Sr(e);
   const n = kb(e), r = io(t);
   if (!r) return ec(n);
@@ -5354,7 +5360,7 @@ function Qo(e, t, n) {
       if (c === "style") {
         Sr(l.value), o && a.setAttribute(
           l.name,
-          jn(l.value, o)
+          Wn(l.value, o)
         );
         continue;
       }
@@ -5391,7 +5397,7 @@ function Za(e, t, n, r) {
     return;
   }
   if (o === "style") {
-    e.setAttribute(t, jn(n, r));
+    e.setAttribute(t, Wn(n, r));
     return;
   }
   if (o === "srcset") {
@@ -5698,8 +5704,8 @@ function jb(e, t, n = Bb) {
   const p = Xr(r.sharedCssText);
   if (t.sharedCssHash && t.sharedCssHash !== p)
     throw new Error("The provided shared CSS hash does not match its content.");
-  const m = jn(r.sharedCssText, a), b = Xr(m), x = (t.sharedStylesheets ?? []).map((z) => {
-    const Z = jn(z.cssText, a);
+  const m = Wn(r.sharedCssText, a), b = Xr(m), x = (t.sharedStylesheets ?? []).map((z) => {
+    const Z = Wn(z.cssText, a);
     return {
       cssText: Z,
       key: `${z.key}:${Xr(Z)}`
@@ -5716,7 +5722,7 @@ function jb(e, t, n = Bb) {
   ), H = n.acquireOverride(
     o,
     v,
-    jn(t.overrideCssText ?? "", a)
+    Wn(t.overrideCssText ?? "", a)
   );
   let A = !1;
   const N = {
@@ -5732,13 +5738,13 @@ function jb(e, t, n = Bb) {
     updateOverrideCss: (z) => {
       A || n.updateOverrideCss(
         v,
-        jn(z, a)
+        Wn(z, a)
       );
     },
     updateSharedCss: (z) => {
       A || n.updateSharedCss(
         b,
-        jn(z, a)
+        Wn(z, a)
       );
     },
     teardown: () => {
@@ -6114,7 +6120,7 @@ const ex = We(function({
     canonicalId: t.importPageId ?? t.id,
     fingerprint: fe,
     batchHydrated: i
-  }), { previewIntended: ie } = ne, P = a && ne.cacheHydrated, E = a ? Bn(q) : null, I = a ? $a(q) : null, V = t.width ?? 390, ae = (I == null ? void 0 : I.screenshot) ?? null, xe = Jb(
+  }), { previewIntended: ie } = ne, P = a && ne.cacheHydrated, E = a ? jn(q) : null, I = a ? $a(q) : null, V = t.width ?? 390, ae = (I == null ? void 0 : I.screenshot) ?? null, xe = Jb(
     q,
     ae,
     V,
@@ -6127,14 +6133,14 @@ const ex = We(function({
   ), Re = a ? mn(
     t.importPageId ?? t.id,
     fe ?? void 0
-  ) : { status: "idle" }, de = Iu({
+  ) : { status: "idle" }, le = Iu({
     stale: (I == null ? void 0 : I.stale) === !0,
     resolution: Re,
     captureStatus: I == null ? void 0 : I.status,
     diagnostic: (mo = I == null ? void 0 : I.diagnostics[0]) == null ? void 0 : mo.message
   }), [Le, De] = Y(
     () => a && !E ? Jt(q) : null
-  ), [Ye, ot] = Y(!1), [F, ce] = Y(!1), re = Ie(null), Ee = () => {
+  ), [Ye, ot] = Y(!1), [F, de] = Y(!1), re = Ie(null), Ee = () => {
     !a || t.route == null || t.layersImported || $e || re.current == null && (re.current = setTimeout(() => {
       re.current = null, _a(t.id);
     }, 220));
@@ -6212,7 +6218,7 @@ const ex = We(function({
     return pe.observe(U), () => pe.disconnect();
   }, []), se(() => {
     if (!n || !t.importLayers || t.layersImported || t.route != null) return;
-    const U = Vn();
+    const U = Kn();
     if (!U) return;
     let pe = !1, be = 0;
     const Te = requestAnimationFrame(() => {
@@ -6234,7 +6240,7 @@ const ex = We(function({
   }, [n, t.id, t.importLayers, t.layersImported, t.route]), se(() => {
     var U, pe;
     (U = m.current) == null || U.resolve(null), m.current = null, (pe = b.current) == null || pe.resolve(), b.current = null, ot(!1), we(!1), K(null), J(0), Ne([]), De(
-      Bn(q) ? null : Jt(q)
+      jn(q) ? null : Jt(q)
     ), H.current += 1, $.current = !1, R.current = null, S.current = null, v.current(), v.current = () => {
     }, f.resetPageDocumentHeight(t.id);
   }, [q]), se(
@@ -6251,7 +6257,7 @@ const ex = We(function({
       return;
     }
     De(
-      Bn(q) ? null : Jt(q)
+      jn(q) ? null : Jt(q)
     );
   }, [P, a, q]), se(() => {
     var Ae, me;
@@ -6296,7 +6302,7 @@ const ex = We(function({
         if (U) {
           if (ye) {
             De(
-              Bn(q) ? null : ye
+              jn(q) ? null : ye
             ), K(null);
             return;
           }
@@ -6354,7 +6360,7 @@ const ex = We(function({
     [ze, E, I == null ? void 0 : I.stale]
   ), Et = a && !P, Be = gg(
     t.importPageId ?? t.id
-  ), He = yg(t.id), Mn = f.frozenPromotionRefused(t.id), _t = (qt || Et || Be || Ut) && !Mn && !t.layersImported && t.importLayers === !0 && t.route != null && // A replay that reported issues registers stale and cannot promote —
+  ), He = yg(t.id), En = f.frozenPromotionRefused(t.id), _t = (qt || Et || Be || Ut) && !En && !t.layersImported && t.importLayers === !0 && t.route != null && // A replay that reported issues registers stale and cannot promote —
   // fall back to the boot path instead of holding the frame on it.
   je.length === 0;
   se(() => {
@@ -6455,13 +6461,13 @@ const ex = We(function({
     }, p.current = me.iframe, Pr(), !0) : !1;
   };
   se(() => {
-    ce(!1);
+    de(!1);
   }, [oe]);
   const on = async () => {
     if (!p.current) return null;
     if ($.current) return R.current;
     if (S.current) return S.current;
-    const U = Vn();
+    const U = Kn();
     if (!U) return null;
     const pe = p.current, be = H.current, Te = (async () => {
       const Ae = await U.prepareScreenCapture(pe, {
@@ -6490,7 +6496,7 @@ const ex = We(function({
     }), be;
   }, lt = () => t.layersImported && f.provisionalLayerImportRevision(t.id) == null, te = async () => {
     if (!t.importLayers || lt() || !p.current || x.current) return t.layersImported;
-    const U = Vn();
+    const U = Kn();
     if (!U) return !1;
     const pe = p.current;
     x.current = !0;
@@ -6542,11 +6548,11 @@ const ex = We(function({
       }
     }, qe = () => {
       if (window.removeEventListener("mousemove", ye), window.removeEventListener("mouseup", qe), !me) return;
-      const ft = t.x ?? 0, St = t.y ?? 0, kt = ft + (t.width ?? 390), En = St + Z;
-      for (const [kn, nt] of _u()) {
+      const ft = t.x ?? 0, St = t.y ?? 0, kt = ft + (t.width ?? 390), kn = St + Z;
+      for (const [An, nt] of _u()) {
         const wn = nt.explicit ? 0 : zu, go = nt.x0 - wn, bo = nt.y0 - wn, sn = nt.x1 + wn, Gt = nt.y1 + wn;
-        if (kn !== t.section && ft < sn && kt > go && St < Gt && En > bo) {
-          f.setPageSection(t.id, kn);
+        if (An !== t.section && ft < sn && kt > go && St < Gt && kn > bo) {
+          f.setPageSection(t.id, An);
           break;
         }
       }
@@ -6558,7 +6564,7 @@ const ex = We(function({
     const be = pe.clientX, Te = pe.clientY, Ae = { x: t.x ?? 0, y: t.y ?? 0, width: z, height: Z }, me = U.includes("e") || U.includes("w"), ye = U.includes("n") || U.includes("s");
     let qe = !1;
     const ft = (kt) => {
-      const En = (kt.clientX - be) / f.zoom, kn = (kt.clientY - Te) / f.zoom, nt = Lu(Ae, U, En, kn, 1, 1);
+      const kn = (kt.clientX - be) / f.zoom, An = (kt.clientY - Te) / f.zoom, nt = Lu(Ae, U, kn, An, 1, 1);
       if (!(Math.round(nt.x) === Math.round(Ae.x) && Math.round(nt.y) === Math.round(Ae.y) && Math.round(nt.width) === Math.round(Ae.width) && Math.round(nt.height) === Math.round(Ae.height))) {
         if (!qe) {
           if (!f.beginFrameTransform(t.id, "resize")) return;
@@ -6645,11 +6651,11 @@ const ex = We(function({
     ee
   ), Pr = () => {
     const U = H.current + 1;
-    H.current = U, ce(!1), $.current = !1, R.current = null, S.current = null, (async () => {
+    H.current = U, de(!1), $.current = !1, R.current = null, S.current = null, (async () => {
       var pe;
       try {
         const be = await on();
-        Yc(be), ce(!0);
+        Yc(be), de(!0);
         const Te = p.current;
         if ((Te ? he(Te) : !1) && await new Promise((ye) => {
           requestAnimationFrame(
@@ -6672,7 +6678,7 @@ const ex = We(function({
         ) : null;
         if (me) {
           Ti(q, me), De(
-            Bn(q) ? null : me
+            jn(q) ? null : me
           );
           const ye = m.current;
           (ye == null ? void 0 : ye.key) === oe && (m.current = null, ye.resolve(me));
@@ -6688,7 +6694,7 @@ const ex = We(function({
         }
         f.activePageId === t.id && await te();
       } catch (be) {
-        ce(!0);
+        de(!0);
         const Te = be instanceof Error ? be.message : "Failed to reproduce the live screen preview.", Ae = m.current;
         (Ae == null ? void 0 : Ae.key) === oe ? (m.current = null, Ae.reject(be)) : K(Te);
       } finally {
@@ -7016,14 +7022,14 @@ const ex = We(function({
                     )
                   }
                 ),
-                de && /* @__PURE__ */ g(
+                le && /* @__PURE__ */ g(
                   "div",
                   {
                     "data-pygmalion-artifact-diagnostic": "",
                     "data-artifact-resolution": Re.status,
-                    "data-artifact-tone": de.tone,
-                    role: de.role,
-                    title: de.detail,
+                    "data-artifact-tone": le.tone,
+                    role: le.role,
+                    title: le.detail,
                     style: {
                       position: "absolute",
                       top: 8,
@@ -7033,18 +7039,18 @@ const ex = We(function({
                       maxWidth: "min(320px, calc(100% - 16px))",
                       alignItems: "center",
                       gap: 6,
-                      border: de.tone === "info" ? "1px solid #b6d4fe" : de.tone === "error" ? "1px solid #f1aeb5" : "1px solid #ffe69c",
+                      border: le.tone === "info" ? "1px solid #b6d4fe" : le.tone === "error" ? "1px solid #f1aeb5" : "1px solid #ffe69c",
                       borderRadius: 6,
                       padding: "5px 8px",
-                      color: de.tone === "info" ? "#084298" : de.tone === "error" ? "#842029" : "#664d03",
-                      background: de.tone === "info" ? "rgba(207, 226, 255, 0.96)" : de.tone === "error" ? "rgba(248, 215, 218, 0.96)" : "rgba(255, 243, 205, 0.96)",
+                      color: le.tone === "info" ? "#084298" : le.tone === "error" ? "#842029" : "#664d03",
+                      background: le.tone === "info" ? "rgba(207, 226, 255, 0.96)" : le.tone === "error" ? "rgba(248, 215, 218, 0.96)" : "rgba(255, 243, 205, 0.96)",
                       boxShadow: "0 1px 4px rgba(0,0,0,.12)",
                       fontSize: 11,
                       lineHeight: 1.3,
-                      pointerEvents: de.retryable ? "auto" : "none"
+                      pointerEvents: le.retryable ? "auto" : "none"
                     },
                     children: [
-                      /* @__PURE__ */ s("strong", { style: { whiteSpace: "nowrap" }, children: de.title }),
+                      /* @__PURE__ */ s("strong", { style: { whiteSpace: "nowrap" }, children: le.title }),
                       /* @__PURE__ */ s(
                         "span",
                         {
@@ -7053,10 +7059,10 @@ const ex = We(function({
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap"
                           },
-                          children: de.detail
+                          children: le.detail
                         }
                       ),
-                      de.retryable && fe && /* @__PURE__ */ s(
+                      le.retryable && fe && /* @__PURE__ */ s(
                         "button",
                         {
                           type: "button",
@@ -7484,14 +7490,14 @@ function yi(e) {
 function lc(e) {
   return JSON.stringify(e);
 }
-let In = null, Do = /* @__PURE__ */ new Map(), cs = /* @__PURE__ */ new Map(), qn = /* @__PURE__ */ new Map(), Hn = null, Br = null, mx = 0;
+let In = null, Do = /* @__PURE__ */ new Map(), cs = /* @__PURE__ */ new Map(), Yn = /* @__PURE__ */ new Map(), Vn = null, Br = null, mx = 0;
 function tl() {
-  Rt.setPending(qn.size);
+  Rt.setPending(Yn.size);
 }
 function Ku(e) {
-  for (const t of e) qn.set(yi(t.element), t);
-  tl(), Hn && clearTimeout(Hn), Hn = setTimeout(() => {
-    Hn = null, Uu().catch(() => {
+  for (const t of e) Yn.set(yi(t.element), t);
+  tl(), Vn && clearTimeout(Vn), Vn = setTimeout(() => {
+    Vn = null, Uu().catch(() => {
     });
   }, 240);
 }
@@ -7499,14 +7505,14 @@ function cc(e) {
   const t = new Map(
     e.map((n) => [yi(n.element), n])
   );
-  for (const [n, r] of qn) t.set(n, r);
-  qn = t, tl();
+  for (const [n, r] of Yn) t.set(n, r);
+  Yn = t, tl();
 }
 async function Uu() {
   return Br || (Br = (async () => {
-    for (; qn.size > 0; ) {
-      const e = [...qn.values()];
-      qn = /* @__PURE__ */ new Map(), tl();
+    for (; Yn.size > 0; ) {
+      const e = [...Yn.values()];
+      Yn = /* @__PURE__ */ new Map(), tl();
       const t = Ph();
       if (!t) {
         cc(e), Rt.setStatus("idle", "");
@@ -7564,9 +7570,9 @@ function qu(e) {
   cs = t, n.length && Ku(n);
 }
 async function bx() {
-  Hn && (clearTimeout(Hn), Hn = null), await Uu();
+  Vn && (clearTimeout(Vn), Vn = null), await Uu();
 }
-let nl = [], Yn = null;
+let nl = [], Gn = null;
 const ao = /* @__PURE__ */ new Map();
 function xx(e) {
   nl = e;
@@ -7575,7 +7581,7 @@ function vi() {
   return nl;
 }
 function yx(e) {
-  Yn = e;
+  Gn = e;
 }
 function vx(e) {
   var t;
@@ -7587,11 +7593,11 @@ function Yu() {
 function wx(e, t) {
   ao.set(e, t), document.documentElement.style.setProperty(e, t);
   const n = Yu();
-  Yn == null || Yn(n), qu(n);
+  Gn == null || Gn(n), qu(n);
 }
 function Xw() {
   for (const e of ao.keys()) document.documentElement.style.removeProperty(e);
-  ao.clear(), Yn == null || Yn([]), qu([]);
+  ao.clear(), Gn == null || Gn([]), qu([]);
 }
 const Sx = [
   { label: "W", prop: "width" },
@@ -7924,7 +7930,7 @@ function zo(e, t) {
 function pc(e) {
   return e.includes("center") ? "center" : e.includes("end") ? "end" : "start";
 }
-function Fn(e) {
+function Ln(e) {
   return e ? e.minWidth != null && e.maxWidth != null ? `${e.minWidth}–${e.maxWidth}px` : e.minWidth != null ? `${e.minWidth}px or more` : `${e.maxWidth}px or less` : "entire";
 }
 function jx(e, t) {
@@ -8052,7 +8058,7 @@ function mc({
   affectedFrames: n = []
 }) {
   var gl, bl, xl, yl, vl;
-  const r = Ie(null), [o, i] = Y(null), [a, l] = Y(null), [c, d] = Y(null), [u, p] = Y("cases"), [m, b] = Y(!1), [x, w] = Y(Rx), [v, S] = Y(null), [$, R] = Y("original"), [H, A] = Y("default"), [N, T] = Y("item"), [j, k] = Y("base"), [z, Z] = Y({ minWidth: 768 }), [M, W] = Y(null), [ee, q] = Y(!0), [Me, oe] = Y(!1), [fe, ne] = Y(!1), [ie, P] = Y(null), [E, I] = Y(""), [V, ae] = Y(!1), [xe, Re] = Y(""), [de, Le] = Y(!1), [De, Ye] = Y(""), [ot, F] = Y(null), [ce, re] = Y(""), [Ee, O] = Y(""), [ve, we] = Y(0), [Q, ge] = ed((h) => h + 1, 0), Oe = Ie(""), B = Ie(null), K = Ie(null);
+  const r = Ie(null), [o, i] = Y(null), [a, l] = Y(null), [c, d] = Y(null), [u, p] = Y("cases"), [m, b] = Y(!1), [x, w] = Y(Rx), [v, S] = Y(null), [$, R] = Y("original"), [H, A] = Y("default"), [N, T] = Y("item"), [j, k] = Y("base"), [z, Z] = Y({ minWidth: 768 }), [M, W] = Y(null), [ee, q] = Y(!0), [Me, oe] = Y(!1), [fe, ne] = Y(!1), [ie, P] = Y(null), [E, I] = Y(""), [V, ae] = Y(!1), [xe, Re] = Y(""), [le, Le] = Y(!1), [De, Ye] = Y(""), [ot, F] = Y(null), [de, re] = Y(""), [Ee, O] = Y(""), [ve, we] = Y(0), [Q, ge] = ed((h) => h + 1, 0), Oe = Ie(""), B = Ie(null), K = Ie(null);
   K.current = a;
   const ke = Ie(null);
   ke.current = c;
@@ -8103,13 +8109,13 @@ function mc({
         (ue) => (ue.sourcePaths ?? []).some(
           (_e) => _.some((ht) => kx(_e, ht))
         )
-      ).map((ue) => ({ id: ws(ue), name: ue.name })), le = [
+      ).map((ue) => ({ id: ws(ue), name: ue.name })), ce = [
         ...J.current,
         ...L.filter(
           (ue) => !J.current.some((_e) => _e.id === ue.id)
         )
       ];
-      X.updateAffectedFrames(le);
+      X.updateAffectedFrames(ce);
     }).catch((C) => {
       y || Ye(String(C));
     }).finally(() => {
@@ -8158,13 +8164,13 @@ function mc({
     const h = c;
     if (!h) return;
     let y = !1;
-    const C = (le) => {
+    const C = (ce) => {
       if (y) return;
       y = !0, h.removeAttribute("contenteditable");
       const ue = h.textContent ?? "";
-      h.textContent = Oe.current, le && ue !== Oe.current && (X.recordText(h, ue, Be(h), J.current), X.toast("change text")), d(null);
-    }, _ = (le) => {
-      le.stopPropagation(), le.key === "Enter" ? (le.preventDefault(), C(!0)) : le.key === "Escape" && C(!1);
+      h.textContent = Oe.current, ce && ue !== Oe.current && (X.recordText(h, ue, Be(h), J.current), X.toast("change text")), d(null);
+    }, _ = (ce) => {
+      ce.stopPropagation(), ce.key === "Enter" ? (ce.preventDefault(), C(!0)) : ce.key === "Escape" && C(!1);
     }, L = () => C(!0);
     return h.addEventListener("keydown", _), h.addEventListener("blur", L), () => {
       h.removeEventListener("keydown", _), h.removeEventListener("blur", L);
@@ -8182,8 +8188,8 @@ function mc({
       if (!C) return null;
       const _ = C.contentDocument;
       if (!_) return null;
-      const L = C.getBoundingClientRect(), le = _.elementFromPoint(h.clientX - L.left, h.clientY - L.top);
-      return !le || le.nodeType !== 1 || le === _.body || le === _.documentElement ? null : le;
+      const L = C.getBoundingClientRect(), ce = _.elementFromPoint(h.clientX - L.left, h.clientY - L.top);
+      return !ce || ce.nodeType !== 1 || ce === _.body || ce === _.documentElement ? null : ce;
     }
     const y = t == null ? void 0 : t.current;
     if (!y) return null;
@@ -8205,7 +8211,7 @@ function mc({
     for (let C = h; C && C !== Ut && y.length < 8; C = C.parentElement)
       y.unshift(C);
     return y;
-  }, Mn = (h) => {
+  }, En = (h) => {
     if (X.hasPendingStructuralEdit(h)) {
       X.toast("Please undo the structural changes and then edit the text.");
       return;
@@ -8231,7 +8237,7 @@ function mc({
       X.toast("Works with existing application method without code diff connection");
       return;
     }
-    if (de) {
+    if (le) {
       X.toast("Please check the diff after the impact screen calculation is complete.");
       return;
     }
@@ -8261,14 +8267,14 @@ function mc({
     try {
       const L = await h(C);
       X.clearApplied(), F((L == null ? void 0 : L.qa) ?? null), P(null), I(""), Re("");
-      const le = L != null && L.qa ? L.qa.complete ? ` · ${L.qa.frames.length} affected frames checked` : ` · ${L.qa.failures.length} QA failures` : "";
-      X.toast(`${(L == null ? void 0 : L.message) ?? `Applied ${(L == null ? void 0 : L.applied) ?? _} changes`}${le}`);
+      const ce = L != null && L.qa ? L.qa.complete ? ` · ${L.qa.frames.length} affected frames checked` : ` · ${L.qa.failures.length} QA failures` : "";
+      X.toast(`${(L == null ? void 0 : L.message) ?? `Applied ${(L == null ? void 0 : L.applied) ?? _} changes`}${ce}`);
     } catch (L) {
       X.toast(`Apply failed:${String(L).slice(0, 80)}`);
     }
-  }, D = a != null && a.isConnected ? a : null, on = o != null && o.isConnected ? o : null, he = D != null && D.parentElement && D.parentElement !== Ut ? D.parentElement : null, lt = N === "container" && he ? he : D, te = D ? Et(D.getBoundingClientRect()) : null, G = he ? Et(he.getBoundingClientRect()) : null, er = N === "container" && lt && lt !== D ? Et(lt.getBoundingClientRect()) : null, yn = on && on !== D ? Et(on.getBoundingClientRect()) : null, st = D ? Ce.getComputedStyle(D) : null, Ve = he ? Ce.getComputedStyle(he) : null, $r = lt ? Ce.getComputedStyle(lt) : null, ut = D ? Be(D) : "", at = D ? Ke(D) : null, Yt = D ? Mh(D) : null, Zt = D ? X.structuralEditKind(D) : null, ji = D ? X.hasPendingValueEdit(D) : !1, ho = D ? X.structuralBlockReason(D, "insert") : "No elements are selected.", po = D ? X.structuralBlockReason(D, "remove") : "No elements are selected.", Pr = D ? X.structuralBlockReason(D, "move") : "No elements are selected.", vn = D && D.parentElement ? Array.from(D.parentElement.children).indexOf(D) : -1, mo = ((xl = D == null ? void 0 : D.parentElement) == null ? void 0 : xl.children.length) ?? 0, U = at ? Ze()[at.name] ?? null : null, pe = Yt && /^[A-Z]/.test(Yt.elementName) ? (at == null ? void 0 : at.name) ?? null : null, be = D ? X.componentInsertBlockReason(D, pe) : "No elements are selected.", Te = ce.trim().toLocaleLowerCase(), Ae = zt.filter(
+  }, D = a != null && a.isConnected ? a : null, on = o != null && o.isConnected ? o : null, he = D != null && D.parentElement && D.parentElement !== Ut ? D.parentElement : null, lt = N === "container" && he ? he : D, te = D ? Et(D.getBoundingClientRect()) : null, G = he ? Et(he.getBoundingClientRect()) : null, er = N === "container" && lt && lt !== D ? Et(lt.getBoundingClientRect()) : null, yn = on && on !== D ? Et(on.getBoundingClientRect()) : null, st = D ? Ce.getComputedStyle(D) : null, Ve = he ? Ce.getComputedStyle(he) : null, $r = lt ? Ce.getComputedStyle(lt) : null, ut = D ? Be(D) : "", at = D ? Ke(D) : null, Yt = D ? Mh(D) : null, Zt = D ? X.structuralEditKind(D) : null, ji = D ? X.hasPendingValueEdit(D) : !1, ho = D ? X.structuralBlockReason(D, "insert") : "No elements are selected.", po = D ? X.structuralBlockReason(D, "remove") : "No elements are selected.", Pr = D ? X.structuralBlockReason(D, "move") : "No elements are selected.", vn = D && D.parentElement ? Array.from(D.parentElement.children).indexOf(D) : -1, mo = ((xl = D == null ? void 0 : D.parentElement) == null ? void 0 : xl.children.length) ?? 0, U = at ? Ze()[at.name] ?? null : null, pe = Yt && /^[A-Z]/.test(Yt.elementName) ? (at == null ? void 0 : at.name) ?? null : null, be = D ? X.componentInsertBlockReason(D, pe) : "No elements are selected.", Te = de.trim().toLocaleLowerCase(), Ae = zt.filter(
     ([h, y]) => !Te || h.toLocaleLowerCase().includes(Te) || y.importPath.toLocaleLowerCase().includes(Te)
-  ), me = Ae.find(([h]) => h === Ee) ?? Ae[0] ?? null, ye = (me == null ? void 0 : me[1]) ?? null, qe = me ? Sl(me[0]) : null, St = (D ? Nl(D) : null) ?? 0, kt = D ? Lx(D, (at == null ? void 0 : at.props) ?? null, U) : !1, En = D ? Dx(D, (at == null ? void 0 : at.props) ?? null, U) : [], kn = D ? Ju(D) : [], nt = { count: kn.length }, wn = Me && D && on && on !== D ? [D, on] : null, go = X.entries, bo = Object.entries((at == null ? void 0 : at.primitiveProps) ?? {}), sn = je, Gt = go.reduce((h, y) => {
+  ), me = Ae.find(([h]) => h === Ee) ?? Ae[0] ?? null, ye = (me == null ? void 0 : me[1]) ?? null, qe = me ? Sl(me[0]) : null, St = (D ? Nl(D) : null) ?? 0, kt = D ? Lx(D, (at == null ? void 0 : at.props) ?? null, U) : !1, kn = D ? Dx(D, (at == null ? void 0 : at.props) ?? null, U) : [], An = D ? Ju(D) : [], nt = { count: An.length }, wn = Me && D && on && on !== D ? [D, on] : null, go = X.entries, bo = Object.entries((at == null ? void 0 : at.primitiveProps) ?? {}), sn = je, Gt = go.reduce((h, y) => {
     const C = h.find((_) => _.el === y.el);
     return C ? (C.label = y.label, C.items.push(y)) : h.push({ id: y.id, el: y.el, label: y.label, items: [y] }), h;
   }, []), xo = sn.styles.length + sn.texts.length + sn.operations.length, yo = Vo() != null, Wi = yo && E !== Ne, wf = Gt.filter(
@@ -8276,7 +8282,7 @@ function mc({
   ).length, Hi = v != null || $ !== "original" || H !== "default", Mr = Hi && D ? jx(D, Ce) : null, Ge = Ox(Ve), tr = Ge != null, Nt = Bx(he), an = j === "custom" ? z.minWidth != null || z.maxWidth != null ? {
     ...z.minWidth != null ? { minWidth: Math.max(0, Math.round(z.minWidth)) } : {},
     ...z.maxWidth != null ? { maxWidth: Math.max(0, Math.round(z.maxWidth)) } : {}
-  } : null : ((yl = uc.find((h) => h.id === j)) == null ? void 0 : yl.media) ?? null, Vi = kn.filter((h) => h.isConnected && Ce.getComputedStyle(h).getPropertyValue("display") !== "none").map((h, y) => ({ el: h, index: y, rect: Et(h.getBoundingClientRect()) })).filter(({ rect: h }) => h.width > 0 && h.height > 0), Ki = Vi.slice().sort((h, y) => h.rect.top - y.rect.top || h.rect.left - y.rect.left).reduce((h, y) => {
+  } : null : ((yl = uc.find((h) => h.id === j)) == null ? void 0 : yl.media) ?? null, Vi = An.filter((h) => h.isConnected && Ce.getComputedStyle(h).getPropertyValue("display") !== "none").map((h, y) => ({ el: h, index: y, rect: Et(h.getBoundingClientRect()) })).filter(({ rect: h }) => h.width > 0 && h.height > 0), Ki = Vi.slice().sort((h, y) => h.rect.top - y.rect.top || h.rect.left - y.rect.left).reduce((h, y) => {
     const C = h.find((_) => Math.abs(_.top - y.rect.top) < 6);
     return C ? (C.top = Math.min(C.top, y.rect.top), C.bottom = Math.max(C.bottom, y.rect.top + y.rect.height), C.left = Math.min(C.left, y.rect.left), C.right = Math.max(C.right, y.rect.left + y.rect.width), C.items.push(y), C.items.sort((_, L) => _.rect.left - L.rect.left)) : h.push({
       top: y.rect.top,
@@ -8287,8 +8293,8 @@ function mc({
     }), h;
   }, []).sort((h, y) => h.top - y.top), Sf = Ki.flatMap(
     (h, y) => h.items.slice(0, -1).map((C, _) => {
-      const L = h.items[_ + 1], le = C.rect.left + C.rect.width, ue = L.rect.left, _e = Math.max(C.rect.top, L.rect.top), ht = Math.min(C.rect.top + C.rect.height, L.rect.top + L.rect.height);
-      return { key: `${y}-${_}`, left: le, top: _e, width: Math.max(0, ue - le), height: Math.max(16, ht - _e) };
+      const L = h.items[_ + 1], ce = C.rect.left + C.rect.width, ue = L.rect.left, _e = Math.max(C.rect.top, L.rect.top), ht = Math.min(C.rect.top + C.rect.height, L.rect.top + L.rect.height);
+      return { key: `${y}-${_}`, left: ce, top: _e, width: Math.max(0, ue - ce), height: Math.max(16, ht - _e) };
     })
   ), Nf = Ki.slice(0, -1).map((h, y) => {
     const C = Ki[y + 1];
@@ -8325,19 +8331,19 @@ function mc({
   ), Yi = Math.max(
     0,
     (vo - ln * Math.max(0, xt - 1)) / xt
-  ), cl = Math.max(80, Math.floor(Yi)), Lf = Yi < 160, dl = Ge === "grid" && Nt === xt, Df = Ge === "scroll" ? `${xt} items · horizontal scroll · ${Math.round(ll)}px cards` : `${xt} items · ${Ff} rows × ${wo} columns · about ${Math.round(ll)}px each`, zf = u === "cases" && !m && !!he && !!G && !!te, An = !!he && he.scrollWidth > he.clientWidth + 1 && !["auto", "scroll"].includes((Ve == null ? void 0 : Ve.getPropertyValue("overflow-x")) ?? ""), ul = [
+  ), cl = Math.max(80, Math.floor(Yi)), Lf = Yi < 160, dl = Ge === "grid" && Nt === xt, Df = Ge === "scroll" ? `${xt} items · horizontal scroll · ${Math.round(ll)}px cards` : `${xt} items · ${Ff} rows × ${wo} columns · about ${Math.round(ll)}px each`, zf = u === "cases" && !m && !!he && !!G && !!te, Rn = !!he && he.scrollWidth > he.clientWidth + 1 && !["auto", "scroll"].includes((Ve == null ? void 0 : Ve.getPropertyValue("overflow-x")) ?? ""), ul = [
     v != null ? `${v} items` : null,
     $ === "long" ? "long text" : $ === "extreme" ? "extreme text" : null,
     H === "selected" ? "selection status" : H === "disabled" ? "inactive" : H === "loading" ? "loading status" : null
-  ].filter(Boolean), So = (h) => S(h == null ? null : _x(h)), Rn = (h, y, C) => {
+  ].filter(Boolean), So = (h) => S(h == null ? null : _x(h)), Tn = (h, y, C) => {
     C ? h.style.setProperty(y, C) : h.style.removeProperty(y);
   }, No = (h, y, C, _) => {
     if (h.button !== 0) return;
     h.preventDefault(), h.stopPropagation();
-    const L = h.clientX, le = h.clientY, ue = document.body.style.cursor, _e = document.body.style.userSelect;
+    const L = h.clientX, ce = h.clientY, ue = document.body.style.cursor, _e = document.body.style.userSelect;
     document.body.style.cursor = y, document.body.style.userSelect = "none";
     const ht = (Nn) => {
-      C(Nn.clientX - L, Nn.clientY - le), ge();
+      C(Nn.clientX - L, Nn.clientY - ce), ge();
     }, Sn = () => {
       window.removeEventListener("pointermove", ht), window.removeEventListener("pointerup", Sn), document.body.style.cursor = ue, document.body.style.userSelect = _e, _(), ge();
     };
@@ -8372,7 +8378,7 @@ function mc({
       T("container"), X.toast(`${y.label}change to batch`);
     }
   }, Rr = (h) => {
-    !he || !D || (Xe("display", "grid"), Xe("grid-template-columns", `repeat(${h}, minmax(0, 1fr))`), rt("width", "auto"), rt("min-width", "0"), X.toast(`Maximum ${h} per row · ${Fn(an)}`));
+    !he || !D || (Xe("display", "grid"), Xe("grid-template-columns", `repeat(${h}, minmax(0, 1fr))`), rt("width", "auto"), rt("min-width", "0"), X.toast(`Maximum ${h} per row · ${Ln(an)}`));
   }, Io = (h) => {
     if (!he || !D) return;
     const y = Math.max(
@@ -8384,20 +8390,20 @@ function mc({
         )
       )
     );
-    Xe("display", "grid"), Xe("grid-template-columns", `repeat(auto-fit, minmax(min(${y}px, 100%), 1fr))`), rt("width", "auto"), rt("min-width", "0"), X.toast(`Automatic columns · minimum ${y}px · ${Fn(an)}`);
+    Xe("display", "grid"), Xe("grid-template-columns", `repeat(auto-fit, minmax(min(${y}px, 100%), 1fr))`), rt("width", "auto"), rt("min-width", "0"), X.toast(`Automatic columns · minimum ${y}px · ${Ln(an)}`);
   }, Xi = (h, y) => {
     if (!he) return;
     const C = he.style.getPropertyValue(h), _ = h === "column-gap" ? ln : h === "row-gap" ? Er : It[h.replace("padding-", "")];
     let L = _;
-    const le = h === "column-gap" || h === "padding-left" || h === "padding-right", ue = h === "padding-right" || h === "padding-bottom" ? -1 : 1;
+    const ce = h === "column-gap" || h === "padding-left" || h === "padding-right", ue = h === "padding-right" || h === "padding-bottom" ? -1 : 1;
     W(h), h.startsWith("padding-") && q(!1), No(
       y,
-      le ? "ew-resize" : "ns-resize",
+      ce ? "ew-resize" : "ns-resize",
       (_e, ht) => {
-        L = Math.max(0, Math.min(256, Math.round(_ + (le ? _e : ht) * ue))), he.style.setProperty(h, `${L}px`);
+        L = Math.max(0, Math.min(256, Math.round(_ + (ce ? _e : ht) * ue))), he.style.setProperty(h, `${L}px`);
       },
       () => {
-        Rn(he, h, C), Xe(h, `${L}px`), W(null), X.toast(
+        Tn(he, h, C), Xe(h, `${L}px`), W(null), X.toast(
           `${h === "column-gap" ? "column spacing" : h === "row-gap" ? "row spacing" : h.replace("padding-", "padding")} ${L}px`
         );
       }
@@ -8405,33 +8411,33 @@ function mc({
   }, Co = (h, y) => {
     if (!he || !G) return;
     const C = he.style.getPropertyValue("width"), _ = he.style.getPropertyValue("height");
-    let L = Math.round(G.width), le = Math.round(G.height);
+    let L = Math.round(G.width), ce = Math.round(G.height);
     No(
       y,
       h === "width" ? "ew-resize" : h === "height" ? "ns-resize" : "nwse-resize",
       (ue, _e) => {
-        h !== "height" && (L = Math.max(200, Math.min(1920, Math.round(G.width + ue))), he.style.setProperty("width", `${L}px`)), h !== "width" && (le = Math.max(80, Math.min(1600, Math.round(G.height + _e))), he.style.setProperty("height", `${le}px`));
+        h !== "height" && (L = Math.max(200, Math.min(1920, Math.round(G.width + ue))), he.style.setProperty("width", `${L}px`)), h !== "width" && (ce = Math.max(80, Math.min(1600, Math.round(G.height + _e))), he.style.setProperty("height", `${ce}px`));
       },
       () => {
-        Rn(he, "width", C), Rn(he, "height", _), h !== "height" && Xe("width", `${L}px`), h !== "width" && Xe("height", `${le}px`), X.toast(`container${L} × ${le}px`);
+        Tn(he, "width", C), Tn(he, "height", _), h !== "height" && Xe("width", `${L}px`), h !== "width" && Xe("height", `${ce}px`), X.toast(`container${L} × ${ce}px`);
       }
     );
   }, _f = (h) => {
     if (!he || !D) return;
     const y = he.style.getPropertyValue("display"), C = he.style.getPropertyValue("grid-template-columns"), _ = D.style.getPropertyValue("min-width"), L = us(he, (te == null ? void 0 : te.width) ?? 240);
-    let le = L;
+    let ce = L;
     No(
       h,
       "ew-resize",
       (ue) => {
         var _e;
-        le = Math.max(80, Math.min(600, Math.round(L + ue))), he.style.setProperty("display", "grid"), he.style.setProperty(
+        ce = Math.max(80, Math.min(600, Math.round(L + ue))), he.style.setProperty("display", "grid"), he.style.setProperty(
           "grid-template-columns",
-          `repeat(auto-fit, minmax(min(${le}px, 100%), 1fr))`
+          `repeat(auto-fit, minmax(min(${ce}px, 100%), 1fr))`
         ), D.style.setProperty("min-width", "0"), (_e = B.current) == null || _e.mirrorStyle(D, "min-width", "0");
       },
       () => {
-        Rn(he, "display", y), Rn(he, "grid-template-columns", C), Rn(D, "min-width", _), Xe("display", "grid"), Xe("grid-template-columns", `repeat(auto-fit, minmax(min(${le}px, 100%), 1fr))`), rt("min-width", "0"), X.toast(`item minimum width${le}px`);
+        Tn(he, "display", y), Tn(he, "grid-template-columns", C), Tn(D, "min-width", _), Xe("display", "grid"), Xe("grid-template-columns", `repeat(auto-fit, minmax(min(${ce}px, 100%), 1fr))`), rt("min-width", "0"), X.toast(`item minimum width${ce}px`);
       }
     );
   }, Of = (h) => {
@@ -8441,12 +8447,12 @@ function mc({
     No(
       h,
       "ns-resize",
-      (L, le) => {
+      (L, ce) => {
         var ue;
-        _ = Math.max(40, Math.min(1200, Math.round(C + le))), D.style.setProperty("height", `${_}px`), (ue = B.current) == null || ue.mirrorStyle(D, "height", `${_}px`);
+        _ = Math.max(40, Math.min(1200, Math.round(C + ce))), D.style.setProperty("height", `${_}px`), (ue = B.current) == null || ue.mirrorStyle(D, "height", `${_}px`);
       },
       () => {
-        Rn(D, "height", y), rt("height", `${_}px`), X.toast(`item height${_}px`);
+        Tn(D, "height", y), rt("height", `${_}px`), X.toast(`item height${_}px`);
       }
     );
   }, $o = (h, y, C) => {
@@ -8478,25 +8484,25 @@ function mc({
       "text-overflow": "ellipsis",
       "overflow-wrap": "normal"
     };
-    for (const [L, le] of Object.entries(C))
+    for (const [L, ce] of Object.entries(C))
       X.recordStyle(
         y,
         L,
-        le,
+        ce,
         Be(y),
         an,
         J.current
-      ), (_ = B.current) == null || _.mirrorStyle(y, L, le);
+      ), (_ = B.current) == null || _.mirrorStyle(y, L, ce);
     X.toast(h === "wrap" ? "Change to multi-line content" : "Change to one line abbreviation");
   }, Tr = m ? Px : $x, jf = u === "cases" && G && G.left + G.width > window.innerWidth - Tr - 32 || te && te.left + te.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Tr - 16), Wf = Se ? 54 : 64, pl = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? jf, window.innerWidth - Tr - 8)), ml = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? Wf, window.innerHeight - 80)), Hf = (h) => {
     if (h.button !== 0) return;
     h.preventDefault();
     const y = { x: h.clientX, y: h.clientY, left: pl, top: ml };
     let C = { x: y.left, y: y.top };
-    const _ = (le) => {
+    const _ = (ce) => {
       C = {
-        x: Math.max(8, Math.min(y.left + le.clientX - y.x, window.innerWidth - Tr - 8)),
-        y: Math.max(8, Math.min(y.top + le.clientY - y.y, window.innerHeight - 80))
+        x: Math.max(8, Math.min(y.left + ce.clientX - y.x, window.innerWidth - Tr - 8)),
+        y: Math.max(8, Math.min(y.top + ce.clientY - y.y, window.innerHeight - 80))
       }, w(C);
     }, L = () => {
       fc(C), window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", L);
@@ -8513,9 +8519,9 @@ function mc({
     pointerEvents: "none"
   }), rr = { lines: [], labels: [] };
   if (wn) {
-    const h = Et(wn[0].getBoundingClientRect()), y = Et(wn[1].getBoundingClientRect()), C = h.left + h.width, _ = h.top + h.height, L = y.left + y.width, le = y.top + y.height, ue = C <= y.left ? { from: C, to: y.left } : L <= h.left ? { from: L, to: h.left } : null, _e = _ <= y.top ? { from: _, to: y.top } : le <= h.top ? { from: le, to: h.top } : null;
+    const h = Et(wn[0].getBoundingClientRect()), y = Et(wn[1].getBoundingClientRect()), C = h.left + h.width, _ = h.top + h.height, L = y.left + y.width, ce = y.top + y.height, ue = C <= y.left ? { from: C, to: y.left } : L <= h.left ? { from: L, to: h.left } : null, _e = _ <= y.top ? { from: _, to: y.top } : ce <= h.top ? { from: ce, to: h.top } : null;
     if (ue && ue.to - ue.from > 0.5) {
-      const ht = ue.to - ue.from, Sn = Math.max(h.top, y.top), Nn = Math.min(_, le), Fr = Nn > Sn ? (Sn + Nn) / 2 : (h.top + _ + y.top + le) / 4;
+      const ht = ue.to - ue.from, Sn = Math.max(h.top, y.top), Nn = Math.min(_, ce), Fr = Nn > Sn ? (Sn + Nn) / 2 : (h.top + _ + y.top + ce) / 4;
       rr.lines.push({ left: ue.from, top: Fr - 0.5, width: ht, height: 1 }), rr.labels.push({ x: ue.from + ht / 2, y: Fr, text: `${Math.round(ht)}px` });
     }
     if (_e && _e.to - _e.from > 0.5) {
@@ -8548,7 +8554,7 @@ function mc({
         },
         onDoubleClick: (h) => {
           const y = qt(h);
-          y && ds(y) && Mn(y);
+          y && ds(y) && En(y);
         }
       }
     ),
@@ -8608,7 +8614,7 @@ function mc({
       ))
     ] }),
     zf && G && /* @__PURE__ */ g(Ue, { children: [
-      /* @__PURE__ */ s("div", { style: Po(G, An ? "#f24822" : "#9747ff", !0) }),
+      /* @__PURE__ */ s("div", { style: Po(G, Rn ? "#f24822" : "#9747ff", !0) }),
       /* @__PURE__ */ g(
         "div",
         {
@@ -8619,10 +8625,10 @@ function mc({
             pointerEvents: "none",
             zIndex: 11
           },
-          className: `rounded px-1.5 py-0.5 text-[10px] font-semibold text-white ${An ? "bg-[#f24822]" : "bg-[#9747ff]"}`,
+          className: `rounded px-1.5 py-0.5 text-[10px] font-semibold text-white ${Rn ? "bg-[#f24822]" : "bg-[#9747ff]"}`,
           children: [
             Nt ? `maximum${Nt}row/row` : `Automatic Placement Minimum${nr}px`,
-            an && ` · ${Fn(an)}`
+            an && ` · ${Ln(an)}`
           ]
         }
       ),
@@ -9016,22 +9022,22 @@ function mc({
             /* @__PURE__ */ s(Je, { title: "Case result", children: /* @__PURE__ */ g(
               "div",
               {
-                className: `rounded-lg border px-3 py-2.5 ${An ? "border-[#fed7aa] bg-[#fff7ed]" : "border-[#bfdbfe] bg-[#eff6ff]"}`,
+                className: `rounded-lg border px-3 py-2.5 ${Rn ? "border-[#fed7aa] bg-[#fff7ed]" : "border-[#bfdbfe] bg-[#eff6ff]"}`,
                 children: [
                   /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ s("span", { className: `min-w-0 flex-1 text-[11px] font-semibold ${An ? "text-[#c2410c]" : "text-[#1d4ed8]"}`, children: Df }),
+                    /* @__PURE__ */ s("span", { className: `min-w-0 flex-1 text-[11px] font-semibold ${Rn ? "text-[#c2410c]" : "text-[#1d4ed8]"}`, children: Df }),
                     /* @__PURE__ */ s(
                       "span",
                       {
-                        className: `shrink-0 rounded px-1.5 py-0.5 text-[9px] font-semibold ${An ? "bg-[#ffedd5] text-[#c2410c]" : "bg-[#dcfce7] text-[#166534]"}`,
-                        children: An ? "Overflow" : "Layout valid"
+                        className: `shrink-0 rounded px-1.5 py-0.5 text-[9px] font-semibold ${Rn ? "bg-[#ffedd5] text-[#c2410c]" : "bg-[#dcfce7] text-[#166534]"}`,
+                        children: Rn ? "Overflow" : "Layout valid"
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ g("div", { className: `mt-1 text-[9px] ${An ? "text-[#9a3412]" : "text-[#64748b]"}`, children: [
+                  /* @__PURE__ */ g("div", { className: `mt-1 text-[9px] ${Rn ? "text-[#9a3412]" : "text-[#64748b]"}`, children: [
                     ul.length > 0 ? ul.join(" · ") : "Current data",
                     " · ",
-                    Fn(an)
+                    Ln(an)
                   ] })
                 ]
               }
@@ -9160,12 +9166,12 @@ function mc({
                 ] })
               }
             ),
-            En.length > 0 && /* @__PURE__ */ s(Je, { title: "State preview", children: /* @__PURE__ */ s("div", { className: `grid gap-1 ${En.length >= 3 ? "grid-cols-4" : "grid-cols-3"}`, children: [
+            kn.length > 0 && /* @__PURE__ */ s(Je, { title: "State preview", children: /* @__PURE__ */ s("div", { className: `grid gap-1 ${kn.length >= 3 ? "grid-cols-4" : "grid-cols-3"}`, children: [
               ["default", "Default"],
               ["selected", "Selected"],
               ["disabled", "Disabled"],
               ["loading", "Loading"]
-            ].filter(([h]) => h === "default" || En.includes(h)).map(([h, y]) => /* @__PURE__ */ s(
+            ].filter(([h]) => h === "default" || kn.includes(h)).map(([h, y]) => /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
@@ -9180,7 +9186,7 @@ function mc({
               Je,
               {
                 title: "Screen scope · Breakpoint",
-                action: /* @__PURE__ */ s("span", { className: "text-[10px] tabular-nums text-[#71717a]", children: Fn(an) }),
+                action: /* @__PURE__ */ s("span", { className: "text-[10px] tabular-nums text-[#71717a]", children: Ln(an) }),
                 children: [
                   /* @__PURE__ */ g("div", { className: "grid grid-cols-5 gap-1", children: [
                     uc.map((h) => /* @__PURE__ */ s(
@@ -9801,7 +9807,7 @@ function mc({
                 "input",
                 {
                   type: "search",
-                  value: ce,
+                  value: de,
                   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]",
@@ -9952,7 +9958,7 @@ function mc({
               /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: bo.map(([h, y]) => {
                 const C = go.find(
                   (ue) => ue.kind === "prop" && ue.el === D && ue.prop === h
-                ), _ = C ? typeof y == "boolean" ? C.to === "true" : typeof y == "number" ? Number(C.to) : C.to : y, L = Eh(D, h), le = (ue) => {
+                ), _ = C ? typeof y == "boolean" ? C.to === "true" : typeof y == "number" ? Number(C.to) : C.to : y, L = Eh(D, h), ce = (ue) => {
                   const _e = typeof y == "number" ? Number(ue) : ue;
                   typeof _e == "number" && !Number.isFinite(_e) || _e !== _ && X.recordProp(
                     D,
@@ -10000,9 +10006,9 @@ function mc({
                           defaultValue: String(_),
                           className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-2 text-[11px] text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff] disabled:text-[#a1a1aa]",
                           onKeyDown: (ue) => {
-                            ue.key === "Enter" && (le(ue.currentTarget.value), ue.currentTarget.blur());
+                            ue.key === "Enter" && (ce(ue.currentTarget.value), ue.currentTarget.blur());
                           },
-                          onBlur: (ue) => le(ue.currentTarget.value)
+                          onBlur: (ue) => ce(ue.currentTarget.value)
                         },
                         `${Q}-prop-${h}`
                       ),
@@ -10104,10 +10110,10 @@ function mc({
                     "button",
                     {
                       type: "button",
-                      disabled: xo === 0 || V || de,
+                      disabled: xo === 0 || V || le,
                       className: "mt-1.5 h-8 w-full rounded-md border border-[#c4b5fd] bg-[#faf5ff] text-[10px] font-semibold text-[#6d28d9] hover:bg-[#f3e8ff] disabled:border-[#e4e4e7] disabled:bg-[#f4f4f5] disabled:text-[#a1a1aa]",
                       onClick: () => void Zn(),
-                      children: V ? "Generating code diff…" : de ? "Calculating impact screen…" : Wi ? "Check code diff" : `Code diff confirmed · r${(ie == null ? void 0 : ie.revision) ?? "—"}`
+                      children: V ? "Generating code diff…" : le ? "Calculating impact screen…" : Wi ? "Check code diff" : `Code diff confirmed · r${(ie == null ? void 0 : ie.revision) ?? "—"}`
                     }
                   ) : /* @__PURE__ */ s("p", { className: "mt-1.5 rounded bg-[#f4f4f5] px-2 py-1 text-[9px] text-[#71717a]", children: "There is no diff callback, so it works in the traditional apply manner." }),
                   /* @__PURE__ */ s("p", { className: "mt-1.5 text-[9px] leading-relaxed text-[#71717a]", children: yo ? "You must check the code diff of the current payload to apply it. As changes are added, existing diffs become outdated." : "Only one final change remains per element, attribute, or breakpoint, and intermediate operations are stored only in Undo/Redo memory." }),
@@ -10155,11 +10161,11 @@ function mc({
                 ),
                 children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
                   ot.frames.map((h) => {
-                    var L, le;
+                    var L, ce;
                     const y = h.domChanged === !0, C = h.screenshotChanged === !0, _ = [
                       ["Before change", h.before.screenshotUrl],
                       ["After change", (L = h.after) == null ? void 0 : L.screenshotUrl],
-                      ["Diff", ((le = h.pixelDiff) == null ? void 0 : le.heatmapUrl) ?? void 0]
+                      ["Diff", ((ce = h.pixelDiff) == null ? void 0 : ce.heatmapUrl) ?? void 0]
                     ].filter((ue) => typeof ue[1] == "string");
                     return /* @__PURE__ */ g(
                       "div",
@@ -10264,7 +10270,7 @@ function mc({
                       ] }),
                       h.media && /* @__PURE__ */ g("div", { className: "mt-0.5 text-[9px] font-semibold text-[#7c3aed]", children: [
                         "@media ",
-                        Fn(h.media)
+                        Ln(h.media)
                       ] }),
                       /* @__PURE__ */ s("div", { className: "mt-1 flex flex-col gap-0.5 font-mono text-[10px] text-[#52525b]", children: Object.entries(h.declarations).map(([_, L]) => /* @__PURE__ */ g("div", { className: "truncate", children: [
                         _,
@@ -10327,7 +10333,7 @@ function mc({
                   `${h.kind}-${h.identity.componentFile}-${h.identity.sourceStart}-${y.prop}`
                 );
               }),
-              sn.operations.some((h) => h.scope === "shared-source") && /* @__PURE__ */ s("p", { className: "text-[9px] leading-relaxed text-[#71717a]", children: de ? "Calculating every screen affected by the shared source." : "Affected screens are derived from the source dependency graph." })
+              sn.operations.some((h) => h.scope === "shared-source") && /* @__PURE__ */ s("p", { className: "text-[9px] leading-relaxed text-[#71717a]", children: le ? "Calculating every screen affected by the shared source." : "Affected screens are derived from the source dependency graph." })
             ] }) : /* @__PURE__ */ s("div", { className: "text-[11px] leading-relaxed text-[#a1a1aa]", children: "No changes can be saved yet. Items that only changed the screen are identified in the final changes below." }) }),
             /* @__PURE__ */ s(Je, { title: "Recent changes", children: Gt.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [...Gt].reverse().map((h) => {
               const y = h.items.some(Qi), C = h.items.some((_) => !Qi(_));
@@ -10348,7 +10354,7 @@ function mc({
                     /* @__PURE__ */ s("b", { children: _.to })
                   ] }),
                   _.token && /* @__PURE__ */ s("span", { className: "shrink-0 rounded bg-[#ede9fe] px-1 text-[8px] font-semibold text-[#6d28d9]", children: "token" }),
-                  _.media && /* @__PURE__ */ s("span", { className: "shrink-0 rounded bg-[#f3e8ff] px-1 text-[8px] font-semibold text-[#7c3aed]", children: Fn(_.media) }),
+                  _.media && /* @__PURE__ */ s("span", { className: "shrink-0 rounded bg-[#f3e8ff] px-1 text-[8px] font-semibold text-[#7c3aed]", children: Ln(_.media) }),
                   _.sourceScope && /* @__PURE__ */ s("span", { className: "shrink-0 rounded bg-[#ede9fe] px-1 text-[8px] font-semibold text-[#6d28d9]", children: _.sourceScope === "instance" ? "This screen" : "Shared source" })
                 ] }, _.id)) })
               ] }, h.id);
@@ -10448,7 +10454,7 @@ const Wx = We(function({ onClose: t }) {
   if (se(() => X.reset(), []), r.route != null) {
     const c = () => {
       if (!o.current) return;
-      const d = Vn(), u = d ? d.captureIframe(o.current) : Ah(o.current, {
+      const d = Kn(), u = d ? d.captureIframe(o.current) : Ah(o.current, {
         resolveInstance: fa(Ze()),
         instanceMode: "expand",
         mediaMode: "layers",
@@ -10693,7 +10699,7 @@ function Vx({
     }
   );
 }
-const On = "View only — switch to Editing to change this.", xc = /* @__PURE__ */ new Set([
+const Bn = "View only — switch to Editing to change this.", xc = /* @__PURE__ */ new Set([
   "Delete",
   "Backspace",
   "Enter",
@@ -11394,7 +11400,7 @@ function dy({
   onFrameFocus: e = (t) => f.selectFrame(t)
 }) {
   var x;
-  const t = Vn(), [n, r] = Y(t ? "atoms" : "components"), [o, i] = Y(""), a = o.trim().toLowerCase(), l = (t == null ? void 0 : t.getAssets(n).filter(
+  const t = Kn(), [n, r] = Y(t ? "atoms" : "components"), [o, i] = Y(""), a = o.trim().toLowerCase(), l = (t == null ? void 0 : t.getAssets(n).filter(
     (w) => {
       var v, S, $, R;
       return !a || w.name.toLowerCase().includes(a) || ((v = w.codeName) == null ? void 0 : v.toLowerCase().includes(a)) || ((S = w.sourcePath) == null ? void 0 : S.toLowerCase().includes(a)) || (($ = w.scenarioId) == null ? void 0 : $.toLowerCase().includes(a)) || ((R = w.description) == null ? void 0 : R.toLowerCase().includes(a));
@@ -11464,7 +11470,7 @@ function uy({
     Md,
     Ls,
     Ls
-  ), o = e ? n.filter((l) => Xn(l)).length : 0, i = e ? n.filter((l) => Ei(l)).length : 0, a = t && i === n.length;
+  ), o = e ? n.filter((l) => Jn(l)).length : 0, i = e ? n.filter((l) => Ei(l)).length : 0, a = t && i === n.length;
   return /* @__PURE__ */ s(
     "div",
     {
@@ -11482,7 +11488,7 @@ const fy = "pygmalion.design-ir", hy = 1, py = {
   maxNodes: 1e4,
   maxDepth: 64,
   maxOutputBytes: 2 * 1024 * 1024
-}, Wn = /* @__PURE__ */ new Map();
+}, Hn = /* @__PURE__ */ new Map();
 function nf(e) {
   if (!e || typeof e != "object" || Object.isFrozen(e))
     return e;
@@ -11669,13 +11675,13 @@ function vy(e) {
     throw new Error("Design codegen adapters require an id, label, and language.");
   if (!/^[-a-z0-9]+$/i.test(t))
     throw new Error(`Design codegen adapter id "${t}" is invalid.`);
-  const n = Wn.get(t), r = { ...e, id: t };
-  return Wn.set(t, r), () => {
-    Wn.get(t) === r && (n ? Wn.set(t, n) : Wn.delete(t));
+  const n = Hn.get(t), r = { ...e, id: t };
+  return Hn.set(t, r), () => {
+    Hn.get(t) === r && (n ? Hn.set(t, n) : Hn.delete(t));
   };
 }
 function wy() {
-  return [...Wn.values()].sort(
+  return [...Hn.values()].sort(
     (e, t) => e.label.localeCompare(t.label)
   );
 }
@@ -11683,7 +11689,7 @@ function Sy(e, t = {}) {
   const n = t.target ?? "jsx-tailwind", r = t.purpose ?? "export", o = yy(t.limits), i = rf(
     e,
     t.frame
-  ), { document: a } = i, l = [...i.diagnostics], c = Wn.get(n);
+  ), { document: a } = i, l = [...i.diagnostics], c = Hn.get(n);
   if (c || l.push({
     severity: "error",
     stage: "generate",
@@ -12114,7 +12120,7 @@ function Ly(e) {
     n.warnings.length > 0 && t.add(n.frameId);
   return t;
 }
-function Ln(e) {
+function Dn(e) {
   return [...new Set([...e].filter(Boolean))].sort(
     (t, n) => t.localeCompare(n)
   );
@@ -12149,7 +12155,7 @@ function af(e, t) {
   const u = /* @__PURE__ */ new Map();
   for (const M of e.sourceGroups) {
     if (!M.shared) continue;
-    const W = Ln(
+    const W = Dn(
       M.nodeIds.flatMap(
         (ee) => (a.get(ee) ?? []).map((q) => q.frameId)
       )
@@ -12232,10 +12238,10 @@ function af(e, t) {
       aliasScreenIds: ee.screenIds.filter(
         (ne) => ne !== ee.canonicalScreenId
       ),
-      relatedFrameIds: Ln(
+      relatedFrameIds: Dn(
         u.get(W) ?? []
       ).filter((ne) => ne !== M.frameId),
-      branchTargetFrameIds: Ln(
+      branchTargetFrameIds: Dn(
         [...b.get(W) ?? []].map(
           (ne) => {
             var ie;
@@ -12261,7 +12267,7 @@ function af(e, t) {
       aliasScreenIds: M.screenIds.filter(
         (ee) => ee !== M.canonicalScreenId
       ),
-      aliasFrameIds: Ln(
+      aliasFrameIds: Dn(
         M.screenIds.filter((ee) => ee !== M.canonicalScreenId).map((ee) => {
           var q;
           return (q = i.get(ee)) == null ? void 0 : q.frameId;
@@ -12271,21 +12277,21 @@ function af(e, t) {
   }).sort((M, W) => M.nodeId.localeCompare(W.nodeId)), N = e.sourceGroups.filter((M) => M.shared).map((M) => ({
     sourceKey: M.sourceKey,
     nodeIds: M.nodeIds,
-    frameIds: Ln(
+    frameIds: Dn(
       M.nodeIds.flatMap(
         (W) => (a.get(W) ?? []).map((ee) => ee.frameId)
       )
     )
   })).sort((M, W) => M.sourceKey.localeCompare(W.sourceKey)), T = new Set(
     H.flatMap((M) => M.warnings)
-  ), j = Ln(
+  ), j = Dn(
     e.startNodeIds.map(
       (M) => {
         var W;
         return (W = c.get(M)) == null ? void 0 : W.frameId;
       }
     )
-  ), k = Ln(
+  ), k = Dn(
     e.branches.map(
       (M) => {
         var W;
@@ -13624,7 +13630,7 @@ const ov = We(function({
         "data-coverage-claim": r.scenarioId,
         "data-coverage-kind": r.kind,
         disabled: o,
-        title: o ? On : r.reason ?? Mc(r),
+        title: o ? Bn : r.reason ?? Mc(r),
         className: "flex h-7 items-center justify-between gap-2 rounded-md bg-[#fafafa] px-2 text-left ring-1 ring-inset ring-[#ececec] hover:bg-[#f0f7ff] disabled:cursor-not-allowed disabled:opacity-45 disabled:hover:bg-[#fafafa]",
         onClick: () => {
           Gy(r);
@@ -15064,7 +15070,7 @@ function Lv(e, t = {}) {
   return { run: w, cancel: v };
 }
 const Lc = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Dv = 600, dn = 200, en = 280, zv = 480, ps = "absolute bottom-11 left-1/2 z-40 w-44 -translate-x-1/2 rounded-xl bg-[#1e1e1e] p-1.5 text-[12px] shadow-[0_4px_20px_rgba(0,0,0,.25)]", Vr = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
-function Dn({
+function zn({
   icon: e,
   label: t,
   shortcut: n,
@@ -15101,8 +15107,8 @@ const _v = We(function({
   se(() => i, []);
   const a = Qe(
     Uc,
-    Gn,
-    Gn
+    Xn,
+    Xn
   ), l = Qe(
     ha,
     bn,
@@ -15132,10 +15138,10 @@ const _v = We(function({
     y: F.y ?? 0,
     width: F.width ?? 390,
     height: fn(F)
-  })) : [], m = f.pages.filter((F) => F.route != null).sort((F, ce) => {
+  })) : [], m = f.pages.filter((F) => F.route != null).sort((F, de) => {
     if (F.id === f.activePageId) return -1;
-    if (ce.id === f.activePageId) return 1;
-    const re = (F.canvas ?? "default") === f.activeCanvas, Ee = (ce.canvas ?? "default") === f.activeCanvas;
+    if (de.id === f.activePageId) return 1;
+    const re = (F.canvas ?? "default") === f.activeCanvas, Ee = (de.canvas ?? "default") === f.activeCanvas;
     return re !== Ee ? re ? -1 : 1 : 0;
   }), b = m.map((F) => jt(F, a)), x = [
     ...new Set(
@@ -15166,9 +15172,9 @@ const _v = We(function({
   se(() => {
     var Oe;
     if (!t || !$ || typeof document > "u") return;
-    const F = Vn();
+    const F = Kn();
     if (!F) return;
-    const ce = Xt(), re = n.current, Ee = re ? {
+    const de = Xt(), re = n.current, Ee = re ? {
       panX: f.panX,
       panY: f.panY,
       zoom: f.zoom,
@@ -15189,7 +15195,7 @@ const _v = We(function({
           assertions: B.assertions
         },
         a,
-        ce
+        de
       );
       ve.push({
         pageId: B.id,
@@ -15214,7 +15220,7 @@ const _v = We(function({
       });
     }
     const we = Ev(ve, {
-      hasSnapshot: Xn
+      hasSnapshot: Jn
     }), Q = Ha(), ge = Lv({
       leaseInstance: async (B) => {
         const K = O.get(B.pageId);
@@ -15223,7 +15229,7 @@ const _v = We(function({
           l,
           K.route,
           Lt(
-            ce,
+            de,
             gn(K)
           )
         );
@@ -15301,7 +15307,7 @@ const _v = We(function({
         const B = f.pages.find(
           (K) => K.id === f.activePageId
         );
-        return !B || B.route == null ? !1 : B.importLayers && !B.layersImported ? !0 : !B.layersImported && !Xn(
+        return !B || B.route == null ? !1 : B.importLayers && !B.layersImported ? !0 : !B.layersImported && !Jn(
           jt(B, a)
         );
       }
@@ -15332,10 +15338,10 @@ const _v = We(function({
   se(() => {
     if (!t || !$) return;
     const F = setTimeout(() => {
-      const ce = f.pages.find(
+      const de = f.pages.find(
         (re) => re.id === N
       );
-      ce && au(ce, a);
+      de && au(de, a);
     }, Dv);
     return () => clearTimeout(F);
   }, [
@@ -15346,9 +15352,9 @@ const _v = We(function({
   ]);
   const [T, j] = Y(!1), [k, z] = Y(null), [Z, M] = Y("layers"), [W, ee] = Y("story"), [q, Me] = Y(null), oe = Object.keys(Ze()), fe = f.canAddFrame, ne = f.editMode, ie = (F) => {
     f.setTool(F), Me(null);
-  }, [P, E] = Y(!0), [I, V] = Y(!0), [ae, xe] = Y(en), [Re, de] = Y(en), Le = Ie(!1), De = (F) => {
-    const ce = f.pages.find((we) => we.id === F), re = n.current;
-    if (!ce || !re) {
+  }, [P, E] = Y(!0), [I, V] = Y(!0), [ae, xe] = Y(en), [Re, le] = Y(en), Le = Ie(!1), De = (F) => {
+    const de = f.pages.find((we) => we.id === F), re = n.current;
+    if (!de || !re) {
       f.selectFrame(F);
       return;
     }
@@ -15360,11 +15366,11 @@ const _v = We(function({
       insetTop: 12,
       insetBottom: 64
     }, O = {
-      x: ce.x ?? 0,
-      y: ce.y ?? 0,
-      width: ce.width ?? 390,
-      height: fn(ce)
-    }, ve = (ce.canvas ?? "default") === f.activeCanvas ? Uh(O, Ee, {
+      x: de.x ?? 0,
+      y: de.y ?? 0,
+      width: de.width ?? 390,
+      height: fn(de)
+    }, ve = (de.canvas ?? "default") === f.activeCanvas ? Uh(O, Ee, {
       panX: f.panX,
       panY: f.panY,
       zoom: f.zoom
@@ -15377,7 +15383,7 @@ const _v = We(function({
   se(() => {
     const F = n.current;
     if (!F) return;
-    const ce = (re) => {
+    const de = (re) => {
       const Ee = ey(re);
       if (Ee !== "native-preview") {
         if (Ee === "programmatic-preview") {
@@ -15391,7 +15397,7 @@ const _v = We(function({
           f.panBy(-re.deltaX, -re.deltaY);
       }
     };
-    return F.addEventListener("wheel", ce, { passive: !1 }), () => F.removeEventListener("wheel", ce);
+    return F.addEventListener("wheel", de, { passive: !1 }), () => F.removeEventListener("wheel", de);
   }, []), se(() => {
     const F = () => {
       const O = n.current;
@@ -15402,7 +15408,7 @@ const _v = We(function({
       if (!ve.length) return;
       const we = Math.min(...ve.map((J) => J.x ?? 0)), Q = Math.min(...ve.map((J) => J.y ?? 0)), ge = Math.max(...ve.map((J) => (J.x ?? 0) + (J.width ?? 390))), Oe = Math.max(...ve.map((J) => (J.y ?? 0) + (J.height ?? 600))), B = ge - we, K = Oe - Q, ke = Math.max(0.25, Math.min((O.clientWidth - 120) / B, (O.clientHeight - 200) / K, 1.5));
       f.setZoom(ke), f.setPan((O.clientWidth - B * ke) / 2 - we * ke, (O.clientHeight - K * ke) / 2 - Q * ke);
-    }, ce = () => {
+    }, de = () => {
       const O = n.current;
       if (!O) return;
       const ve = f.activePage, we = ve.width ?? 390, Q = ve.height ?? 600, ge = Math.max(0.25, Math.min((O.clientWidth - 560) / we, (O.clientHeight - 140) / Q));
@@ -15498,7 +15504,7 @@ const _v = We(function({
             return;
           }
           if (O.code === "Digit2") {
-            ce();
+            de();
             return;
           }
           if (O.key === "Tab") {
@@ -15586,14 +15592,14 @@ const _v = We(function({
       window.removeEventListener("keydown", re), window.removeEventListener("keyup", Ee);
     };
   }, [I]);
-  const Ye = (F) => (ce) => {
-    ce.preventDefault();
-    const re = ce.clientX, Ee = F === "left" ? ae : Re, O = (we) => {
+  const Ye = (F) => (de) => {
+    de.preventDefault();
+    const re = de.clientX, Ee = F === "left" ? ae : Re, O = (we) => {
       const Q = F === "left" ? we.clientX - re : re - we.clientX, ge = Math.max(
         dn,
         Math.min(zv, Ee + Q)
       );
-      F === "left" ? xe(ge) : de(ge);
+      F === "left" ? xe(ge) : le(ge);
     }, ve = () => {
       window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", ve);
     };
@@ -15628,11 +15634,11 @@ const _v = We(function({
             onPointerMove: (F) => {
               var ve;
               if (!Yx(f.editMode, f.tool)) return;
-              const ce = (ve = n.current) == null ? void 0 : ve.getBoundingClientRect();
-              if (!ce) return;
+              const de = (ve = n.current) == null ? void 0 : ve.getBoundingClientRect();
+              if (!de) return;
               const re = vc(
                 p,
-                yc(F, ce, {
+                yc(F, de, {
                   panX: f.panX,
                   panY: f.panY,
                   zoom: f.zoom
@@ -15669,8 +15675,8 @@ const _v = We(function({
             onMouseDown: (F) => {
               var we;
               if (T || F.button !== 0) return;
-              const ce = n.current;
-              if ((F.metaKey || F.ctrlKey) && ce) {
+              const de = n.current;
+              if ((F.metaKey || F.ctrlKey) && de) {
                 const Q = { x: F.clientX, y: F.clientY, px: f.panX, py: f.panY }, ge = (B) => {
                   Le.current = !0, f.setPan(Q.px + (B.clientX - Q.x), Q.py + (B.clientY - Q.y));
                 }, Oe = () => {
@@ -15728,13 +15734,13 @@ const _v = We(function({
               window.addEventListener("mousemove", O), window.addEventListener("mouseup", ve);
             },
             onClick: (F) => {
-              var ce;
+              var de;
               if (Le.current) {
                 Le.current = !1;
                 return;
               }
               if (!f.editMode) {
-                const re = (ce = n.current) == null ? void 0 : ce.getBoundingClientRect(), Ee = re ? vc(
+                const re = (de = n.current) == null ? void 0 : de.getBoundingClientRect(), Ee = re ? vc(
                   p,
                   yc(F, re, {
                     panX: f.panX,
@@ -15764,13 +15770,13 @@ const _v = We(function({
               f.pages.filter(
                 (F) => (F.route != null || (F.canvas ?? "default") === f.activeCanvas) && f.isScreenStateShown(F)
               ).map((F) => {
-                var ce;
+                var de;
                 return /* @__PURE__ */ s(
                   ex,
                   {
                     page: F,
                     active: F.id === f.activePageId,
-                    selected: ((ce = f.selectedCanvasObject) == null ? void 0 : ce.kind) === "frame" && f.selectedCanvasObject.id === F.id,
+                    selected: ((de = f.selectedCanvasObject) == null ? void 0 : de.kind) === "frame" && f.selectedCanvasObject.id === F.id,
                     cacheHydrated: $,
                     previewIdentityReady: t,
                     backgroundOnly: (F.canvas ?? "default") !== f.activeCanvas
@@ -15846,13 +15852,13 @@ const _v = We(function({
             /* @__PURE__ */ s("div", { className: "mt-2 flex gap-3", children: [
               ["layers", "Layers"],
               ["assets", "Assets"]
-            ].map(([F, ce]) => /* @__PURE__ */ s(
+            ].map(([F, de]) => /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
                 className: `border-b-2 pb-1.5 text-[11px] ${Z === F ? "border-[#0d99ff] font-semibold text-[#333]" : "border-transparent text-[#999] hover:text-[#333]"}`,
                 onClick: () => M(F),
-                children: ce
+                children: de
               },
               F
             )) })
@@ -15906,7 +15912,7 @@ const _v = We(function({
                 {
                   type: "button",
                   "aria-pressed": !f.editMode,
-                  title: f.editMode ? "Editing — click to switch to view only" : `${On} Click to start editing.`,
+                  title: f.editMode ? "Editing — click to switch to view only" : `${Bn} Click to start editing.`,
                   className: `flex h-7 items-center gap-1 rounded-lg px-3 text-[11px] ${f.editMode ? "bg-[#f5f5f5] text-[#333] hover:bg-[#ececec]" : "bg-amber-500 font-semibold text-white hover:bg-amber-600"}`,
                   onClick: () => f.toggleEditMode(),
                   children: [
@@ -15928,7 +15934,7 @@ const _v = We(function({
                 {
                   type: "button",
                   disabled: !f.editMode,
-                  title: f.editMode ? "Apply changes" : On,
+                  title: f.editMode ? "Apply changes" : Bn,
                   className: "h-7 rounded-lg bg-[#0d99ff] px-3 text-[11px] font-semibold text-white hover:bg-[#0b87e0] disabled:cursor-not-allowed disabled:bg-[#e6e6e6] disabled:text-[#999]",
                   onClick: () => f.setApplyOpen(!0),
                   children: "Apply"
@@ -15955,7 +15961,7 @@ const _v = We(function({
               {
                 type: "button",
                 "aria-pressed": !f.editMode,
-                title: f.editMode ? "Editing — click to switch to view only" : `${On} Click to start editing.`,
+                title: f.editMode ? "Editing — click to switch to view only" : `${Bn} Click to start editing.`,
                 className: `flex h-7 items-center gap-1 rounded-lg px-2.5 text-[11px] ${f.editMode ? "bg-[#f5f5f5] text-[#333] hover:bg-[#ececec]" : "bg-amber-500 font-semibold text-white hover:bg-amber-600"}`,
                 onClick: () => f.toggleEditMode(),
                 children: [
@@ -16000,7 +16006,7 @@ const _v = We(function({
                 {
                   type: "button",
                   disabled: !f.editMode,
-                  title: f.editMode ? "Apply changes" : On,
+                  title: f.editMode ? "Apply changes" : Bn,
                   className: "h-7 rounded-lg bg-[#0d99ff] px-3 text-[11px] font-semibold text-white hover:bg-[#0b87e0] disabled:cursor-not-allowed disabled:bg-[#e6e6e6] disabled:text-[#999]",
                   onClick: () => f.setApplyOpen(!0),
                   children: "Apply"
@@ -16019,7 +16025,7 @@ const _v = We(function({
                   "aria-pressed": Re === dn,
                   title: `Minimum panel width · ${dn}px`,
                   className: `flex h-5 w-5 items-center justify-center rounded text-[10px] ${Re === dn ? "bg-[#f2f2f2] text-[#333]" : "text-[#999] hover:bg-[#f5f5f5]"}`,
-                  onClick: () => de(dn),
+                  onClick: () => le(dn),
                   children: "−"
                 }
               ),
@@ -16031,7 +16037,7 @@ const _v = We(function({
                   "aria-pressed": Re === en,
                   title: `Default panel width · ${en}px`,
                   className: `flex h-5 w-5 items-center justify-center rounded text-[10px] ${Re === en ? "bg-[#f2f2f2] text-[#333]" : "text-[#999] hover:bg-[#f5f5f5]"}`,
-                  onClick: () => de(en),
+                  onClick: () => le(en),
                   children: "↔"
                 }
               ),
@@ -16127,9 +16133,9 @@ const _v = We(function({
               }
             ),
             q === "cursor" && /* @__PURE__ */ g("div", { className: ps, children: [
-              /* @__PURE__ */ s(Dn, { checked: f.tool === "select", icon: /* @__PURE__ */ s(Xl, { size: 14 }), label: "Move", shortcut: "V", onClick: () => ie("select") }),
-              /* @__PURE__ */ s(Dn, { checked: f.tool === "hand", icon: /* @__PURE__ */ s(Jl, { size: 14 }), label: "Hand", shortcut: "H", onClick: () => ie("hand") }),
-              /* @__PURE__ */ s(Dn, { checked: f.tool === "zoom", icon: /* @__PURE__ */ s(Ql, { size: 14 }), label: "Zoom in/out", shortcut: "K", onClick: () => ie("zoom") })
+              /* @__PURE__ */ s(zn, { checked: f.tool === "select", icon: /* @__PURE__ */ s(Xl, { size: 14 }), label: "Move", shortcut: "V", onClick: () => ie("select") }),
+              /* @__PURE__ */ s(zn, { checked: f.tool === "hand", icon: /* @__PURE__ */ s(Jl, { size: 14 }), label: "Hand", shortcut: "H", onClick: () => ie("hand") }),
+              /* @__PURE__ */ s(zn, { checked: f.tool === "zoom", icon: /* @__PURE__ */ s(Ql, { size: 14 }), label: "Zoom in/out", shortcut: "K", onClick: () => ie("zoom") })
             ] })
           ] }),
           /* @__PURE__ */ g("div", { className: "relative flex items-center", children: [
@@ -16156,7 +16162,7 @@ const _v = We(function({
             ),
             q === "frame" && /* @__PURE__ */ g("div", { className: ps, children: [
               /* @__PURE__ */ s(
-                Dn,
+                zn,
                 {
                   icon: /* @__PURE__ */ s(Zs, { size: 14 }),
                   label: fe ? "Frame" : "Frame — screen canvas only",
@@ -16166,7 +16172,7 @@ const _v = We(function({
                   }
                 }
               ),
-              /* @__PURE__ */ s(Dn, { checked: f.tool === "section", icon: /* @__PURE__ */ s(mi, { size: 14 }), label: "Section", shortcut: "⇧S", onClick: () => ie("section") })
+              /* @__PURE__ */ s(zn, { checked: f.tool === "section", icon: /* @__PURE__ */ s(mi, { size: 14 }), label: "Section", shortcut: "⇧S", onClick: () => ie("section") })
             ] })
           ] }),
           /* @__PURE__ */ s("span", { className: "mx-1 h-5 w-px bg-[#e6e6e6]" }),
@@ -16175,7 +16181,7 @@ const _v = We(function({
               "button",
               {
                 type: "button",
-                title: ne ? "Add Rows (F)" : On,
+                title: ne ? "Add Rows (F)" : Bn,
                 "aria-label": "Add Rows",
                 disabled: !ne,
                 className: `${Vr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
@@ -16195,7 +16201,7 @@ const _v = We(function({
             ),
             q === "layout" && /* @__PURE__ */ g("div", { className: ps, children: [
               /* @__PURE__ */ s(
-                Dn,
+                zn,
                 {
                   icon: /* @__PURE__ */ s(gi, { size: 14 }),
                   label: "Rows",
@@ -16207,7 +16213,7 @@ const _v = We(function({
                 }
               ),
               /* @__PURE__ */ s(
-                Dn,
+                zn,
                 {
                   icon: /* @__PURE__ */ s(Ya, { size: 14 }),
                   label: "Columns",
@@ -16223,7 +16229,7 @@ const _v = We(function({
             "button",
             {
               type: "button",
-              title: ne ? "Add Text (T)" : On,
+              title: ne ? "Add Text (T)" : Bn,
               "aria-label": "Add text",
               disabled: !ne,
               className: `${Vr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
@@ -16570,7 +16576,7 @@ function Gv(e) {
       S += 1;
       const ae = b(I.from, V, "source"), xe = b(I.to, V, "target");
       if (!ae || !xe || ae === xe) continue;
-      const Re = d(I.fromScope, ae), de = d(I.toScope, xe), Le = `${ae}\0${xe}`, De = w.get(Le);
+      const Re = d(I.fromScope, ae), le = d(I.toScope, xe), Le = `${ae}\0${xe}`, De = w.get(Le);
       if (De) {
         const ot = {
           ...De,
@@ -16580,7 +16586,7 @@ function Gv(e) {
           ]),
           toNodeIds: ct([
             ...De.toNodeIds ?? [De.to],
-            ...de
+            ...le
           ]),
           sourceEdgeIds: ct([
             ...De.sourceEdgeIds,
@@ -16597,7 +16603,7 @@ function Gv(e) {
         from: ae,
         to: xe,
         fromNodeIds: Re,
-        toNodeIds: de,
+        toNodeIds: le,
         kind: ((ne = I.kind) == null ? void 0 : ne.trim()) || void 0,
         label: ((ie = I.label) == null ? void 0 : ie.trim()) || void 0,
         origin: P,
@@ -18098,9 +18104,9 @@ function s0(e = {}) {
             } : {},
             ...I || xe ? {} : xs()
           });
-          let de = await tn(Re);
-          if (I || (de = await Pw({
-            initial: de,
+          let le = await tn(Re);
+          if (I || (le = await Pw({
+            initial: le,
             fetchStatus: async () => tn(
               await o(`${a}/status`, xs())
             ),
@@ -18110,13 +18116,17 @@ function s0(e = {}) {
                 ...xs(xf)
               })
             )
-          })), de.state !== "ready" || !de.appOrigin || !de.commit)
-            throw new Error(de.error ?? "Pygmalion could not prepare the source preview");
+          })), le.state === "idle" && !le.error) {
+            w(le);
+            return;
+          }
+          if (le.state !== "ready" || !le.appOrigin || !le.commit)
+            throw new Error(le.error ?? "Pygmalion could not prepare the source preview");
           const Le = await tn(
             await o(`${l}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: b, baseDevSha: de.commit })
+              body: JSON.stringify({ sessionId: b, baseDevSha: le.commit })
             })
           );
           if (!Le.ok || !Le.session)
@@ -18134,7 +18144,7 @@ function s0(e = {}) {
               throw new Error(Ye.error ?? "Pygmalion could not check the design session");
             De = Ye.session;
           }
-          w(de), S(De), R(De.appOrigin ?? de.appOrigin);
+          w(le), S(De), R(De.appOrigin ?? le.appOrigin);
         } catch (xe) {
           w((Re) => ({
             ...Re,
@@ -18175,7 +18185,7 @@ function s0(e = {}) {
     [k, j, v == null ? void 0 : v.branchName]
   ), Z = wt(
     async (I) => {
-      var de;
+      var le;
       if (!v) throw new Error("Pygmalion design session is not ready");
       const V = T.current;
       if (V && (V.sessionId !== v.id || V.baseDevSha !== v.baseDevSha || V.revision !== v.revision || V.fingerprint !== JSON.stringify(I)))
@@ -18198,7 +18208,7 @@ function s0(e = {}) {
       S(ae.session), ae.session.appOrigin && R(ae.session.appOrigin);
       const xe = ae.applied ?? I.styles.length + I.texts.length + I.operations.length;
       let Re;
-      if (V != null && V.qaBaselineId && ((de = V.qaFrameIds) != null && de.length) && ae.session.appOrigin)
+      if (V != null && V.qaBaselineId && ((le = V.qaFrameIds) != null && le.length) && ae.session.appOrigin)
         try {
           Re = await Hc(o, u, {
             phase: "changed",
@@ -18227,7 +18237,7 @@ function s0(e = {}) {
     [o, i, u, v, l]
   ), M = wt(
     async (I) => {
-      var de;
+      var le;
       if (!v) throw new Error("Pygmalion design session is not ready");
       T.current = null;
       const V = await tn(
@@ -18256,7 +18266,7 @@ function s0(e = {}) {
           frameIds: ae
         }), !xe.complete)
           throw new Error(
-            ((de = xe.failures[0]) == null ? void 0 : de.error) ?? `Failed to capture ${ae.length - xe.frames.length} affected frames`
+            ((le = xe.failures[0]) == null ? void 0 : le.error) ?? `Failed to capture ${ae.length - xe.frames.length} affected frames`
           );
       }
       return T.current = {
@@ -18623,15 +18633,15 @@ function f0({
       V,
       E
     ]
-  ), [xe, Re] = Y(null), de = xe === ae;
-  yf = de;
+  ), [xe, Re] = Y(null), le = xe === ae;
+  yf = le;
   const [Le, De] = Y();
   c && (c.assertComplete(), Jh(c));
   const Ye = e ?? (c == null ? void 0 : c.getRegistry()), ot = t ?? (c == null ? void 0 : c.getTokens()), F = n ?? (c == null ? void 0 : c.getInitialPages());
   Ye && Qh(Ye), nx(i ?? []), ot && xx(ot), Vy(a ?? []), yx(d ?? null), Dd(m), Ad(
     !!(x != null && x.trim())
   );
-  const ce = Le ?? b, re = Ft(
+  const de = Le ?? b, re = Ft(
     () => (F ?? []).flatMap(
       (K) => K.route && K.importPageId ? [
         {
@@ -18647,7 +18657,7 @@ function f0({
       ] : []
     ),
     [F]
-  ), Ee = p ?? Gn(), O = typeof (ce == null ? void 0 : ce.sourceRevision) == "string" ? ce.sourceRevision : null, ve = O && Ee.startsWith("pending") ? Ee.replace(/^pending/, O) : Ee;
+  ), Ee = p ?? Xn(), O = typeof (de == null ? void 0 : de.sourceRevision) == "string" ? de.sourceRevision : null, ve = O && Ee.startsWith("pending") ? Ee.replace(/^pending/, O) : Ee;
   vf = ve;
   const we = u ?? bn(), Q = Ie([]), ge = Ie([]), Oe = Ft(
     () => re.map((K) => ({
@@ -18658,7 +18668,7 @@ function f0({
         Xt()
       )
     })),
-    [re, ve, de]
+    [re, ve, le]
   );
   Q.current = Oe, ge.current = re.map(
     (K) => ki({
@@ -18678,7 +18688,7 @@ function f0({
   ), w != null && Bd(w), up(S ?? null), $ != null && Zh($), R != null && ep(R), f.initEditMode(o !== "view-only"), ou(H ?? []), Xy(A ?? []), tp(N ?? []), np(T ?? []), rp(j ?? [], k), op(z ?? []), ip(Z ?? [], M), sp(W ?? []), hg(ee ?? 0), ap(q ?? []), sb(Me ?? []), fp(oe ?? null), hp(ne ?? null), lp(ie ?? null), pp(P ?? null), F && f.initPagesFromComponents(F, { initialCanvas: r }), ni(() => {
     u != null && cp(u), p != null && dp(p), Mm(l ?? []);
   }, [u, l, p]), ni(() => {
-    !ce || !F || !de || Ws(ce, {
+    !de || !F || !le || Ws(de, {
       namespace: m ?? "",
       previewRevision: ve,
       // A capture only needs somewhere to fetch its assets — not the checkout.
@@ -18695,7 +18705,7 @@ function f0({
       })
     });
   }, [
-    ce,
+    de,
     Oe,
     re,
     x,
@@ -18704,7 +18714,7 @@ function f0({
     we,
     F,
     ve,
-    de
+    le
   ]), se(() => {
     Pl(fe ?? null);
     const K = gx(f);
@@ -18712,7 +18722,7 @@ function f0({
       K(), Pl(null);
     };
   }, [fe]), se(() => {
-    if (De(void 0), !de || !x || !(m != null && m.trim()) || !(p != null && p.trim()))
+    if (De(void 0), !le || !x || !(m != null && m.trim()) || !(p != null && p.trim()))
       return;
     const K = new AbortController(), ke = Bg({
       endpoint: x,
@@ -18833,14 +18843,14 @@ function f0({
             });
             continue;
           }
-          const Mn = He.status === "rejected" ? He.errors.join(" ") || "The preview artifact probe was rejected." : tt(
+          const En = He.status === "rejected" ? He.errors.join(" ") || "The preview artifact probe was rejected." : tt(
             He.error,
             "The exact preview endpoint is unavailable."
           );
           yt(Pe(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
-            message: Mn
+            message: En
           });
         }
         for (const Be of Wl(
@@ -18867,14 +18877,14 @@ function f0({
             });
             continue;
           }
-          const Mn = He.status === "rejected" ? He.errors.join(" ") || "The preview artifact was rejected." : tt(
+          const En = He.status === "rejected" ? He.errors.join(" ") || "The preview artifact was rejected." : tt(
             He.error,
             "The exact preview endpoint is unavailable."
           );
           yt(Pe(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
-            message: Mn
+            message: En
           });
         }
       })().catch((Ce) => {
@@ -18898,7 +18908,7 @@ function f0({
     m,
     p,
     u,
-    de
+    le
   ]), se(() => {
     let K = !0;
     if (!I)
@@ -18936,17 +18946,17 @@ function f0({
   }, [v]);
   const B = Ie(null);
   return se(() => {
-    if (typeof document > "u" || !de) return;
+    if (typeof document > "u" || !le) return;
     const K = u ?? bn();
     if (!K) return;
-    const ke = `${K}|${p ?? Gn()}`;
+    const ke = `${K}|${p ?? Xn()}`;
     return B.current != null && B.current !== ke && Ig(), B.current = ke, Vv({
       editor: f,
       getPages: () => f.pages,
       appOrigin: K,
       baselineEnvironment: Xt()
     });
-  }, [u, de, p]), /* @__PURE__ */ s(_v, { previewIdentityReady: de });
+  }, [u, le, p]), /* @__PURE__ */ s(_v, { previewIdentityReady: le });
 }
 export {
   py as DEFAULT_DESIGN_COMPILE_LIMITS,