@pygmalionjs/pygmalion 0.5.16 → 0.5.18

package/dist-lib/pygmalion.js

@@ -1,10 +1,10 @@
 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);
+var dn = (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 Gt, r as hn, h as ys, i as Xn, j as ha, k as xn, 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 { useRef as Ie, useLayoutEffect as ni, useSyncExternalStore as Qe, useCallback as St, 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";
 const pa = {
   fullEnter: 0.75,
@@ -263,7 +263,7 @@ const Ap = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getFrameTier: od,
   subscribeFrameBitmapScale: ad,
   subscribeFrameLod: ma
-}, Symbol.toStringTag, { value: "Module" })), cd = /^sha256-[a-f0-9]{64}$/, Rp = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), un = {
+}, Symbol.toStringTag, { value: "Module" })), cd = /^sha256-[a-f0-9]{64}$/, Rp = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), fn = {
   bundleBytes: 128 * 1024 * 1024,
   snapshotBytes: 8 * 1024 * 1024,
   bodyBytes: 8 * 1024 * 1024,
@@ -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;
@@ -290,7 +290,7 @@ function Tp(e) {
   }
 }
 function Zi(e) {
-  return typeof e == "string" && e.length > 0 && e.length <= un.identifierLength && e === e.trim() && !Rp.has(e);
+  return typeof e == "string" && e.length > 0 && e.length <= fn.identifierLength && e === e.trim() && !Rp.has(e);
 }
 function Fp(e) {
   const t = /(?:expression\s*\(|-moz-binding\s*:|(?:^|[;{])\s*behavior\s*:)/i;
@@ -303,14 +303,14 @@ function Fp(e) {
   return !1;
 }
 function Lp(e) {
-  return typeof e != "string" || e.length === 0 ? "snapshot must be a non-empty string" : $i(e) > un.snapshotBytes ? "snapshot exceeds the byte limit" : /<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) ? "snapshot contains an active element" : /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) ? "snapshot contains a refresh directive" : /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) ? "snapshot contains an active attribute" : /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
+  return typeof e != "string" || e.length === 0 ? "snapshot must be a non-empty string" : $i(e) > fn.snapshotBytes ? "snapshot exceeds the byte limit" : /<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) ? "snapshot contains an active element" : /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) ? "snapshot contains a refresh directive" : /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) ? "snapshot contains an active attribute" : /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
     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;
+  const r = /* @__PURE__ */ new Set(), o = t === "head" ? fn.headAssetBytes : fn.stylesheetAssetBytes;
   for (const [i, a] of Object.entries(e)) {
     if (!cd.test(i) || typeof a != "string") {
       n.push(`${t} asset "${i}" is invalid.`);
@@ -328,31 +328,31 @@ 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;
+  Zi(e.namespace) || t.push("Artifact namespace is invalid."), e.sourceRevision != null && !Zi(e.sourceRevision) && t.push("Artifact source revision is invalid."), n > fn.bundleBytes && t.push("Artifact exceeds the bundle byte limit.");
+  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 > fn.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.");
+  a.length > fn.frameCount && t.push("Artifact has too many frames.");
   const l = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
   for (const [d, u] of a) {
     if (!Zi(d)) {
       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;
     }
@@ -367,17 +367,17 @@ function Pi(e) {
       t.push(`Frame "${d}" document metadata is invalid.`);
       continue;
     }
-    if (p.doctype && !/^<!doctype\s+[^>]+>$/i.test(p.doctype) && t.push(`Frame "${d}" doctype is invalid.`), typeof u.body != "string" || $i(u.body) > un.bodyBytes) {
+    if (p.doctype && !/^<!doctype\s+[^>]+>$/i.test(p.doctype) && t.push(`Frame "${d}" doctype is invalid.`), typeof u.body != "string" || $i(u.body) > fn.bodyBytes) {
       t.push(`Frame "${d}" body is invalid.`);
       continue;
     }
-    if (!Array.isArray(u.head) || u.head.length > un.headReferencesPerFrame) {
+    if (!Array.isArray(u.head) || u.head.length > fn.headReferencesPerFrame) {
       t.push(`Frame "${d}" head references are invalid.`);
       continue;
     }
     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;
       }
@@ -411,7 +411,7 @@ const fd = /^sha256-[a-f0-9]{64}$/, Dp = /^[A-Za-z][A-Za-z0-9]*(?:[-_.:][A-Za-z0
 ]), Bp = /* @__PURE__ */ new Set(["interaction", "assertion"]), hd = /* @__PURE__ */ new Set([
   "image/png",
   "image/webp"
-]), Mt = {
+]), Et = {
   bundleBytes: 256 * 1024 * 1024,
   screenshotAssetBytes: 16 * 1024 * 1024,
   screenshotAssetCount: 2048,
@@ -434,22 +434,22 @@ function Wp(e) {
     return Number.POSITIVE_INFINITY;
   }
 }
-function Pt(e) {
+function Mt(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
 }
 function Eo(e) {
-  return typeof e == "string" && e.length > 0 && e.length <= Mt.identifierLength && e === e.trim() && !_p.has(e);
+  return typeof e == "string" && e.length > 0 && e.length <= Et.identifierLength && e === e.trim() && !_p.has(e);
 }
 function pd(e) {
-  return Pt(e) && Number.isInteger(e.width) && Number(e.width) > 0 && Number(e.width) <= Mt.viewportDimension && Number.isInteger(e.height) && Number(e.height) > 0 && Number(e.height) <= Mt.viewportDimension;
+  return Mt(e) && Number.isInteger(e.width) && Number(e.width) > 0 && Number(e.width) <= Et.viewportDimension && Number.isInteger(e.height) && Number(e.height) > 0 && Number(e.height) <= Et.viewportDimension;
 }
 function Hp(e, t) {
   return pd(e) && e.width === t.width && e.height === t.height;
 }
 function Rl(e) {
-  return typeof e == "string" && e.length > 0 && e.length <= Mt.tokenLength && Dp.test(e);
+  return typeof e == "string" && e.length > 0 && e.length <= Et.tokenLength && Dp.test(e);
 }
 function es(e, t) {
   return e == null || typeof e == "string" && e.length > 0 && e.length <= t && !/[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F]/.test(e);
@@ -461,10 +461,10 @@ function Vp(e) {
   return e.length / 4 * 3 - t;
 }
 function md(e) {
-  const t = Pt(e) ? e : {}, n = Pt(t.frames) ? t.frames : {}, r = {};
+  const t = Mt(e) ? e : {}, n = Mt(t.frames) ? t.frames : {}, r = {};
   for (const [i, a] of Object.entries(n))
-    Pt(a) && a.snapshot !== void 0 && (r[i] = a.snapshot);
-  const o = Pt(t.assets) ? t.assets : {};
+    Mt(a) && a.snapshot !== void 0 && (r[i] = a.snapshot);
+  const o = Mt(t.assets) ? t.assets : {};
   return {
     version: 2,
     namespace: t.namespace,
@@ -477,18 +477,18 @@ function md(e) {
   };
 }
 function Kp(e, t) {
-  if (!Pt(e))
+  if (!Mt(e))
     return t.push("Screenshot assets must be a record."), /* @__PURE__ */ new Map();
   const n = /* @__PURE__ */ new Map();
   for (const [r, o] of Object.entries(e)) {
-    if (!fd.test(r) || !Pt(o)) {
+    if (!fd.test(r) || !Mt(o)) {
       t.push(`Screenshot asset "${r}" is invalid.`);
       continue;
     }
     const i = Vp(o.data);
     if (!hd.has(
       o.mediaType
-    ) || !Number.isInteger(o.width) || Number(o.width) <= 0 || Number(o.width) > Mt.viewportDimension || !Number.isInteger(o.height) || Number(o.height) <= 0 || Number(o.height) > Mt.viewportDimension || !Number.isInteger(o.byteLength) || Number(o.byteLength) <= 0 || Number(o.byteLength) > Mt.screenshotAssetBytes || i !== o.byteLength) {
+    ) || !Number.isInteger(o.width) || Number(o.width) <= 0 || Number(o.width) > Et.viewportDimension || !Number.isInteger(o.height) || Number(o.height) <= 0 || Number(o.height) > Et.viewportDimension || !Number.isInteger(o.byteLength) || Number(o.byteLength) <= 0 || Number(o.byteLength) > Et.screenshotAssetBytes || i !== o.byteLength) {
       t.push(`Screenshot asset "${r}" metadata or data is invalid.`);
       continue;
     }
@@ -497,44 +497,44 @@ function Kp(e, t) {
       o
     );
   }
-  return n.size > Mt.screenshotAssetCount && t.push("Artifact has too many screenshot assets."), n;
+  return n.size > Et.screenshotAssetCount && t.push("Artifact has too many screenshot assets."), n;
 }
 function Up(e, t, n, r) {
-  if (!Pt(e)) {
+  if (!Mt(e)) {
     r.push(`Frame "${t}" contains an invalid diagnostic.`);
     return;
   }
-  Rl(e.stage) || r.push(`Frame "${t}" diagnostic stage is invalid.`), Rl(e.code) || r.push(`Frame "${t}" diagnostic code is invalid.`), es(e.selector, Mt.selectorLength) || r.push(`Frame "${t}" diagnostic selector is invalid.`), es(e.label, Mt.labelLength) || r.push(`Frame "${t}" diagnostic label is invalid.`), es(e.message, Mt.messageLength) || r.push(`Frame "${t}" diagnostic message is invalid.`), Hp(e.viewport, n) || r.push(`Frame "${t}" diagnostic viewport is invalid.`);
+  Rl(e.stage) || r.push(`Frame "${t}" diagnostic stage is invalid.`), Rl(e.code) || r.push(`Frame "${t}" diagnostic code is invalid.`), es(e.selector, Et.selectorLength) || r.push(`Frame "${t}" diagnostic selector is invalid.`), es(e.label, Et.labelLength) || r.push(`Frame "${t}" diagnostic label is invalid.`), es(e.message, Et.messageLength) || r.push(`Frame "${t}" diagnostic message is invalid.`), Hp(e.viewport, n) || r.push(`Frame "${t}" diagnostic viewport is invalid.`);
 }
 function qp(e) {
   return typeof e == "string" && e.split(/[._:-]/).some((t) => Bp.has(t.toLowerCase()));
 }
 function Mi(e) {
   const t = [], n = Wp(e);
-  if (!Pt(e) || e.version !== 3)
+  if (!Mt(e) || e.version !== 3)
     return {
       valid: !1,
       errors: ["Route preview artifact must be a version 3 record."],
       bytes: n
     };
-  Eo(e.namespace) || t.push("Artifact namespace is invalid."), e.sourceRevision != null && !Eo(e.sourceRevision) && t.push("Artifact source revision is invalid."), n > Mt.bundleBytes && t.push("Artifact exceeds the bundle byte limit.");
-  const r = Pt(e.assets) ? e.assets : null;
+  Eo(e.namespace) || t.push("Artifact namespace is invalid."), e.sourceRevision != null && !Eo(e.sourceRevision) && t.push("Artifact source revision is invalid."), n > Et.bundleBytes && t.push("Artifact exceeds the bundle byte limit.");
+  const r = Mt(e.assets) ? e.assets : null;
   r || t.push("Artifact assets must be a record.");
   const o = Kp(
     r == null ? void 0 : r.screenshots,
     t
   ), i = Pi(md(e));
-  if (t.push(...i.errors.map((c) => `Snapshot data: ${c}`)), !Pt(e.frames))
+  if (t.push(...i.errors.map((c) => `Snapshot data: ${c}`)), !Mt(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 > Mt.frameCount && t.push("Artifact has too many frames.");
+  a.length > Et.frameCount && t.push("Artifact has too many frames.");
   const l = /* @__PURE__ */ new Set();
   for (const [c, d] of a) {
     if (!Eo(c)) {
       t.push(`Frame identifier "${c}" is invalid.`);
       continue;
     }
-    if (!Pt(d) || !Op.has(d.status) || !pd(d.viewport)) {
+    if (!Mt(d) || !Op.has(d.status) || !pd(d.viewport)) {
       t.push(`Frame "${c}" status or viewport is invalid.`);
       continue;
     }
@@ -543,7 +543,7 @@ function Mi(e) {
       continue;
     }
     const u = d.diagnostics;
-    if (!Array.isArray(u) || u.length > Mt.diagnosticCountPerFrame) {
+    if (!Array.isArray(u) || u.length > Et.diagnosticCountPerFrame) {
       t.push(`Frame "${c}" diagnostics are invalid.`);
       continue;
     }
@@ -552,7 +552,7 @@ function Mi(e) {
     let p = !1;
     if (d.screenshot !== void 0) {
       const b = d.screenshot;
-      if (!Pt(b) || typeof b.hash != "string" || !fd.test(b.hash) || !hd.has(
+      if (!Mt(b) || typeof b.hash != "string" || !fd.test(b.hash) || !hd.has(
         b.mediaType
       ) || !Number.isInteger(b.width) || !Number.isInteger(b.height))
         t.push(`Frame "${c}" screenshot reference is invalid.`);
@@ -565,7 +565,7 @@ function Mi(e) {
     }
     const m = d.snapshot !== void 0;
     d.status === "ready" ? ((!m || !p) && t.push(`Frame "${c}" ready output is incomplete.`), u.length !== 0 && t.push(`Frame "${c}" ready output cannot contain diagnostics.`)) : d.status === "rendered-with-qa-failure" ? ((!m || !p) && t.push(`Frame "${c}" QA failure must preserve stable output.`), (u.length === 0 || !u.some(
-      (b) => Pt(b) ? qp(b.stage) : !1
+      (b) => Mt(b) ? qp(b.stage) : !1
     )) && t.push(`Frame "${c}" QA failure requires a QA diagnostic.`)) : u.length === 0 && t.push(`Frame "${c}" capture error requires a diagnostic.`);
   }
   for (const c of o.keys())
@@ -622,10 +622,10 @@ 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 Bt = [], mt = /* @__PURE__ */ new Map(), Ut = /* @__PURE__ */ new Map(), br = /* @__PURE__ */ new Set(), Vt = /* @__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;
+let Kt = 0, rn = 0, dr = bd, Is, Ur = null;
 const qr = /* @__PURE__ */ new Map(), dt = /* @__PURE__ */ new Set(), ii = /* @__PURE__ */ new Set();
 let ya = 0, va = 0;
 const si = /* @__PURE__ */ new Set(), ai = /* @__PURE__ */ new Map(), wa = /* @__PURE__ */ new Map();
@@ -656,7 +656,7 @@ function As(e) {
 function hr(e, t) {
   e.set(t, (e.get(t) ?? 0) + 1);
 }
-function pn(e) {
+function mn(e) {
   if (ur > 0) {
     e == null ? Ps = !0 : $s.add(e);
     return;
@@ -693,7 +693,7 @@ function vr() {
       hr(Na, i), fr(ci, i);
     for (const i of [...si]) i();
   }
-  if (r) pn();
+  if (r) mn();
   else if (o.length > 0) {
     ya += 1;
     for (const i of o)
@@ -743,15 +743,15 @@ function Md(e) {
 function Ls() {
   return Kr;
 }
-function Xn(e) {
-  return mt.has(e) || bt.has(e) || Kt.has(e);
+function Jn(e) {
+  return mt.has(e) || bt.has(e) || Ut.has(e);
 }
 function Ei(e) {
   var t;
-  return Xn(e) && ((t = Ht.get(e)) == null ? void 0 : t.stale) !== !0;
+  return Jn(e) && ((t = Vt.get(e)) == null ? void 0 : t.stale) !== !0;
 }
 function $a(e) {
-  return Ht.get(e) ?? null;
+  return Vt.get(e) ?? null;
 }
 function Ds() {
   return va;
@@ -774,7 +774,7 @@ function rm(e, t) {
     dataUrl: `data:${r.mediaType};base64,${r.data}`
   };
 }
-function mn(e, t) {
+function gn(e, t) {
   const n = e.trim();
   return n ? xr.get(
     Ir({
@@ -796,7 +796,7 @@ function zs(e, t) {
   }
   return n;
 }
-function yt(e, t) {
+function vt(e, t) {
   const n = zs(e, t);
   if (n.length !== 0) {
     yr();
@@ -808,7 +808,7 @@ function yt(e, t) {
   }
 }
 function _s(e) {
-  return mt.has(e) || bt.has(e) || Kt.has(e) || dt.has(e);
+  return mt.has(e) || bt.has(e) || Ut.has(e) || dt.has(e);
 }
 function Cr(e) {
   const t = e == null ? void 0 : e.trim();
@@ -829,10 +829,10 @@ function Os(e, t = /* @__PURE__ */ new Set()) {
   return t.delete(e), n;
 }
 let Pa = null, kd = !1;
-const hn = /* @__PURE__ */ new Map();
-let Kn = 0;
+const pn = /* @__PURE__ */ new Map();
+let Un = 0;
 function Bs(e) {
-  Kn += 1, Pa = e, hn.clear(), !e && xr.size > 0 && (xr.clear(), nn());
+  Un += 1, Pa = e, pn.clear(), !e && xr.size > 0 && (xr.clear(), nn());
 }
 function Ad(e) {
   kd = e;
@@ -860,13 +860,13 @@ function js(e, t, n = {}) {
   const i = {
     id: r,
     ...t ? { fingerprint: t } : {}
-  }, a = Ir(i), l = hn.get(a);
+  }, a = Ir(i), l = pn.get(a);
   if (l) return l;
-  const c = mn(r, t);
+  const c = gn(r, t);
   if (c.status === "exact" || c.status === "error" && !n.retry)
     return Promise.resolve(c);
-  yt([i], { status: "generating" });
-  const d = Kn;
+  vt([i], { status: "generating" });
+  const d = Un;
   let u;
   try {
     u = o([i]);
@@ -875,32 +875,32 @@ function js(e, t, n = {}) {
   }
   const p = Promise.resolve(u).then(
     (m) => {
-      if (d !== Kn)
-        return mn(r, t);
+      if (d !== Un)
+        return gn(r, t);
       const b = (m == null ? void 0 : m.status) === "accepted" ? { status: "exact" } : (m == null ? void 0 : m.status) === "rejected" ? {
         status: "error",
         reason: "rejected",
         message: m.message
       } : {
         status: "error",
-        reason: "unavailable",
+        reason: (m == null ? void 0 : m.status) === "unavailable" && m.notPrepared ? "not-prepared" : "unavailable",
         message: ((m == null ? void 0 : m.status) === "unavailable" ? m.message : void 0) ?? "The exact preview endpoint returned no current capture."
       };
-      return yt([i], b), b;
+      return vt([i], b), b;
     },
     (m) => {
-      if (d !== Kn)
-        return mn(r, t);
-      const b = {
+      if (d !== Un)
+        return gn(r, t);
+      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 vt([i], x), x;
     }
   );
-  return hn.set(a, p), p.finally(() => {
-    hn.get(a) === p && hn.delete(a);
+  return pn.set(a, p), p.finally(() => {
+    pn.get(a) === p && pn.delete(a);
   }), p;
 }
 function Fd(e, t = {}) {
@@ -914,16 +914,16 @@ function Fd(e, t = {}) {
       id: u,
       ...d.fingerprint ? { fingerprint: d.fingerprint } : {}
     }, m = Ir(p);
-    if (i.has(m) || hn.has(m)) continue;
-    const b = mn(
+    if (i.has(m) || pn.has(m)) continue;
+    const b = gn(
       u,
       d.fingerprint
     );
     b.status === "exact" || b.status === "generating" || b.status === "error" && !t.retry || (i.add(m), r.push(p), o.push(m));
   }
   if (r.length === 0) return null;
-  yt(r, { status: "generating" });
-  const a = Kn;
+  vt(r, { status: "generating" });
+  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",
@@ -943,24 +943,24 @@ function Fd(e, t = {}) {
         reason: "unavailable",
         message: ((d == null ? void 0 : d.status) === "unavailable" ? d.message : void 0) ?? "The exact preview endpoint returned no current capture."
       };
-      return yt(r, u), u;
+      return vt(r, u), u;
     },
     (d) => {
-      if (a !== Kn)
+      if (a !== Un)
         return { status: "idle" };
       const u = {
         status: "error",
         reason: "unavailable",
         message: d instanceof Error && d.message ? d.message : "The exact preview request failed."
       };
-      return yt(r, u), u;
+      return vt(r, u), u;
     }
   );
   for (const d of o)
-    hn.set(d, c);
+    pn.set(d, c);
   return c.finally(() => {
     for (const d of o)
-      hn.get(d) === c && hn.delete(d);
+      pn.get(d) === c && pn.delete(d);
   }), c;
 }
 function ki(e) {
@@ -1068,10 +1068,10 @@ function Ma(e) {
 function di(e) {
   const t = bt.get(e);
   if (!t) return !1;
-  bt.delete(e), Vt = Math.max(0, Vt - t.ownBytes);
+  bt.delete(e), Kt = Math.max(0, Kt - t.ownBytes);
   for (const n of t.head) {
     const r = Ma(n.kind), o = r.get(n.key);
-    o && (o.references -= 1, !(o.references > 0) && (r.delete(n.key), Vt = Math.max(0, Vt - o.bytes)));
+    o && (o.references -= 1, !(o.references > 0) && (r.delete(n.key), Kt = Math.max(0, Kt - o.bytes)));
   }
   return !0;
 }
@@ -1117,7 +1117,7 @@ function cm(e, t, n, r) {
       p.references += 1;
     else {
       const m = c.length * 2;
-      d.set(u, { content: c, bytes: m, references: 1 }), Vt += m;
+      d.set(u, { content: c, bytes: m, references: 1 }), Kt += m;
     }
     return { kind: l, key: u };
   }), a = (o.body.length + o.document.doctype.length + o.document.htmlAttributes.length + o.document.headAttributes.length + o.document.bodyAttributes.length + i.reduce((l, c) => l + c.key.length, 0)) * 2;
@@ -1129,7 +1129,7 @@ function cm(e, t, n, r) {
     head: i,
     body: o.body,
     shadow: null
-  }), Vt += a, !0;
+  }), Kt += a, !0;
 }
 function dm(e, t) {
   let n = Ll.get(e);
@@ -1192,8 +1192,8 @@ function um(e) {
     stylesheetLinksHtml: r.join("")
   }, e.shadow;
 }
-function Bn(e) {
-  const t = Kt.get(e);
+function jn(e) {
+  const t = Ut.get(e);
   if (t) return um(t);
   const n = bt.get(e);
   return n ? (bt.delete(e), n.lastAccess = Date.now(), bt.set(e, n), lm(n)) : null;
@@ -1220,7 +1220,7 @@ function Ws(e, t) {
       ...x.fingerprint ? { fingerprint: x.fingerprint } : {}
     };
     if (w) {
-      if (mn(v.id, v.fingerprint).status === "idle")
+      if (gn(v.id, v.fingerprint).status === "idle")
         for (const S of zs([v], {
           status: "outdated",
           message: "Select this frame to generate the exact preview."
@@ -1274,7 +1274,7 @@ function Ws(e, t) {
         const R = e.frames[w];
         if (!R) continue;
         const H = x.fingerprint != null && R.fingerprint === x.fingerprint, A = c && !(t.allowMatchingFrameIdentity && H) || x.fingerprint != null && !H;
-        if (Ht.set(v, {
+        if (Vt.set(v, {
           status: R.status,
           diagnostics: R.diagnostics,
           ...A ? { stale: !0 } : {},
@@ -1284,34 +1284,34 @@ function Ws(e, t) {
           )
         }), dt.add(v), R.snapshot && m) {
           const N = os(t.appOrigin, x.route);
-          br.delete(v), Kt.set(v, {
+          br.delete(v), Ut.set(v, {
             bundle: m,
             frameId: w,
             previewBase: N,
             shadow: null
           });
         }
-        nn({ key: v }), pn(v), d(x, A), u += 1;
+        nn({ key: v }), mn(v), d(x, A), u += 1;
         continue;
       }
-      if (Xn(v) && ((b = Ht.get(v)) == null ? void 0 : b.stale) !== !0) {
+      if (Jn(v) && ((b = Vt.get(v)) == null ? void 0 : b.stale) !== !0) {
         d(x, !1);
         continue;
       }
       if (e.version === 2) {
         if (!e.frames[w]) continue;
         const H = os(t.appOrigin, x.route);
-        br.delete(v), Kt.set(v, {
+        br.delete(v), Ut.set(v, {
           bundle: e,
           frameId: w,
           previewBase: H,
           shadow: null
-        }), Ht.set(v, {
+        }), Vt.set(v, {
           status: "ready",
           diagnostics: [],
           ...c ? { stale: !0 } : {},
           screenshot: null
-        }), dt.add(v), nn({ key: v }), pn(v), d(x, c), u += 1;
+        }), dt.add(v), nn({ key: v }), mn(v), d(x, c), u += 1;
         continue;
       }
       const S = e.snapshots[w];
@@ -1329,7 +1329,7 @@ function Ws(e, t) {
         }
         $ = $.replaceAll("__PYGMALION_PREVIEW_BASE__", R);
       }
-      Ti(v, $) ? (Ht.set(v, {
+      Ti(v, $) ? (Vt.set(v, {
         status: "ready",
         diagnostics: [],
         ...c ? { stale: !0 } : {},
@@ -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"));
   });
@@ -1395,26 +1395,26 @@ async function fm() {
 }
 class hm {
   constructor(t) {
-    cn(this, "pruneScheduled", !1);
-    cn(this, "pruneInFlight", null);
-    cn(this, "database");
+    dn(this, "pruneScheduled", !1);
+    dn(this, "pruneInFlight", null);
+    dn(this, "database");
     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 {
@@ -1521,21 +1521,21 @@ function Qr() {
 }
 function mm() {
   var e;
-  for (let t = Ot.length - 1; t >= 0; t -= 1)
-    (e = Ot[t]) != null && e.cancelled && Ot.splice(t, 1);
+  for (let t = Bt.length - 1; t >= 0; t -= 1)
+    (e = Bt[t]) != null && e.cancelled && Bt.splice(t, 1);
 }
 function gm() {
-  if (mm(), Ot.length === 0) return null;
+  if (mm(), Bt.length === 0) return null;
   let e = 0, t = 0;
-  for (let o = 1; o < Ot.length; o += 1) {
-    const i = Ot[o], a = Ot[e], l = Ot[t];
+  for (let o = 1; o < Bt.length; o += 1) {
+    const i = Bt[o], a = Bt[e], l = Bt[t];
     i.order < a.order && (e = o), (i.priority < l.priority || i.priority === l.priority && i.order < l.order) && (t = o);
   }
   const r = t !== e && Uo >= Yp ? e : t;
-  return r === e ? Uo = 0 : Uo += 1, Ot.splice(r, 1)[0] ?? null;
+  return r === e ? Uo = 0 : Uo += 1, Bt.splice(r, 1)[0] ?? null;
 }
 function bm() {
-  for (; Kr < vd && Ot.length > 0; ) {
+  for (; Kr < vd && Bt.length > 0; ) {
     const e = gm();
     if (!e) break;
     Kr += 1, Dl();
@@ -1545,7 +1545,7 @@ function bm() {
     };
     e.release = n, e.resolve(n);
   }
-  Ot.length === 0 && (Uo = 0);
+  Bt.length === 0 && (Uo = 0);
 }
 function Od(e = 0) {
   let t;
@@ -1557,7 +1557,7 @@ function Od(e = 0) {
         priority: Number.isFinite(e) ? e : 0,
         release: null,
         resolve: r
-      }, Fl += 1, Ot.push(t), Qr();
+      }, Fl += 1, Bt.push(t), Qr();
     }),
     updatePriority: (r) => {
       if (t.cancelled || t.release) return;
@@ -1574,7 +1574,7 @@ function Bd(e) {
   const t = Number.isFinite(e) ? Math.floor(e) : ba();
   vd = Math.min(gd, Math.max(1, t)), Qr();
 }
-function Jt(e) {
+function Xt(e) {
   var a;
   const t = mt.get(e);
   if (t)
@@ -1582,7 +1582,7 @@ function Jt(e) {
   const n = bt.get(e);
   if (n)
     return bt.delete(e), n.lastAccess = Date.now(), bt.set(e, n), am(n);
-  const r = Kt.get(e);
+  const r = Ut.get(e);
   if (!r) return null;
   const o = ud(
     r.bundle,
@@ -1593,31 +1593,31 @@ function Jt(e) {
     o,
     r.previewBase
   );
-  return ((a = Ht.get(e)) == null ? void 0 : a.stale) !== !0 && Ai(i) && !br.has(e) && (br.add(e), Ra(e, i)), i;
+  return ((a = Vt.get(e)) == null ? void 0 : a.stale) !== !0 && Ai(i) && !br.has(e) && (br.add(e), Ra(e, i)), i;
 }
 function Aa(e, t, n = pr(e), r = Date.now()) {
   var l, c, d;
   const o = t.length * 2;
   if (!e || !Ai(t) || o > ga)
     return !1;
-  Kt.delete(e), di(e);
+  Ut.delete(e), di(e);
   const i = mt.get(e);
-  i && (Vt -= i.bytes, mt.delete(e));
+  i && (Kt -= i.bytes, mt.delete(e));
   const a = Cr(n);
   cm(e, t, a, r) || (mt.set(e, {
     bytes: o,
     value: t,
     namespace: a,
     lastAccess: r
-  }), Vt += o), yr();
+  }), Kt += o), yr();
   try {
-    for (((l = Ht.get(e)) == null ? void 0 : l.stale) === !0 && (Ht.delete(e), nn({ key: e })); mt.size + bt.size > Gp || Vt > Xp; ) {
+    for (((l = Vt.get(e)) == null ? void 0 : l.stale) === !0 && (Vt.delete(e), nn({ key: e })); mt.size + bt.size > Gp || Kt > Xp; ) {
       const u = mt.keys().next().value, p = bt.keys().next().value, m = u ? ((c = mt.get(u)) == null ? void 0 : c.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, b = p ? ((d = bt.get(p)) == null ? void 0 : d.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, x = m <= b ? u : p;
       if (!x) break;
       const w = mt.get(x);
-      w ? (Vt -= w.bytes, mt.delete(x)) : di(x), dt.delete(x), pn(x);
+      w ? (Kt -= w.bytes, mt.delete(x)) : di(x), dt.delete(x), mn(x);
     }
-    dt.add(e), pn(e);
+    dt.add(e), mn(e);
   } finally {
     vr();
   }
@@ -1648,8 +1648,8 @@ function Ti(e, t) {
   return n && Ra(e, t), n;
 }
 function Wd(e) {
-  if (Kt.has(e)) return Promise.resolve(null);
-  const t = Jt(e);
+  if (Ut.has(e)) return Promise.resolve(null);
+  const t = Xt(e);
   if (t) return Promise.resolve(t);
   if (dt.has(e)) return Promise.resolve(null);
   const n = qr.get(e);
@@ -1688,8 +1688,8 @@ function Wd(e) {
 async function Ta(e) {
   const t = [...new Set(e.filter(Boolean))], n = /* @__PURE__ */ new Map(), r = [];
   for (const u of t) {
-    if (Kt.has(u)) continue;
-    const p = Jt(u);
+    if (Ut.has(u)) continue;
+    const p = Xt(u);
     p ? n.set(u, p) : dt.has(u) || r.push(u);
   }
   if (!r.length) return n;
@@ -1698,7 +1698,7 @@ async function Ta(e) {
     yr();
     try {
       r.forEach((u) => {
-        dt.add(u), pn(u);
+        dt.add(u), mn(u);
       });
     } finally {
       vr();
@@ -1731,7 +1731,7 @@ async function Ta(e) {
         );
       } catch {
         u.forEach((m) => {
-          dt.add(m), pn(m);
+          dt.add(m), mn(m);
         });
         continue;
       }
@@ -1739,7 +1739,7 @@ async function Ta(e) {
         u.map(async (m) => {
           const b = p.get(m), x = jd(b, m);
           if (dt.add(m), !x) {
-            if (pn(m), b != null)
+            if (mn(m), b != null)
               try {
                 await i.remove(m);
               } catch {
@@ -1774,22 +1774,22 @@ async function Ta(e) {
 function xm(e) {
   const t = e ? Cr(e) : null;
   if (!t)
-    mt.clear(), bt.clear(), wd.clear(), xa.clear(), Kt.clear(), br.clear(), Ht.clear(), xr.clear(), Vt = 0;
+    mt.clear(), bt.clear(), wd.clear(), xa.clear(), Ut.clear(), br.clear(), Vt.clear(), xr.clear(), Kt = 0;
   else {
     for (const [r, o] of mt)
-      o.namespace === t && (mt.delete(r), Vt -= o.bytes);
+      o.namespace === t && (mt.delete(r), Kt -= o.bytes);
     for (const [r, o] of [...bt])
       o.namespace === t && di(r);
-    for (const r of Kt.keys())
-      pr(r) === t && (Kt.delete(r), br.delete(r));
-    for (const r of Ht.keys())
-      pr(r) === t && Ht.delete(r);
+    for (const r of Ut.keys())
+      pr(r) === t && (Ut.delete(r), br.delete(r));
+    for (const r of Vt.keys())
+      pr(r) === t && Vt.delete(r);
   }
   if (rn += 1, !t) dt.clear();
   else
     for (const r of dt)
       pr(r) === t && dt.delete(r);
-  nn(), pn();
+  nn(), mn();
   const n = rn;
   Ri().then(async (r) => {
     if (!(!r || rn !== n))
@@ -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,24 +1812,24 @@ 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;
 }
 function ui(e, t, n, r = e) {
-  const o = Jt(e);
+  const o = Xt(e);
   if (o) return Promise.resolve(o);
   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 = {
@@ -1838,7 +1838,7 @@ function ui(e, t, n, r = e) {
     promise: Promise.resolve(null)
   };
   return c.promise = Wd(e).then((d) => d || rn !== a ? d : Fa(l, c.priority, async () => {
-    const u = Jt(e);
+    const u = Xt(e);
     if (u) return u;
     const p = await n();
     return p && rn === a && Ti(e, p), p;
@@ -1965,15 +1965,15 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getRoutePreviewArtifactIdentityVersion: Pd,
   getRoutePreviewArtifactKeyVersion: Cd,
   getRoutePreviewArtifactOutcome: $a,
-  getRoutePreviewArtifactResolution: mn,
+  getRoutePreviewArtifactResolution: gn,
   getRoutePreviewArtifactRevision: Ds,
   getRoutePreviewCacheNamespace: ka,
-  getRoutePreviewShadowArtifact: Bn,
-  getRoutePreviewSnapshot: Jt,
+  getRoutePreviewShadowArtifact: jn,
+  getRoutePreviewSnapshot: Xt,
   getRoutePreviewSnapshotKeyVersion: Fs,
   getRoutePreviewSnapshotRevision: Rs,
   hasExactRoutePreviewSnapshot: Ei,
-  hasRoutePreviewSnapshot: Xn,
+  hasRoutePreviewSnapshot: Jn,
   hydrateRoutePreviewSnapshot: Wd,
   isRoutePreviewSnapshotHydrated: _s,
   prehydrateRoutePreviewSnapshots: Ta,
@@ -1991,7 +1991,7 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   serializeRoutePreview: La,
   setRoutePreviewArtifactEndpointConfigured: Ad,
   setRoutePreviewArtifactFrameRequester: Bs,
-  setRoutePreviewArtifactResolution: yt,
+  setRoutePreviewArtifactResolution: vt,
   setRoutePreviewCacheNamespace: Dd,
   setRoutePreviewConcurrency: Bd,
   setRoutePreviewPersistenceForTests: pm,
@@ -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);
@@ -2098,20 +2098,20 @@ function za(e) {
 function wr() {
   return Hd;
 }
-function gn(e, t) {
+function bn(e, t) {
   const n = t ?? e.id === f.activePageId;
   return Lt(
     e.environment,
     n ? Rm() : void 0
   );
 }
-function jt(e, t, n = {
+function Wt(e, t, n = {
   width: e.width ?? 390,
   height: e.height ?? 600
 }, r) {
   const o = Lt(
-    Xt(),
-    gn(e, r)
+    Gt(),
+    bn(e, r)
   );
   return ki({
     namespace: ka(),
@@ -2127,10 +2127,10 @@ function jt(e, t, n = {
 }
 const Tm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  pagePreviewEnvironment: gn,
-  routePreviewCacheKey: jt
+  pagePreviewEnvironment: bn,
+  routePreviewCacheKey: Wt
 }, Symbol.toStringTag, { value: "Module" })), Fm = /* @__PURE__ */ new Set(), Yr = /* @__PURE__ */ new Map();
-let $t = [];
+let Pt = [];
 const Vd = 2;
 function Kd(e, t) {
   for (const r of [...Fm]) r();
@@ -2146,23 +2146,23 @@ function Kd(e, t) {
 function _a(e, t = Vd) {
   if (!e) return !1;
   const n = Math.max(1, t);
-  if ($t[0] === e && $t.length <= n) return !1;
-  const r = [e, ...$t.filter((i) => i !== e)].slice(0, n);
-  if (r.length === $t.length && r.every((i, a) => i === $t[a]))
+  if (Pt[0] === e && Pt.length <= n) return !1;
+  const r = [e, ...Pt.filter((i) => i !== e)].slice(0, n);
+  if (r.length === Pt.length && r.every((i, a) => i === Pt[a]))
     return !1;
-  const o = $t;
-  return $t = r, Kd(o, r), !0;
+  const o = Pt;
+  return Pt = r, Kd(o, r), !0;
 }
 function Lm(e) {
-  if (!$t.includes(e)) return;
-  const t = $t;
-  $t = $t.filter((n) => n !== e), Kd(t, $t);
+  if (!Pt.includes(e)) return;
+  const t = Pt;
+  Pt = Pt.filter((n) => n !== e), Kd(t, Pt);
 }
 function Oa(e) {
-  return $t.includes(e);
+  return Pt.includes(e);
 }
 function Ud() {
-  return $t;
+  return Pt;
 }
 function Dm(e, t) {
   let n = Yr.get(e);
@@ -2187,17 +2187,17 @@ function zm(e, t) {
     route: e.route,
     width: n,
     height: r,
-    key: jt(e, t)
+    key: Wt(e, t)
   }, fi.set(e, i));
-  const a = Jt(i.key);
+  const a = Xt(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) {
   var a;
   if (e.route == null) return null;
-  const n = fi.get(e), r = (n == null ? void 0 : n.key) ?? jt(e, t), o = (a = $a(r)) == null ? void 0 : a.screenshot;
+  const n = fi.get(e), r = (n == null ? void 0 : n.key) ?? Wt(e, t), o = (a = $a(r)) == null ? void 0 : a.screenshot;
   if (!o) return null;
   const i = e.width ?? 390;
   return i > 0 ? o.width / i : null;
@@ -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) => ({
@@ -2222,7 +2222,7 @@ function qd() {
       x: n.x ?? 0,
       y: n.y ?? 0,
       width: n.width ?? 390,
-      height: fn(n)
+      height: hn(n)
     },
     pinned: n.id === f.activePageId || (t == null ? void 0 : t.kind) === "frame" && t.id === n.id || // Catalog sheets must stay mounted so their DOM bounds can be measured.
     n.frameSizeMode === "content" || Oa(n.id),
@@ -2289,7 +2289,7 @@ const jm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CameraLayer: Yd,
   __debugReadEditorFrames: Om
 }, Symbol.toStringTag, { value: "Module" }));
-function Bt(e) {
+function jt(e) {
   return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
 function Us(e) {
@@ -2317,9 +2317,9 @@ function Gd(e) {
       1,
       Math.ceil(
         Math.max(
-          Bt(t.clientWidth),
-          Bt(t.offsetWidth),
-          Bt(t.scrollWidth),
+          jt(t.clientWidth),
+          jt(t.offsetWidth),
+          jt(t.scrollWidth),
           n.width,
           i - r
         )
@@ -2329,9 +2329,9 @@ function Gd(e) {
       1,
       Math.ceil(
         Math.max(
-          Bt(t.clientHeight),
-          Bt(t.offsetHeight),
-          Bt(t.scrollHeight),
+          jt(t.clientHeight),
+          jt(t.offsetHeight),
+          jt(t.scrollHeight),
           n.height,
           a - o
         )
@@ -2340,15 +2340,15 @@ function Gd(e) {
   };
 }
 function Bl(e) {
-  const t = e, n = Us(e), r = Bt(t.offsetWidth), o = Bt(t.offsetHeight), i = Bt(t.clientWidth), a = Bt(t.clientHeight);
+  const t = e, n = Us(e), r = jt(t.offsetWidth), o = jt(t.offsetHeight), i = jt(t.clientWidth), a = jt(t.clientHeight);
   return {
     width: Math.max(
       1,
-      Math.ceil(r || i || Bt(n.width))
+      Math.ceil(r || i || jt(n.width))
     ),
     height: Math.max(
       1,
-      Math.ceil(o || a || Bt(n.height))
+      Math.ceil(o || a || jt(n.height))
     )
   };
 }
@@ -2426,10 +2426,10 @@ function qm() {
   };
 }
 function Ym() {
-  const e = Qe(ha, bn, bn), t = Qe(
+  const e = Qe(ha, xn, xn), t = Qe(
     Uc,
-    Gn,
-    Gn
+    Xn,
+    Xn
   ), n = Qe(
     za,
     wr,
@@ -2438,7 +2438,7 @@ function Ym() {
   return { appOrigin: e, previewRevision: t, environmentControlRevision: n };
 }
 function Gm(e) {
-  const { pageId: t, routePreviewKey: n, authoredRoutePreviewKey: r, canonicalId: o } = e, i = e.fingerprint ?? void 0, a = e.batchHydrated ?? !1, l = wt(
+  const { pageId: t, routePreviewKey: n, authoredRoutePreviewKey: r, canonicalId: o } = e, i = e.fingerprint ?? void 0, a = e.batchHydrated ?? !1, l = St(
     (v) => {
       const S = Id(
         n,
@@ -2453,21 +2453,21 @@ function Gm(e) {
       };
     },
     [n, o, i]
-  ), c = wt(
+  ), c = St(
     () => Cd(n) + Pd(o, i),
     [n, o, i]
   ), d = Qe(
     l,
     c,
     c
-  ), u = wt(
+  ), u = St(
     (v) => Dm(t, v),
     [t]
-  ), p = wt(() => Oa(t), [t]), m = Qe(
+  ), p = St(() => Oa(t), [t]), m = Qe(
     u,
     p,
     () => !1
-  ), b = wt(
+  ), b = St(
     (v) => {
       const S = Ts(
         n,
@@ -2481,7 +2481,7 @@ function Gm(e) {
       };
     },
     [n, r]
-  ), x = wt(
+  ), x = St(
     () => Fs(n) + Fs(r),
     [n, r]
   );
@@ -2527,7 +2527,7 @@ function Jd() {
 }
 const Zm = 2, eg = 18e4;
 let tg = eg;
-const Wt = [], Un = {
+const Ht = [], qn = {
   boots: 0,
   reuses: 0,
   parks: 0,
@@ -2548,10 +2548,10 @@ 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);
+  const e = Ht.splice(0, Ht.length);
   for (const t of e) qs(t);
 }
 function eu(e, t) {
@@ -2569,17 +2569,17 @@ function eu(e, t) {
   return !0;
 }
 function tu(e) {
-  return Wt.some((t) => eu(t, e));
+  return Ht.some((t) => eu(t, e));
 }
 function rg(e) {
   let t = -1, n = -1;
-  for (let o = 0; o < Wt.length; o += 1) {
-    const i = Wt[o];
+  for (let o = 0; o < Ht.length; o += 1) {
+    const i = Ht[o];
     eu(i, e) && i.executed.length > n && (n = i.executed.length, t = o);
   }
   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 };
+  const [r] = Ht.splice(t, 1);
+  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;
@@ -2593,10 +2593,10 @@ function og(e, t, n) {
     timer: null
   };
   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; ) {
-    const l = Wt.shift();
+    const l = Ht.indexOf(o);
+    l < 0 || (Ht.splice(l, 1), qs(o));
+  }, tg), (a = (i = o.timer) == null ? void 0 : i.unref) == null || a.call(i), Ht.push(o), qn.parks += 1; Ht.length > Zm; ) {
+    const l = Ht.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)
@@ -2773,7 +2773,7 @@ function Fi(e = {}) {
     },
     /** How many finished walks currently have an instance parked for reuse. */
     debugWarmInstancesParked() {
-      return Wt.length;
+      return Ht.length;
     }
   };
 }
@@ -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,
@@ -2866,20 +2866,20 @@ function Li(e, t, n) {
     const u = c.interactiveStateId ? (c.interactions ?? []).slice(((a = c.baseInteractions) == null ? void 0 : a.length) ?? 0) : [];
     r.push({
       screenId: l.screenId,
-      cacheKey: jt(c, n, void 0, !1),
+      cacheKey: Wt(c, n, void 0, !1),
       width: c.width ?? 390,
-      height: fn(c),
+      height: hn(c),
       steps: [...l.steps ?? [], ...u],
       assertions: c.assertions
     });
   }
   return r.length === 0 ? null : {
     id: e.id,
-    url: mr(bn(), e.route, {
+    url: mr(xn(), e.route, {
       ...Lt(
         Lt(
           Gf(i),
-          Xt()
+          Gt()
         ),
         e.environment
       ) ?? {},
@@ -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);
   }
@@ -2985,8 +2985,8 @@ function lu(e, t, n) {
     (p) => p.screenId === r
   );
   if (l < 0) return !1;
-  const c = jt(e, n, t, !1), d = async (p) => {
-    const m = Vn();
+  const c = Wt(e, n, t, !1), d = async (p) => {
+    const m = Kn();
     if (!m) {
       $n.controllerMissing += 1;
       return;
@@ -3441,7 +3441,7 @@ function Wl(e, t = Rg) {
     n.push(e.slice(r, r + t));
   return n;
 }
-function Qt(e, t) {
+function Jt(e, t) {
   const n = e.trim();
   if (!n && t != null) return t;
   if (Go(n)) return n;
@@ -3486,7 +3486,7 @@ function gu(e) {
   if (!Array.isArray(e))
     throw new TypeError("Preview recipes must be an array.");
   const t = /* @__PURE__ */ new Set(), n = e.map(({ id: r, recipe: o }) => {
-    const i = Qt(r);
+    const i = Jt(r);
     if (t.has(i))
       throw new TypeError(`Duplicate preview recipe identity: ${i}`);
     return t.add(i), {
@@ -3500,8 +3500,8 @@ function Lg(e, t = {}) {
   const n = Og(e), r = t.dependencyDigest;
   return gu([
     {
-      id: Qt(e.id ?? "", "frame"),
-      recipe: r == null ? n : { recipe: n, dependencyDigest: Qt(r) }
+      id: Jt(e.id ?? "", "frame"),
+      recipe: r == null ? n : { recipe: n, dependencyDigest: Jt(r) }
     }
   ]);
 }
@@ -3590,7 +3590,7 @@ function Kw({
   recipeVersion: n,
   scope: r = Cg
 }) {
-  const o = Qt(r), i = Qt(
+  const o = Jt(r), i = Jt(
     e,
     $g
   ), a = Tg(n), l = gu(t);
@@ -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];
@@ -3696,8 +3696,8 @@ async function Wg({
   frames: o
 }) {
   const i = {
-    namespace: Qt(e),
-    sourceRevision: Qt(t)
+    namespace: Jt(e),
+    sourceRevision: Jt(t)
   };
   let a;
   try {
@@ -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,
@@ -3797,7 +3797,7 @@ function Ug(e, t, n = {}) {
     artifact: null,
     reason: "invalid-bundle",
     errors: r.errors
-  } : t && r.artifact.namespace !== Qt(t.namespace) ? {
+  } : t && r.artifact.namespace !== Jt(t.namespace) ? {
     valid: !1,
     artifact: null,
     reason: "namespace-mismatch",
@@ -3807,7 +3807,7 @@ function Ug(e, t, n = {}) {
   } : t && // A per-frame answer is judged frame by frame: the bundle names the last
   // publish, not the revision every frame in it came from. Rejecting on that
   // value would undo the point of asking per frame.
-  !n.perFrameIdentity && r.artifact.sourceRevision !== Qt(t.sourceRevision) ? {
+  !n.perFrameIdentity && r.artifact.sourceRevision !== Jt(t.sourceRevision) ? {
     valid: !1,
     artifact: null,
     reason: "revision-mismatch",
@@ -3843,8 +3843,8 @@ async function Yg({
   generate: i
 }) {
   const a = {
-    namespace: Qt(e),
-    sourceRevision: Qt(t)
+    namespace: Jt(e),
+    sourceRevision: Jt(t)
   };
   let l;
   try {
@@ -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",
@@ -4815,7 +4821,7 @@ function _u() {
   for (const n of f.canvasPages) {
     if (!n.section) continue;
     const r = n.x ?? 0, o = n.y ?? 0;
-    t(n.section, r, o, r + (n.width ?? 390), o + fn(n));
+    t(n.section, r, o, r + (n.width ?? 390), o + hn(n));
   }
   return e;
 }
@@ -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") {
@@ -5527,8 +5533,8 @@ function _b(e, t) {
 }
 class Ob {
   constructor() {
-    cn(this, "sharedStyles", /* @__PURE__ */ new Map());
-    cn(this, "overrideStyles", /* @__PURE__ */ new Map());
+    dn(this, "sharedStyles", /* @__PURE__ */ new Map());
+    dn(this, "overrideStyles", /* @__PURE__ */ new Map());
   }
   acquire(t, n, r, o, i, a) {
     const l = xi(o);
@@ -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: () => {
@@ -5998,7 +6004,7 @@ function qb(e, t, n, r) {
   return o || (Hu.has(e) || ea.has(e) || typeof OffscreenCanvas > "u" || typeof createImageBitmap > "u" || typeof fetch > "u" || !(n > 0) || !(r > 0) || (ea.add(e), Ub(e, t, n, r)), null);
 }
 function Yb(e, t) {
-  const n = wt(
+  const n = St(
     (o) => ma(e, o),
     [e]
   ), r = Qe(
@@ -6009,7 +6015,7 @@ function Yb(e, t) {
   return t ? "full" : r;
 }
 function Gb(e) {
-  const t = wt(
+  const t = St(
     (n) => ma(e, n),
     [e]
   );
@@ -6078,15 +6084,15 @@ const ex = We(function({
   const { appOrigin: l, previewRevision: c } = Ym(), d = Ie(null), u = Ie(null), p = Ie(null), m = Ie(null), b = Ie(null), x = Ie(!1), w = Ie(qm()), v = Ie(
     () => {
     }
-  ), S = Ie(null), $ = Ie(!1), R = Ie(null), H = Ie(0), A = Ie(null), [N, T] = Y(null), [j, k] = Y(!1), z = (N == null ? void 0 : N.width) ?? t.width ?? 390, Z = (N == null ? void 0 : N.height) ?? fn(t), M = (N == null ? void 0 : N.x) ?? t.x ?? 0, W = (N == null ? void 0 : N.y) ?? t.y ?? 0, ee = Lt(
-    Xt(),
-    gn(t, n)
-  ), q = jt(
+  ), S = Ie(null), $ = Ie(!1), R = Ie(null), H = Ie(0), A = Ie(null), [N, T] = Y(null), [j, k] = Y(!1), z = (N == null ? void 0 : N.width) ?? t.width ?? 390, Z = (N == null ? void 0 : N.height) ?? hn(t), M = (N == null ? void 0 : N.x) ?? t.x ?? 0, W = (N == null ? void 0 : N.y) ?? t.y ?? 0, ee = Lt(
+    Gt(),
+    bn(t, n)
+  ), q = Wt(
     t,
     c,
     void 0,
     n
-  ), Me = jt(
+  ), Me = Wt(
     t,
     c,
     t.authoredFrameSize ?? {
@@ -6100,13 +6106,13 @@ const ex = We(function({
       route: t.route,
       width: t.width,
       height: t.height,
-      environment: gn(t, n),
+      environment: bn(t, n),
       preset: t.preset,
       interactions: t.interactions,
       assertions: t.assertions
     },
     c,
-    Xt()
+    Gt()
   ) : null, ne = Gm({
     pageId: t.id,
     routePreviewKey: q,
@@ -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,
@@ -6124,18 +6130,18 @@ const ex = We(function({
         ae.height * V / Math.max(1, ae.width)
       )
     ) : 1
-  ), Re = a ? mn(
+  ), Re = a ? gn(
     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 = () => {
-    !a || t.route == null || t.layersImported || $e || re.current == null && (re.current = setTimeout(() => {
+    () => a && !E ? Xt(q) : null
+  ), [Ye, ot] = Y(!1), [F, de] = Y(!1), re = Ie(null), Ee = () => {
+    !a || t.route == null || t.layersImported || Pe || re.current == null && (re.current = setTimeout(() => {
       re.current = null, _a(t.id);
     }, 220));
   }, O = () => {
@@ -6146,10 +6152,10 @@ const ex = We(function({
   }, [t.layersImported, t.id]);
   const [ve, we] = Y(!1), Q = n || r || ie || Ye || ve, ge = Yb(t.id, Q), Oe = Gb(t.id);
   Zb(t.id, ge);
-  const [B, K] = Y(null), [ke, J] = Y(0), [je, Ne] = Y([]), ze = Le ?? (P && !E ? Jt(q) : null), tt = E != null || ze != null || (I == null ? void 0 : I.screenshot) != null, $e = n, Se = a && Rd({
-    detailActive: $e,
+  const [B, K] = Y(null), [ke, J] = Y(0), [je, Ne] = Y([]), ze = Le ?? (P && !E ? Xt(q) : null), tt = E != null || ze != null || (I == null ? void 0 : I.screenshot) != null, Pe = n, Se = a && Rd({
+    detailActive: Pe,
     previewIntended: ie
-  }), Pe = Ft(() => !r || t.route == null || !t.layersImported ? null : Me === q && ze != null ? ze : Jt(Me) ?? ze, [
+  }), $e = Ft(() => !r || t.route == null || !t.layersImported ? null : Me === q && ze != null ? ze : Xt(Me) ?? ze, [
     Me,
     P,
     ze,
@@ -6158,7 +6164,7 @@ const ex = We(function({
     q,
     r
   ]), Ce = Km(
-    Pe != null,
+    $e != null,
     Um({
       resizeDraftActive: N != null,
       importedAtCommittedWidth: t.layerImportViewportWidth == null || t.layerImportViewportWidth === (t.width ?? 390),
@@ -6167,7 +6173,7 @@ const ex = We(function({
   ) === "responsive-preview", Ke = {
     width: t.width ?? 390,
     height: t.height ?? 600
-  }, zt = f.provisionalLayerImportRevision(t.id) != null, xn = bg(
+  }, zt = f.provisionalLayerImportRevision(t.id) != null, on = bg(
     t,
     Ke
   );
@@ -6186,7 +6192,7 @@ const ex = We(function({
     t.height,
     c
   ]);
-  const Ut = xg(t);
+  const Qt = xg(t);
   se(() => {
     t.route == null || t.interactiveStateId == null || t.layersImported || fu(t, c);
   }, [
@@ -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 : Xt(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 : Xt(q)
     );
   }, [P, a, q]), se(() => {
     var Ae, me;
@@ -6271,7 +6277,7 @@ const ex = We(function({
       pe = setTimeout(() => {
         U && (K(null), J((ft) => ft + 1));
       }, qe);
-    }, Te = $e ? -1e4 : (((Ae = t.interactions) == null ? void 0 : Ae.length) ?? 0) + (((me = t.assertions) == null ? void 0 : me.length) ?? 0) + (t.preset ? 1 : 0);
+    }, Te = Pe ? -1e4 : (((Ae = t.interactions) == null ? void 0 : Ae.length) ?? 0) + (((me = t.assertions) == null ? void 0 : me.length) ?? 0) + (t.preset ? 1 : 0);
     return ui(
       q,
       Te,
@@ -6296,7 +6302,7 @@ const ex = We(function({
         if (U) {
           if (ye) {
             De(
-              Bn(q) ? null : ye
+              jn(q) ? null : ye
             ), K(null);
             return;
           }
@@ -6310,7 +6316,7 @@ const ex = We(function({
       (ye == null ? void 0 : ye.key) === oe && (m.current = null, ye.resolve(null)), ot(!1);
     };
   }, [
-    $e,
+    Pe,
     P,
     t.layersImported,
     t.route,
@@ -6324,7 +6330,7 @@ const ex = We(function({
     const U = ze != null && Ei(q);
     !a || !Td({
       cacheHydrated: P,
-      detailActive: $e,
+      detailActive: Pe,
       hasRoute: t.route != null,
       layersImported: !!t.layersImported,
       hasExactArtifact: !!(E && !(I != null && I.stale)),
@@ -6335,7 +6341,7 @@ const ex = We(function({
       fe ?? void 0
     );
   }, [
-    $e,
+    Pe,
     P,
     t.route,
     t.layersImported,
@@ -6349,30 +6355,30 @@ const ex = We(function({
     q,
     a
   ]);
-  const qt = Ft(
+  const _t = Ft(
     () => (I == null ? void 0 : I.stale) !== !0 && (E != null ? wl({ bodyAttributes: E.bodyAttributes }) : wl({ snapshotHtml: ze })),
     [ze, E, I == null ? void 0 : I.stale]
-  ), Et = a && !P, Be = gg(
+  ), xt = 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), Ot = (_t || xt || Be || Qt) && !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(() => {
     if (t.route != null) {
-      if (!$e && !j) {
+      if (!Pe && !j) {
         jl(t.id);
         return;
       }
-      $e && pg(t.id);
+      Pe && pg(t.id);
     }
-  }, [$e, j, t.id, t.route]), se(() => () => jl(t.id), [t.id]), se(() => {
-    if (!$e || !P || // The live detail grant obeys the same contract as the render gate:
+  }, [Pe, j, t.id, t.route]), se(() => () => jl(t.id), [t.id]), se(() => {
+    if (!Pe || !P || // The live detail grant obeys the same contract as the render gate:
     // while a promotable capture exists (or may still arrive), activation
     // waits for the bootless promotion instead of booting the app. Granting
     // here regardless was the bypass that let a live boot — against a dead
     // backend, a cold dev server — deliver the import a healthy capture
     // already covered.
-    _t || t.route == null || t.layersImported || !tt || B)
+    Ot || t.route == null || t.layersImported || !tt || B)
       return;
     let U = !0;
     const pe = `detail:${oe}`;
@@ -6396,9 +6402,9 @@ const ex = We(function({
       (be == null ? void 0 : be.key) === pe && (b.current = null, be.resolve()), we(!1);
     };
   }, [
-    $e,
+    Pe,
     P,
-    _t,
+    Ot,
     tt,
     t.importLayers,
     t.layersImported,
@@ -6423,10 +6429,10 @@ const ex = We(function({
     oe,
     tt
   ]);
-  const Zn = l.trim().length > 0, Bi = Zn && Wa(t, { detailActive: $e }) ? ja({
+  const Zn = l.trim().length > 0, Bi = Zn && Wa(t, { detailActive: Pe }) ? ja({
     origin: l,
     route: t.route ?? "",
-    environment: gn(t, n),
+    environment: bn(t, n),
     width: z,
     height: Z
   }) : null, D = async (U, pe, be) => {
@@ -6455,13 +6461,13 @@ const ex = We(function({
     }, p.current = me.iframe, Pr(), !0) : !1;
   };
   se(() => {
-    ce(!1);
+    de(!1);
   }, [oe]);
-  const on = async () => {
+  const sn = 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,12 +6496,12 @@ 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;
     try {
-      const be = await on();
+      const be = await sn();
       if (lt()) return !0;
       if (be && !be.complete)
         return f.setPageLayerImportError(
@@ -6532,21 +6538,21 @@ const ex = We(function({
     const pe = U.clientX, be = U.clientY, Te = t.x ?? 0, Ae = t.y ?? 0;
     let me = !1;
     const ye = (ft) => {
-      const St = (ft.clientX - pe) / f.zoom, kt = (ft.clientY - be) / f.zoom;
-      if (!(!me && Math.hypot(St, kt) < 3)) {
+      const Nt = (ft.clientX - pe) / f.zoom, kt = (ft.clientY - be) / f.zoom;
+      if (!(!me && Math.hypot(Nt, kt) < 3)) {
         if (!me) {
           if (!f.beginFrameTransform(t.id, "move")) return;
           me = !0;
         }
-        f.moveFrame(t.id, Te + St, Ae + kt, !1);
+        f.moveFrame(t.id, Te + Nt, Ae + kt, !1);
       }
     }, 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 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);
+      const ft = t.x ?? 0, Nt = t.y ?? 0, kt = ft + (t.width ?? 390), kn = Nt + Z;
+      for (const [An, nt] of _u()) {
+        const wn = nt.explicit ? 0 : zu, go = nt.x0 - wn, bo = nt.y0 - wn, an = nt.x1 + wn, Yt = nt.y1 + wn;
+        if (An !== t.section && ft < an && kt > go && Nt < Yt && 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;
@@ -6566,8 +6572,8 @@ const ex = We(function({
         }
         A.current = nt, T(nt);
       }
-    }, St = () => {
-      window.removeEventListener("mousemove", ft), window.removeEventListener("mouseup", St);
+    }, Nt = () => {
+      window.removeEventListener("mousemove", ft), window.removeEventListener("mouseup", Nt);
       const kt = A.current;
       A.current = null, qe && kt && f.resizeFrame(t.id, kt, {
         recordHistory: !1,
@@ -6575,8 +6581,8 @@ const ex = We(function({
         resizeHeight: ye
       }), T(null);
     };
-    window.addEventListener("mousemove", ft), window.addEventListener("mouseup", St);
-  }, yn = t.frameSizeMode === "content" || $e || j && ge !== "detached", st = xd({
+    window.addEventListener("mousemove", ft), window.addEventListener("mouseup", Nt);
+  }, yn = t.frameSizeMode === "content" || Pe || j && ge !== "detached", st = xd({
     hasRoute: t.route != null,
     layersImported: !!t.layersImported,
     cacheHydrated: P,
@@ -6589,21 +6595,21 @@ const ex = We(function({
     t.id
   ), $r = !t.layersImported || Ve != null, ut = (
     // No live origin means no prepared checkout — see liveOriginReady.
-    Zn && a && (He || st === "live" || ve || ($e && !_t || // Hover intent while the artifact cache is still hydrating — or a
+    Zn && a && (He || st === "live" || ve || (Pe && !Ot || // Hover intent while the artifact cache is still hydrating — or a
     // flow session owes this screen — must not warm-boot the app: the
     // capture that makes the boot unnecessary may simply not have
     // arrived yet. Intent prepares the frozen mount.
-    ie && !qt && !Et && !Be && !Ut) && t.route != null && $r && // A viewport-variant session owes the resized screen its exact-width
+    ie && !_t && !xt && !Be && !Qt) && t.route != null && $r && // A viewport-variant session owes the resized screen its exact-width
     // replay; the live re-measure stays parked unless the session fails.
-    !xn)
+    !on)
   ), at = ub({
     // Keep a frame being prepared at its canvas position. Preparing it elsewhere
     // would move the iframe to another parent on open, reload it, and waste the
     // work. A provisionally imported page shows its tree in the frame instead,
     // so its live producer boots offscreen.
-    active: ($e || ie) && Ve == null,
+    active: (Pe || ie) && Ve == null,
     live: ut
-  }), Yt = !o && tt && // A live slot only outranks the capture while live can actually run. The
+  }), qt = !o && tt && // A live slot only outranks the capture while live can actually run. The
   // frame the designer works in claims a slot as soon as it is active, so
   // before a checkout exists that claim suppressed the static surface and the
   // live route could not render either — the frame sat empty in front of the
@@ -6615,7 +6621,7 @@ const ex = We(function({
     // Hover intent mounts the frozen DOM so the activation click promotes
     // through D2 (~50ms) instead of waiting on a live boot; an activation
     // that arrived without the hover mounts it here and promotes on mount.
-    preparedForPromotion: ie || _t,
+    preparedForPromotion: ie || Ot,
     preferDom: vh() === "dom"
   }), ji = t.layersImported && f.pageRequiresLiveSharedPreview(t), ho = tt && f.frozenPreviewMutations().some((U) => !!U.staleReason);
   se(() => {
@@ -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);
+        const be = await sn();
+        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 {
@@ -6722,10 +6728,10 @@ const ex = We(function({
         "data-frame-id": t.id,
         "data-canonical-frame-id": t.importPageId ?? t.id,
         "data-frame-active": n || void 0,
-        "data-frame-detail-active": $e || void 0,
+        "data-frame-detail-active": Pe || void 0,
         "data-preview-state": st,
         "data-pyg-static-surface": Zt,
-        "data-pyg-static-route": String(Yt),
+        "data-pyg-static-route": String(qt),
         "data-pyg-has-snapshot": String(tt),
         "data-pyg-artifact": String(E != null),
         "data-pyg-live-slot": String(!!He),
@@ -6821,12 +6827,12 @@ const ex = We(function({
                             position: "absolute",
                             inset: 0,
                             // display:none prevents layout and makes reproduction inaccurate.
-                            visibility: F && $e ? "visible" : "hidden"
+                            visibility: F && Pe ? "visible" : "hidden"
                           },
                           children: vn
                         }
                       ),
-                      F && $e ? null : /* @__PURE__ */ s(
+                      F && Pe ? null : /* @__PURE__ */ s(
                         "div",
                         {
                           "data-preview-arriving": !0,
@@ -6885,11 +6891,11 @@ const ex = We(function({
                     // page imported, and the frame then shows the authored placeholder —
                     // one empty div — while a 453KB snapshot of the real screen sits
                     // unused beside it. Measured: layerImportCount 1, snapshot present.
-                    (t.layerImportCount == null || t.layerImportCount > 1) && yn && ($e || t.route == null || ji) ? $e ? Ce && Pe != null ? /* @__PURE__ */ s(
+                    (t.layerImportCount == null || t.layerImportCount > 1) && yn && (Pe || t.route == null || ji) ? Pe ? Ce && $e != null ? /* @__PURE__ */ s(
                       yh,
                       {
                         page: t,
-                        snapshot: Pe,
+                        snapshot: $e,
                         height: Z,
                         onDocumentHeightChange: (U) => {
                           f.setPageDocumentHeight(t.id, U);
@@ -6901,7 +6907,7 @@ const ex = We(function({
                         }
                       },
                       `responsive:${t.id}:${c}`
-                    ) : /* @__PURE__ */ s(Yl, { node: t.root }) : /* @__PURE__ */ s(Gl, { root: t.root }) : t.route != null && Yt ? (
+                    ) : /* @__PURE__ */ s(Yl, { node: t.root }) : /* @__PURE__ */ s(Gl, { root: t.root }) : t.route != null && qt ? (
                       // A detached frame renders at most a screenshot: the frozen DOM
                       // preview stays unmounted until the tier reattaches.
                       (Zt === "screenshot" || ge === "detached") && xe ? /* @__PURE__ */ s(
@@ -6969,7 +6975,7 @@ const ex = We(function({
                         },
                         `snapshot:${q}`
                       ) : null
-                    ) : yn ? t.route == null || t.layersImported ? $e ? /* @__PURE__ */ s(Yl, { node: t.root }) : /* @__PURE__ */ s(Gl, { root: t.root }) : /* @__PURE__ */ g(
+                    ) : yn ? t.route == null || t.layersImported ? Pe ? /* @__PURE__ */ s(Yl, { node: t.root }) : /* @__PURE__ */ s(Gl, { root: t.root }) : /* @__PURE__ */ g(
                       "div",
                       {
                         role: "status",
@@ -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",
@@ -7427,9 +7433,9 @@ ${l}` : l;
 }
 class fx {
   constructor() {
-    cn(this, "status", "idle");
-    cn(this, "pending", 0);
-    cn(this, "message", "");
+    dn(this, "status", "idle");
+    dn(this, "pending", 0);
+    dn(this, "message", "");
     Ch(this);
   }
   setPending(t) {
@@ -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) {
@@ -7961,7 +7967,7 @@ function fs({
     }
   );
 }
-function Ct({
+function $t({
   label: e,
   value: t,
   min: n = 0,
@@ -8052,23 +8058,23 @@ 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;
   const J = Ie(n);
   J.current = n;
   const je = X.buildApplyPayload(), Ne = JSON.stringify(je), ze = Ex(je), tt = JSON.stringify(ze);
-  function $e() {
+  function Pe() {
     var h;
     (h = B.current) == null || h.cleanup(), B.current = null;
   }
-  const Se = !!e, Pe = Se ? ((gl = e.current) == null ? void 0 : gl.contentDocument) ?? null : ((bl = t == null ? void 0 : t.current) == null ? void 0 : bl.ownerDocument) ?? null, Ce = (Pe == null ? void 0 : Pe.defaultView) ?? null, Ke = Ft(() => fa(Ze()), []), zt = Ft(
+  const Se = !!e, $e = Se ? ((gl = e.current) == null ? void 0 : gl.contentDocument) ?? null : ((bl = t == null ? void 0 : t.current) == null ? void 0 : bl.ownerDocument) ?? null, Ce = ($e == null ? void 0 : $e.defaultView) ?? null, Ke = Ft(() => fa(Ze()), []), zt = Ft(
     () => Object.entries(Ze()).filter(
       ([h, y]) => /^[A-Z][A-Za-z0-9_$]*$/.test(h) && !!y.importPath && Sl(h) != null
     ).sort(([h], [y]) => h.localeCompare(y)),
     []
-  ), xn = Ft(() => {
+  ), on = Ft(() => {
     const h = vi(), y = {};
     for (const [C, _] of Object.entries(Ix))
       y[C] = h.filter((L) => _.test(L.name));
@@ -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(() => {
@@ -8118,18 +8124,18 @@ function mc({
       y = !0;
     };
   }, [tt]), se(() => ge(), [a]), se(() => {
-    $e(), S(null), R("original"), A("default"), T("item"), W(null), re(""), O(""), we(a ? Nl(a) ?? 0 : 0);
+    Pe(), S(null), R("original"), A("default"), T("item"), W(null), re(""), O(""), we(a ? Nl(a) ?? 0 : 0);
   }, [a]), se(() => {
-    $e();
+    Pe();
     const h = a != null && a.isConnected ? a : null;
     if (h) {
       if (v == null && $ === "original" && H === "default") {
         window.requestAnimationFrame(() => ge());
         return;
       }
-      return B.current = zx(h, { repeat: v, text: $, state: H }), ge(), () => $e();
+      return B.current = zx(h, { repeat: v, text: $, state: H }), ge(), () => Pe();
     }
-  }, [a, v, $, H]), se(() => () => $e(), []), se(() => {
+  }, [a, v, $, H]), se(() => () => Pe(), []), se(() => {
     const h = [window];
     Se && Ce && Ce !== window && h.push(Ce), !Se && (t != null && t.current) && h.push(t.current);
     const y = () => ge();
@@ -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);
@@ -8174,23 +8180,23 @@ function mc({
     ne(!0);
     const h = window.setTimeout(() => ne(!1), 1800);
     return () => window.clearTimeout(h);
-  }, [X.toastSeq]), !Pe || !Ce)
+  }, [X.toastSeq]), !$e || !Ce)
     return /* @__PURE__ */ s("div", { ref: r, className: "absolute inset-0 flex items-start justify-center pt-10", children: Se && /* @__PURE__ */ s("span", { className: "rounded bg-black/70 px-3 py-1.5 text-[12px] text-white", children: "Cross-origin applications cannot be inspected." }) });
-  const Ut = Se ? Pe.body : (t == null ? void 0 : t.current) ?? null, qt = (h) => {
+  const Qt = Se ? $e.body : (t == null ? void 0 : t.current) ?? null, _t = (h) => {
     if (Se) {
       const C = e.current;
       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;
-    for (const C of Pe.elementsFromPoint(h.clientX, h.clientY))
+    for (const C of $e.elementsFromPoint(h.clientX, h.clientY))
       if (C.nodeType === 1 && y.contains(C) && C !== y) return C;
     return null;
-  }, Et = (h) => {
+  }, xt = (h) => {
     var C;
     if (Se) return { left: h.left, top: h.top, width: h.width, height: h.height };
     const y = (C = r.current) == null ? void 0 : C.getBoundingClientRect();
@@ -8202,20 +8208,20 @@ function mc({
     return C ? `${_}.${C}` : _;
   }, He = (h) => {
     const y = [];
-    for (let C = h; C && C !== Ut && y.length < 8; C = C.parentElement)
+    for (let C = h; C && C !== Qt && 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;
     }
     l(h), Oe.current = h.textContent ?? "", h.setAttribute("contenteditable", "plaintext-only"), h.isContentEditable || h.setAttribute("contenteditable", "true"), d(h), h.focus();
-    const y = Pe.createRange();
+    const y = $e.createRange();
     y.selectNodeContents(h);
     const C = Ce.getSelection();
     C == null || C.removeAllRanges(), C == null || C.addRange(y);
-  }, _t = (h, y) => {
+  }, Ot = (h, y) => {
     var C;
     lt && (X.recordStyle(
       lt,
@@ -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,22 +8267,22 @@ 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, sn = o != null && o.isConnected ? o : null, he = D != null && D.parentElement && D.parentElement !== Qt ? D.parentElement : null, lt = N === "container" && he ? he : D, te = D ? xt(D.getBoundingClientRect()) : null, G = he ? xt(he.getBoundingClientRect()) : null, er = N === "container" && lt && lt !== D ? xt(lt.getBoundingClientRect()) : null, yn = sn && sn !== D ? xt(sn.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, qt = 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 = qt && /^[A-Z]/.test(qt.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, Nt = (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 && sn && sn !== D ? [D, sn] : null, go = X.entries, bo = Object.entries((at == null ? void 0 : at.primitiveProps) ?? {}), an = je, Yt = 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(
+  }, []), xo = an.styles.length + an.texts.length + an.operations.length, yo = Vo() != null, Wi = yo && E !== Ne, wf = Yt.filter(
     (h) => h.items.some((y) => !Qi(y))
-  ).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 ? {
+  ).length, Hi = v != null || $ !== "original" || H !== "default", Mr = Hi && D ? jx(D, Ce) : null, Ge = Ox(Ve), tr = Ge != null, It = Bx(he), ln = 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: xt(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];
@@ -8299,45 +8305,45 @@ function mc({
       width: Math.max(16, Math.min(h.right, C.right) - Math.max(h.left, C.left)),
       height: Math.max(0, C.top - h.bottom)
     };
-  }), ln = Math.max(0, At(Ve, "column-gap", At(Ve, "gap"))), Er = Math.max(0, At(Ve, "row-gap", At(Ve, "gap"))), It = {
+  }), cn = Math.max(0, At(Ve, "column-gap", At(Ve, "gap"))), Er = Math.max(0, At(Ve, "row-gap", At(Ve, "gap"))), Ct = {
     top: Math.max(0, At(Ve, "padding-top")),
     right: Math.max(0, At(Ve, "padding-right")),
     bottom: Math.max(0, At(Ve, "padding-bottom")),
     left: Math.max(0, At(Ve, "padding-left"))
-  }, If = It.left, Cf = It.top, kr = (Ve == null ? void 0 : Ve.getPropertyValue("justify-content")) || "normal", il = (Ve == null ? void 0 : Ve.getPropertyValue("align-items")) || "normal", Ui = (Ve == null ? void 0 : Ve.getPropertyValue("flex-direction")) || "row", $f = pc(Ui.includes("column") ? il : kr), Pf = pc(Ui.includes("column") ? kr : il), Mf = zo(
+  }, If = Ct.left, Cf = Ct.top, kr = (Ve == null ? void 0 : Ve.getPropertyValue("justify-content")) || "normal", il = (Ve == null ? void 0 : Ve.getPropertyValue("align-items")) || "normal", Ui = (Ve == null ? void 0 : Ve.getPropertyValue("flex-direction")) || "row", $f = pc(Ui.includes("column") ? il : kr), Pf = pc(Ui.includes("column") ? kr : il), Mf = zo(
     (he == null ? void 0 : he.style.getPropertyValue("width")) || (G && G.width >= window.innerWidth * 0.8 ? "100%" : ""),
     (G == null ? void 0 : G.width) ?? 0
   ), Ef = zo(
     (he == null ? void 0 : he.style.getPropertyValue("height")) || "",
     (G == null ? void 0 : G.height) ?? 0
-  ), kf = zo((D == null ? void 0 : D.style.getPropertyValue("width")) || "", (te == null ? void 0 : te.width) ?? 0), Af = zo((D == null ? void 0 : D.style.getPropertyValue("height")) || "", (te == null ? void 0 : te.height) ?? 0), sl = (st == null ? void 0 : st.getPropertyValue("align-self")) || "auto", Rf = At(st, "order"), Ar = (D == null ? void 0 : D.style.getPropertyValue("grid-column")) || (st == null ? void 0 : st.getPropertyValue("grid-column")) || "auto", al = Number(((vl = /span\s+(\d+)/.exec(Ar)) == null ? void 0 : vl[1]) ?? 1), qi = (st == null ? void 0 : st.getPropertyValue("position")) === "absolute", nr = us(he, (te == null ? void 0 : te.width) ?? 240), xt = v ?? Math.max(1, nt.count), vo = Math.max(
+  ), kf = zo((D == null ? void 0 : D.style.getPropertyValue("width")) || "", (te == null ? void 0 : te.width) ?? 0), Af = zo((D == null ? void 0 : D.style.getPropertyValue("height")) || "", (te == null ? void 0 : te.height) ?? 0), sl = (st == null ? void 0 : st.getPropertyValue("align-self")) || "auto", Rf = At(st, "order"), Ar = (D == null ? void 0 : D.style.getPropertyValue("grid-column")) || (st == null ? void 0 : st.getPropertyValue("grid-column")) || "auto", al = Number(((vl = /span\s+(\d+)/.exec(Ar)) == null ? void 0 : vl[1]) ?? 1), qi = (st == null ? void 0 : st.getPropertyValue("position")) === "absolute", nr = us(he, (te == null ? void 0 : te.width) ?? 240), yt = v ?? Math.max(1, nt.count), vo = Math.max(
     0,
-    ((G == null ? void 0 : G.width) ?? 0) - It.left - It.right
+    ((G == null ? void 0 : G.width) ?? 0) - Ct.left - Ct.right
   ), Tf = Math.max(
     1,
     Math.min(
-      xt,
-      Math.floor((vo + ln) / (nr + ln))
+      yt,
+      Math.floor((vo + cn) / (nr + cn))
     )
-  ), wo = Ge === "stack" ? 1 : Ge === "scroll" ? xt : Nt ?? Tf, Ff = Ge === "scroll" ? 1 : Math.max(1, Math.ceil(xt / Math.max(1, wo))), ll = Ge === "stack" ? vo : Ge === "scroll" ? Math.max(nr, (te == null ? void 0 : te.width) ?? 0) : Math.max(
+  ), wo = Ge === "stack" ? 1 : Ge === "scroll" ? yt : It ?? Tf, Ff = Ge === "scroll" ? 1 : Math.max(1, Math.ceil(yt / Math.max(1, wo))), ll = Ge === "stack" ? vo : Ge === "scroll" ? Math.max(nr, (te == null ? void 0 : te.width) ?? 0) : Math.max(
     0,
-    (vo - ln * Math.max(0, wo - 1)) / Math.max(1, wo)
+    (vo - cn * Math.max(0, wo - 1)) / Math.max(1, wo)
   ), 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 = [
+    (vo - cn * Math.max(0, yt - 1)) / yt
+  ), cl = Math.max(80, Math.floor(Yi)), Lf = Yi < 160, dl = Ge === "grid" && It === yt, Df = Ge === "scroll" ? `${yt} items · horizontal scroll · ${Math.round(ll)}px cards` : `${yt} 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();
     };
@@ -8348,7 +8354,7 @@ function mc({
       h,
       y,
       Be(he),
-      an,
+      ln,
       J.current
     );
   }, rt = (h, y) => {
@@ -8358,7 +8364,7 @@ function mc({
       h,
       y,
       Be(D),
-      an,
+      ln,
       J.current
     ), (C = B.current) == null || C.mirrorStyle(D, h, y));
   }, Gi = (h) => {
@@ -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(ln)}`));
   }, 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(ln)}`);
   }, Xi = (h, y) => {
     if (!he) return;
-    const C = he.style.getPropertyValue(h), _ = h === "column-gap" ? ln : h === "row-gap" ? Er : It[h.replace("padding-", "")];
+    const C = he.style.getPropertyValue(h), _ = h === "column-gap" ? cn : h === "row-gap" ? Er : Ct[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,
+        ln,
         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 = xt(wn[0].getBoundingClientRect()), y = xt(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) {
@@ -8536,19 +8542,19 @@ function mc({
         "data-inspect-layer": !0,
         className: "absolute inset-0",
         style: { cursor: "crosshair", pointerEvents: c ? "none" : "auto" },
-        onMouseMove: (h) => i(qt(h)),
+        onMouseMove: (h) => i(_t(h)),
         onMouseLeave: () => i(null),
         onWheel: (h) => {
           var y;
           Se ? Ce.scrollBy(h.deltaX, h.deltaY) : (y = t == null ? void 0 : t.current) == null || y.scrollBy(h.deltaX, h.deltaY);
         },
         onClick: (h) => {
-          const y = qt(h);
+          const y = _t(h);
           y && l(y);
         },
         onDoubleClick: (h) => {
-          const y = qt(h);
-          y && ds(y) && Mn(y);
+          const y = _t(h);
+          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)}`
+            It ? `maximum${It}row/row` : `Automatic Placement Minimum${nr}px`,
+            ln && ` · ${Ln(ln)}`
           ]
         }
       ),
@@ -8639,7 +8645,7 @@ function mc({
             top: h.top + 8,
             zIndex: 13
           },
-          className: `flex h-[22px] w-[22px] items-center justify-center rounded-full border text-[12px] font-bold shadow-sm ${Nt === y + 1 ? "border-[#9747ff] bg-[#9747ff] text-white" : "border-[#c4b5fd] bg-white text-[#7c3aed] hover:bg-[#f5f3ff]"}`,
+          className: `flex h-[22px] w-[22px] items-center justify-center rounded-full border text-[12px] font-bold shadow-sm ${It === y + 1 ? "border-[#9747ff] bg-[#9747ff] text-white" : "border-[#c4b5fd] bg-white text-[#7c3aed] hover:bg-[#f5f3ff]"}`,
           onClick: (C) => {
             C.stopPropagation(), Rr(y + 1);
           },
@@ -8668,8 +8674,8 @@ function mc({
           {
             type: "button",
             "data-case-column-gap-handle": y,
-            "aria-label": `column spacing${Math.round(ln)}px`,
-            title: `column spacing${Math.round(ln)}px`,
+            "aria-label": `column spacing${Math.round(cn)}px`,
+            title: `column spacing${Math.round(cn)}px`,
             style: {
               position: "absolute",
               left: h.left + h.width / 2,
@@ -8682,7 +8688,7 @@ function mc({
             onPointerEnter: () => W("column-gap"),
             onPointerLeave: () => W(null),
             onPointerDown: (C) => Xi("column-gap", C),
-            children: Math.round(ln)
+            children: Math.round(cn)
           }
         )
       ] }, `column-gap-${h.key}`)),
@@ -8728,32 +8734,32 @@ function mc({
       [
         {
           side: "top",
-          value: It.top,
+          value: Ct.top,
           left: G.left + G.width / 2,
-          top: G.top + Math.max(It.top / 2, 16),
+          top: G.top + Math.max(Ct.top / 2, 16),
           cursor: "ns-resize",
           className: "h-[18px] min-w-[26px] -translate-x-1/2 -translate-y-1/2"
         },
         {
           side: "right",
-          value: It.right,
-          left: G.left + G.width - Math.max(It.right / 2, 24),
+          value: Ct.right,
+          left: G.left + G.width - Math.max(Ct.right / 2, 24),
           top: G.top + G.height / 2,
           cursor: "ew-resize",
           className: "h-[26px] min-w-[20px] -translate-x-1/2 -translate-y-1/2"
         },
         {
           side: "bottom",
-          value: It.bottom,
+          value: Ct.bottom,
           left: G.left + G.width / 2,
-          top: G.top + G.height - Math.max(It.bottom / 2, 16),
+          top: G.top + G.height - Math.max(Ct.bottom / 2, 16),
           cursor: "ns-resize",
           className: "h-[18px] min-w-[26px] -translate-x-1/2 -translate-y-1/2"
         },
         {
           side: "left",
-          value: It.left,
-          left: G.left + Math.max(It.left / 2, 24),
+          value: Ct.left,
+          left: G.left + Math.max(Ct.left / 2, 24),
           top: G.top + G.height / 2,
           cursor: "ew-resize",
           className: "h-[26px] min-w-[20px] -translate-x-1/2 -translate-y-1/2"
@@ -8981,13 +8987,13 @@ function mc({
               /* @__PURE__ */ s(fs, { active: u === "edit", onClick: () => p("edit"), children: "Edit" }),
               /* @__PURE__ */ g(fs, { active: u === "source", onClick: () => p("source"), children: [
                 "Changes ",
-                Gt.length > 0 ? Gt.length : ""
+                Yt.length > 0 ? Yt.length : ""
               ] })
             ] })
           ] }),
           !m && /* @__PURE__ */ s(Ue, { children: (!D || !st) && u !== "source" ? /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
             /* @__PURE__ */ s("div", { className: "px-4 py-8 text-center text-[12px] leading-relaxed text-[#71717a]", children: "Select an element on the canvas." }),
-            Gt.length > 0 && /* @__PURE__ */ g(
+            Yt.length > 0 && /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
@@ -8995,7 +9001,7 @@ function mc({
                 onClick: () => p("source"),
                 children: [
                   "Review ",
-                  Gt.length,
+                  Yt.length,
                   " changes"
                 ]
               }
@@ -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(ln)
                   ] })
                 ]
               }
@@ -9100,7 +9106,7 @@ function mc({
                       className: `h-7 rounded-md text-[10px] font-semibold ${v === h ? "bg-[#0d99ff] text-white" : "bg-[#f4f4f5] text-[#52525b] hover:bg-[#e9e9ee]"}`,
                       onClick: () => {
                         if (h == null) {
-                          $e(), S(null), ge();
+                          Pe(), S(null), ge();
                           return;
                         }
                         So(h);
@@ -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(ln) }),
                 children: [
                   /* @__PURE__ */ g("div", { className: "grid grid-cols-5 gap-1", children: [
                     uc.map((h) => /* @__PURE__ */ s(
@@ -9207,7 +9213,7 @@ function mc({
                   ] }),
                   j === "custom" && /* @__PURE__ */ g("div", { className: "mt-1.5 grid grid-cols-2 gap-1", children: [
                     /* @__PURE__ */ s(
-                      Ct,
+                      $t,
                       {
                         label: "Min",
                         value: z.minWidth ?? 0,
@@ -9218,7 +9224,7 @@ function mc({
                       }
                     ),
                     /* @__PURE__ */ s(
-                      Ct,
+                      $t,
                       {
                         label: "Max",
                         value: z.maxWidth ?? 0,
@@ -9255,15 +9261,15 @@ function mc({
                     "button",
                     {
                       type: "button",
-                      "aria-label": `Fit all ${xt} items in one row`,
+                      "aria-label": `Fit all ${yt} items in one row`,
                       "aria-pressed": dl,
                       className: `w-full rounded-lg border px-3 py-2.5 text-left ${dl ? "border-[#7c3aed] bg-[#f5f3ff] text-[#5b21b6]" : "border-[#dedee3] bg-white text-[#27272a] hover:border-[#a78bfa] hover:bg-[#faf8ff]"}`,
-                      onClick: () => Rr(xt),
+                      onClick: () => Rr(yt),
                       children: [
                         /* @__PURE__ */ g("span", { className: "flex items-center justify-between gap-2", children: [
                           /* @__PURE__ */ g("span", { className: "text-[11px] font-semibold", children: [
                             "Fit all ",
-                            xt,
+                            yt,
                             " items in one row"
                           ] }),
                           /* @__PURE__ */ g("span", { className: "rounded bg-white/80 px-1.5 py-0.5 text-[9px] font-semibold", children: [
@@ -9283,16 +9289,16 @@ function mc({
                     {
                       key: "fixed",
                       title: "Can be opened fixed",
-                      detail: `${Nt ?? xt} Columns`,
-                      active: Ge === "grid" && Nt != null,
+                      detail: `${It ?? yt} Columns`,
+                      active: Ge === "grid" && It != null,
                       icon: /* @__PURE__ */ s(_o, { mode: "grid" }),
-                      action: () => Rr(Nt ?? xt)
+                      action: () => Rr(It ?? yt)
                     },
                     {
                       key: "auto",
                       title: "automatic line break",
                       detail: `Min W ${Math.round(nr)}`,
-                      active: Ge === "grid" && Nt == null,
+                      active: Ge === "grid" && It == null,
                       icon: /* @__PURE__ */ s("span", { className: "text-[15px] leading-none", children: "↪" }),
                       action: () => Io()
                     },
@@ -9377,7 +9383,7 @@ function mc({
                       }
                     )
                   ] }),
-                  Ge === "grid" && Nt != null && /* @__PURE__ */ g("div", { className: "mt-3 rounded-lg bg-[#f7f7f8] p-2.5", children: [
+                  Ge === "grid" && It != null && /* @__PURE__ */ g("div", { className: "mt-3 rounded-lg bg-[#f7f7f8] p-2.5", children: [
                     /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
                       /* @__PURE__ */ s("span", { className: "text-[10px] font-semibold text-[#52525b]", children: "Columns" }),
                       /* @__PURE__ */ s("span", { className: "text-[9px] text-[#71717a]", children: "How many per line" })
@@ -9388,32 +9394,32 @@ function mc({
                         {
                           type: "button",
                           "aria-label": `${h} items per row`,
-                          "aria-pressed": Nt === h,
-                          className: `h-8 rounded-md text-[10px] font-semibold ${Nt === h ? "bg-[#18181b] text-white" : "bg-white text-[#52525b] hover:bg-[#e9e9ee]"}`,
+                          "aria-pressed": It === h,
+                          className: `h-8 rounded-md text-[10px] font-semibold ${It === h ? "bg-[#18181b] text-white" : "bg-white text-[#52525b] hover:bg-[#e9e9ee]"}`,
                           onClick: () => Rr(h),
                           children: h
                         },
                         h
                       )),
                       /* @__PURE__ */ s(
-                        Ct,
+                        $t,
                         {
                           label: "directly",
-                          value: Nt,
+                          value: It,
                           min: 1,
                           onCommit: (h) => Rr(Math.min(24, h))
                         }
                       )
                     ] })
                   ] }),
-                  Ge === "grid" && Nt == null && /* @__PURE__ */ g("div", { className: "mt-3 rounded-lg bg-[#f7f7f8] p-2.5", children: [
+                  Ge === "grid" && It == null && /* @__PURE__ */ g("div", { className: "mt-3 rounded-lg bg-[#f7f7f8] p-2.5", children: [
                     /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
                       /* @__PURE__ */ s("span", { className: "text-[10px] font-semibold text-[#52525b]", children: "Minimum width" }),
                       /* @__PURE__ */ s("span", { className: "text-[9px] text-[#71717a]", children: "Wrap when it becomes narrower than the width" })
                     ] }),
                     /* @__PURE__ */ g("div", { className: "mt-1.5 grid grid-cols-[minmax(0,1fr)_auto] gap-1", children: [
                       /* @__PURE__ */ s(
-                        Ct,
+                        $t,
                         {
                           label: "Min W",
                           value: nr,
@@ -9421,14 +9427,14 @@ function mc({
                           onCommit: Io
                         }
                       ),
-                      xt > 1 && /* @__PURE__ */ g(
+                      yt > 1 && /* @__PURE__ */ g(
                         "button",
                         {
                           type: "button",
                           className: "h-7 rounded-md bg-white px-2 text-[9px] font-semibold text-[#007be5] hover:bg-[#e5f4ff]",
                           onClick: () => Io(cl),
                           children: [
-                            xt,
+                            yt,
                             " items · ",
                             cl
                           ]
@@ -9462,15 +9468,15 @@ function mc({
                       /* @__PURE__ */ s("div", { className: "text-[10px] text-[#71717a]", children: "Gap" }),
                       /* @__PURE__ */ g("div", { className: "mt-1 flex flex-col gap-1", children: [
                         Ge !== "stack" && /* @__PURE__ */ s(
-                          Ct,
+                          $t,
                           {
                             label: "↔",
-                            value: ln,
+                            value: cn,
                             onCommit: (h) => Xe("column-gap", `${h}px`)
                           }
                         ),
                         Ge !== "scroll" && /* @__PURE__ */ s(
-                          Ct,
+                          $t,
                           {
                             label: "↕",
                             value: Er,
@@ -9506,18 +9512,18 @@ function mc({
                     )
                   ] }),
                   ee ? /* @__PURE__ */ g("div", { className: "mt-1 grid grid-cols-2 gap-1", children: [
-                    /* @__PURE__ */ s(Ct, { label: "↔", value: If, onCommit: (h) => Ji("left", h) }),
-                    /* @__PURE__ */ s(Ct, { label: "↕", value: Cf, onCommit: (h) => Ji("top", h) })
+                    /* @__PURE__ */ s($t, { label: "↔", value: If, onCommit: (h) => Ji("left", h) }),
+                    /* @__PURE__ */ s($t, { label: "↕", value: Cf, onCommit: (h) => Ji("top", h) })
                   ] }) : /* @__PURE__ */ s("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
                     ["T", "top"],
                     ["R", "right"],
                     ["B", "bottom"],
                     ["L", "left"]
                   ].map(([h, y]) => /* @__PURE__ */ s(
-                    Ct,
+                    $t,
                     {
                       label: h,
-                      value: It[y],
+                      value: Ct[y],
                       onCommit: (C) => Ji(y, C)
                     },
                     y
@@ -9579,7 +9585,7 @@ function mc({
               ] }),
               /* @__PURE__ */ g("div", { className: "mt-1 grid grid-cols-2 gap-1", children: [
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "Minimum W",
                     value: At(st, "min-width"),
@@ -9587,7 +9593,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "Max W",
                     value: At(st, "max-width"),
@@ -9595,7 +9601,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "Minimum H",
                     value: At(st, "min-height"),
@@ -9603,7 +9609,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "max H",
                     value: At(st, "max-height"),
@@ -9612,7 +9618,7 @@ function mc({
                 )
               ] }),
               /* @__PURE__ */ g("div", { className: `mt-1.5 grid gap-1 ${Ge === "grid" ? "grid-cols-[1fr_2fr]" : "grid-cols-1"}`, children: [
-                /* @__PURE__ */ s(Ct, { label: "order", value: Rf, min: -999, onCommit: (h) => rt("order", `${h}`) }),
+                /* @__PURE__ */ s($t, { label: "order", value: Rf, min: -999, onCommit: (h) => rt("order", `${h}`) }),
                 Ge === "grid" && /* @__PURE__ */ g("div", { className: "grid grid-cols-5 gap-1", children: [
                   [1, 2, 3, 4].map((h) => /* @__PURE__ */ s(
                     "button",
@@ -9679,7 +9685,7 @@ function mc({
                     type: "button",
                     className: "h-9 rounded-md bg-[#f4f4f5] text-[10px] font-semibold text-[#52525b] hover:bg-[#e9e9ee]",
                     onClick: () => {
-                      $e(), S(null), R("original"), A("default"), ge();
+                      Pe(), S(null), R("original"), A("default"), ge();
                     },
                     children: "Reset case preview"
                   }
@@ -9690,7 +9696,7 @@ function mc({
                     type: "button",
                     className: "h-9 rounded-md bg-[#18181b] text-[10px] font-semibold text-white hover:bg-black",
                     onClick: () => {
-                      Gt.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || ($e(), S(null), R("original"), A("default"), X.discardPending(), P(null), I(""), Re(""), X.toast("Reset all unapplied changes"), ge());
+                      Yt.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || (Pe(), S(null), R("original"), A("default"), X.discardPending(), P(null), I(""), Re(""), X.toast("Reset all unapplied changes"), ge());
                     },
                     children: "Reset changes"
                   }
@@ -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]",
@@ -9851,7 +9857,7 @@ function mc({
                 ] }),
                 /* @__PURE__ */ g("div", { children: [
                   "slot: children[",
-                  Math.min(ve, St),
+                  Math.min(ve, Nt),
                   "]"
                 ] })
               ] }),
@@ -9861,10 +9867,10 @@ function mc({
                   "select",
                   {
                     "aria-label": "Component insertion location",
-                    value: Math.min(ve, St),
+                    value: Math.min(ve, Nt),
                     className: "h-8 min-w-0 rounded-md bg-[#f4f4f5] px-2 text-[10px] font-semibold text-[#52525b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
                     onChange: (h) => we(Number(h.currentTarget.value)),
-                    children: Array.from({ length: St + 1 }, (h, y) => /* @__PURE__ */ s("option", { value: y, children: y === 0 ? "0 · First" : y === St ? `${y} · Last` : `${y} · After item ${y}` }, y))
+                    children: Array.from({ length: Nt + 1 }, (h, y) => /* @__PURE__ */ s("option", { value: y, children: y === 0 ? "0 · First" : y === Nt ? `${y} · Last` : `${y} · After item ${y}` }, y))
                   }
                 )
               ] }),
@@ -9880,7 +9886,7 @@ function mc({
                     X.recordComponentInsert(
                       D,
                       h,
-                      Math.min(ve, St),
+                      Math.min(ve, Nt),
                       `${h} → ${ut}`,
                       pe,
                       J.current
@@ -9897,7 +9903,7 @@ function mc({
                 title: "Styles",
                 action: Hi ? /* @__PURE__ */ s("button", { type: "button", className: "text-[10px] font-semibold text-[#0d99ff]", onClick: () => p("cases"), children: "Back to cases" }) : void 0,
                 children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: (N === "container" ? Nx : Sx).map(({ label: h, prop: y, tokenGroup: C }) => {
-                  const _ = C ? xn[C] : [];
+                  const _ = C ? on[C] : [];
                   return /* @__PURE__ */ g("label", { className: "grid grid-cols-[56px_minmax(0,1fr)_82px] items-center gap-1.5 text-[10px] text-[#71717a]", children: [
                     /* @__PURE__ */ s("span", { className: "shrink-0", children: h }),
                     /* @__PURE__ */ s(
@@ -9907,10 +9913,10 @@ function mc({
                         defaultValue: $r.getPropertyValue(y),
                         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]",
                         onKeyDown: (L) => {
-                          L.key === "Enter" && _t(y, L.target.value);
+                          L.key === "Enter" && Ot(y, L.target.value);
                         },
                         onBlur: (L) => {
-                          L.currentTarget.value !== $r.getPropertyValue(y) && _t(y, L.currentTarget.value);
+                          L.currentTarget.value !== $r.getPropertyValue(y) && Ot(y, L.currentTarget.value);
                         }
                       },
                       `${Q}-${N}-${y}`
@@ -9922,7 +9928,7 @@ function mc({
                         value: "",
                         className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-1.5 text-[10px] text-[#52525b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
                         onChange: (L) => {
-                          L.target.value && _t(y, `var(${L.target.value})`);
+                          L.target.value && Ot(y, `var(${L.target.value})`);
                         },
                         children: [
                           /* @__PURE__ */ s("option", { value: "", children: "Token" }),
@@ -9938,21 +9944,21 @@ function mc({
                 }) })
               }
             ),
-            N === "item" && D && Yt && bo.length > 0 && /* @__PURE__ */ g(Je, { title: "Component props", children: [
+            N === "item" && D && qt && bo.length > 0 && /* @__PURE__ */ g(Je, { title: "Component props", children: [
               /* @__PURE__ */ g("div", { className: "mb-2 rounded-md bg-[#f4f4f5] px-2 py-1.5 text-[9px] leading-relaxed text-[#71717a]", children: [
                 /* @__PURE__ */ g("div", { className: "truncate font-mono text-[#52525b]", children: [
-                  Yt.elementName,
+                  qt.elementName,
                   " · ",
-                  Yt.componentFile,
+                  qt.componentFile,
                   ":",
-                  Yt.sourceStart
+                  qt.sourceStart
                 ] }),
                 "DOM properties are previewed immediately. Component-specific props, such as variant, are confirmed in HMR after changes are applied."
               ] }),
               /* @__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,
@@ -9960,7 +9966,7 @@ function mc({
                     y,
                     _e,
                     ut,
-                    Yt,
+                    qt,
                     J.current
                   );
                 };
@@ -9983,7 +9989,7 @@ function mc({
                             y,
                             ue.currentTarget.value === "true",
                             ut,
-                            Yt,
+                            qt,
                             J.current
                           ),
                           children: [
@@ -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}`
                       ),
@@ -10092,10 +10098,10 @@ function mc({
                     "button",
                     {
                       type: "button",
-                      disabled: Gt.length === 0,
+                      disabled: Yt.length === 0,
                       className: "mt-1.5 h-8 w-full rounded-md border border-[#fecaca] bg-[#fff7f7] text-[10px] font-semibold text-[#b91c1c] hover:bg-[#fef2f2] disabled:border-[#e4e4e7] disabled:bg-[#f4f4f5] disabled:text-[#a1a1aa]",
                       onClick: () => {
-                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && ($e(), S(null), R("original"), A("default"), X.discardPending(), P(null), I(""), Re(""), X.toast("Reset all unapplied changes"));
+                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && (Pe(), S(null), R("original"), A("default"), X.discardPending(), P(null), I(""), Re(""), X.toast("Reset all unapplied changes"));
                       },
                       children: "Reset changes"
                     }
@@ -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",
@@ -10249,7 +10255,7 @@ function mc({
               }
             ),
             /* @__PURE__ */ s(Je, { title: "Saveable changes", children: xo > 0 ? /* @__PURE__ */ g("div", { className: "flex flex-col gap-2", children: [
-              sn.styles.map((h) => {
+              an.styles.map((h) => {
                 var y, C;
                 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: [
                         _,
@@ -10276,7 +10282,7 @@ function mc({
                   `${h.file}-${h.className}-${((y = h.media) == null ? void 0 : y.minWidth) ?? ""}-${((C = h.media) == null ? void 0 : C.maxWidth) ?? ""}`
                 );
               }),
-              sn.texts.map((h) => /* @__PURE__ */ g("div", { className: "rounded-md border border-[#e4e4e7] bg-[#fafafa] px-2.5 py-2", children: [
+              an.texts.map((h) => /* @__PURE__ */ g("div", { className: "rounded-md border border-[#e4e4e7] bg-[#fafafa] px-2.5 py-2", children: [
                 /* @__PURE__ */ s("div", { className: "truncate text-[10px] font-semibold text-[#27272a]", children: h.componentFile }),
                 /* @__PURE__ */ g("div", { className: "mt-1 truncate text-[10px] text-[#52525b]", children: [
                   '"',
@@ -10291,7 +10297,7 @@ function mc({
                   ] })
                 ] })
               ] }, `${h.componentFile}-${h.oldText}`)),
-              sn.operations.map((h) => {
+              an.operations.map((h) => {
                 const y = Ax(h), C = h.scope === "instance" ? "This screen" : "Shared source", _ = h.affectedFrames.length > 0 ? h.affectedFrames.map((L) => L.name).join(", ") : "current element";
                 return /* @__PURE__ */ g(
                   "div",
@@ -10327,9 +10333,9 @@ 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." })
+              an.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) => {
+            /* @__PURE__ */ s(Je, { title: "Recent changes", children: Yt.length > 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [...Yt].reverse().map((h) => {
               const y = h.items.some(Qi), C = h.items.some((_) => !Qi(_));
               return /* @__PURE__ */ g("div", { className: "rounded-md bg-[#f7f7f8] px-2.5 py-2 text-[10px] leading-relaxed text-[#52525b]", children: [
                 /* @__PURE__ */ g("div", { className: "mb-0.5 flex items-center gap-1", children: [
@@ -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);
@@ -10444,11 +10450,11 @@ function gc() {
   ] });
 }
 const Wx = We(function({ onClose: t }) {
-  const n = Qe(ha, bn, bn), r = f.activePage, o = Ie(null), i = Ie(null), [a, l] = Y(!1);
+  const n = Qe(ha, xn, xn), r = f.activePage, o = Ie(null), i = Ie(null), [a, l] = Y(!1);
   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",
@@ -10525,8 +10531,8 @@ const Wx = We(function({ onClose: t }) {
               n,
               r.route ?? "",
               Lt(
-                Xt(),
-                gn(r, !0)
+                Gt(),
+                bn(r, !0)
               )
             ),
             className: "h-full w-full border-0 bg-white"
@@ -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);
@@ -13915,7 +13921,7 @@ const cv = We(function({
   { v: "fit", label: "Hug" },
   { v: "fixed", label: "Fixed" }
 ];
-function vt({ label: e, value: t }) {
+function wt({ label: e, value: t }) {
   return /* @__PURE__ */ g("div", { className: "flex items-baseline justify-between gap-2 text-[11px]", children: [
     /* @__PURE__ */ s("span", { className: "shrink-0 text-[#999]", children: e }),
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-right text-[#333]", title: t, children: t })
@@ -13930,32 +13936,32 @@ const mv = We(function({
   const n = t.type === "component" ? Ze()[t.componentName] : void 0, r = Object.entries(t.componentProps ?? {});
   return /* @__PURE__ */ g("div", { "data-read-only-inspector": "node", className: "min-h-0 flex-1 overflow-auto", children: [
     /* @__PURE__ */ g(Fe, { title: t.name, children: [
-      /* @__PURE__ */ s(vt, { label: "Type", value: t.type }),
-      t.domTag && /* @__PURE__ */ s(vt, { label: "Tag", value: t.domTag }),
-      /* @__PURE__ */ s(vt, { label: "Width", value: kc(t.widthMode, t.width) }),
-      /* @__PURE__ */ s(vt, { label: "Height", value: kc(t.heightMode, t.height) }),
-      t.type === "text" && t.text && /* @__PURE__ */ s(vt, { label: "Text", value: t.text })
+      /* @__PURE__ */ s(wt, { label: "Type", value: t.type }),
+      t.domTag && /* @__PURE__ */ s(wt, { label: "Tag", value: t.domTag }),
+      /* @__PURE__ */ s(wt, { label: "Width", value: kc(t.widthMode, t.width) }),
+      /* @__PURE__ */ s(wt, { label: "Height", value: kc(t.heightMode, t.height) }),
+      t.type === "text" && t.text && /* @__PURE__ */ s(wt, { label: "Text", value: t.text })
     ] }),
     n && /* @__PURE__ */ g(Fe, { title: "Component", children: [
-      /* @__PURE__ */ s(vt, { label: "Name", value: t.componentName }),
-      r.map(([o, i]) => /* @__PURE__ */ s(vt, { label: o, value: String(i) }, o))
+      /* @__PURE__ */ s(wt, { label: "Name", value: t.componentName }),
+      r.map(([o, i]) => /* @__PURE__ */ s(wt, { label: o, value: String(i) }, o))
     ] }),
-    t.sourceComponent && /* @__PURE__ */ s(Fe, { title: "Source", children: /* @__PURE__ */ s(vt, { label: "Component", value: t.sourceComponent }) })
+    t.sourceComponent && /* @__PURE__ */ s(Fe, { title: "Source", children: /* @__PURE__ */ s(wt, { label: "Component", value: t.sourceComponent }) })
   ] });
 }), gv = We(function({
   section: t,
   members: n
 }) {
   return /* @__PURE__ */ s("div", { "data-read-only-inspector": "section", className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ g(Fe, { title: "Section", children: [
-    /* @__PURE__ */ s(vt, { label: "Name", value: t.name }),
+    /* @__PURE__ */ s(wt, { label: "Name", value: t.name }),
     /* @__PURE__ */ s(
-      vt,
+      wt,
       {
         label: "Bounds",
         value: `${Math.round(t.x)}, ${Math.round(t.y)} · ${Math.round(t.width)} × ${Math.round(t.height)}`
       }
     ),
-    /* @__PURE__ */ s(vt, { label: "Frames", value: String(n) })
+    /* @__PURE__ */ s(wt, { label: "Frames", value: String(n) })
   ] }) });
 });
 function bv({ node: e }) {
@@ -14303,16 +14309,16 @@ const Sv = We(function({ page: t }) {
         onChange: (b) => r({ name: b.target.value })
       }
     ) }) : /* @__PURE__ */ s("div", { "data-read-only-inspector": "frame", children: /* @__PURE__ */ g(Fe, { title: "Frame", children: [
-      /* @__PURE__ */ s(vt, { label: "Name", value: t.name }),
+      /* @__PURE__ */ s(wt, { label: "Name", value: t.name }),
       /* @__PURE__ */ s(
-        vt,
+        wt,
         {
           label: "Size",
           value: `${Math.round(t.width ?? 390)} × ${Math.round(t.height ?? 600)}`
         }
       ),
-      t.route && /* @__PURE__ */ s(vt, { label: "Route", value: t.route }),
-      t.section && /* @__PURE__ */ s(vt, { label: "Section", value: t.section })
+      t.route && /* @__PURE__ */ s(wt, { label: "Route", value: t.route }),
+      t.section && /* @__PURE__ */ s(wt, { label: "Section", value: t.section })
     ] }) }),
     /* @__PURE__ */ g(Fe, { title: "Preview", children: [
       /* @__PURE__ */ g("div", { className: "flex gap-1.5", children: [
@@ -15063,8 +15069,8 @@ 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({
+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, un = 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 zn({
   icon: e,
   label: t,
   shortcut: n,
@@ -15101,12 +15107,12 @@ const _v = We(function({
   se(() => i, []);
   const a = Qe(
     Uc,
-    Gn,
-    Gn
+    Xn,
+    Xn
   ), l = Qe(
     ha,
-    bn,
-    bn
+    xn,
+    xn
   );
   Qe(
     za,
@@ -15131,17 +15137,17 @@ const _v = We(function({
     x: F.x ?? 0,
     y: F.y ?? 0,
     width: F.width ?? 390,
-    height: fn(F)
-  })) : [], m = f.pages.filter((F) => F.route != null).sort((F, ce) => {
+    height: hn(F)
+  })) : [], 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 = [
+  }), b = m.map((F) => Wt(F, a)), x = [
     ...new Set(
       m.flatMap((F) => [
-        jt(F, a),
-        jt(
+        Wt(F, a),
+        Wt(
           F,
           a,
           F.authoredFrameSize ?? {
@@ -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 = Gt(), re = n.current, Ee = re ? {
       panX: f.panX,
       panY: f.panY,
       zoom: f.zoom,
@@ -15177,19 +15183,19 @@ const _v = We(function({
     } : null, O = new Map(f.pages.map((B) => [B.id, B])), ve = [];
     for (const B of f.pages) {
       if (B.route == null || B.layersImported || fo(B.importPageId ?? B.id)) continue;
-      const K = jt(B, a), ke = B.width ?? 390, J = fn(B), je = (((Oe = B.interactions) == null ? void 0 : Oe.length) ?? 0) > 0, Ne = B.importPageId ?? B.id, ze = Va(
+      const K = Wt(B, a), ke = B.width ?? 390, J = hn(B), je = (((Oe = B.interactions) == null ? void 0 : Oe.length) ?? 0) > 0, Ne = B.importPageId ?? B.id, ze = Va(
         {
           canonicalId: Ne,
           route: B.route,
           width: B.width,
           height: B.height,
-          environment: gn(B),
+          environment: bn(B),
           preset: B.preset,
           interactions: B.interactions,
           assertions: B.assertions
         },
         a,
-        ce
+        de
       );
       ve.push({
         pageId: B.id,
@@ -15200,7 +15206,7 @@ const _v = We(function({
         }) ? ja({
           origin: l,
           route: B.route,
-          environment: gn(B),
+          environment: bn(B),
           width: ke,
           height: J
         }) : null,
@@ -15214,22 +15220,22 @@ 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);
         if (!K || K.route == null) return null;
-        const ke = K.width ?? 390, J = fn(K), je = mr(
+        const ke = K.width ?? 390, J = hn(K), je = mr(
           l,
           K.route,
           Lt(
-            ce,
-            gn(K)
+            de,
+            bn(K)
           )
         );
         if (B.groupKey != null) {
-          const $e = B.groupKey, Se = await Q.lease({
-            key: $e,
+          const Pe = B.groupKey, Se = await Q.lease({
+            key: Pe,
             url: je,
             width: ke,
             height: J
@@ -15240,25 +15246,25 @@ const _v = We(function({
               iframe: Se.iframe,
               release: () => Se.release(),
               discard: () => {
-                Q.discard($e), Se.release();
+                Q.discard(Pe), Se.release();
               }
             };
         }
         const Ne = document.createElement("iframe");
         Ne.setAttribute("tabindex", "-1"), Ne.setAttribute("aria-hidden", "true"), Ne.setAttribute("data-pygmalion-sweep-instance", ""), Ne.style.position = "fixed", Ne.style.top = "0", Ne.style.left = "-20000px", Ne.style.border = "0", Ne.style.pointerEvents = "none", Ne.style.width = `${Math.round(ke)}px`, Ne.style.height = `${Math.round(J)}px`, document.body.appendChild(Ne);
         try {
-          await new Promise(($e, Se) => {
-            const Pe = () => {
+          await new Promise((Pe, Se) => {
+            const $e = () => {
               Ne.removeEventListener("load", Ce), Ne.removeEventListener("error", Ke);
             }, Ce = () => {
-              Pe(), $e();
+              $e(), Pe();
             }, Ke = () => {
-              Pe(), Se(new Error(`The sweep preview failed to load ${je}.`));
+              $e(), Se(new Error(`The sweep preview failed to load ${je}.`));
             };
             Ne.addEventListener("load", Ce), Ne.addEventListener("error", Ke), Ne.src = je;
           });
-        } catch ($e) {
-          throw Ne.remove(), $e;
+        } catch (Pe) {
+          throw Ne.remove(), Pe;
         }
         let ze = !1;
         const tt = () => {
@@ -15301,8 +15307,8 @@ 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(
-          jt(B, a)
+        return !B || B.route == null ? !1 : B.importLayers && !B.layersImported ? !0 : !B.layersImported && !Jn(
+          Wt(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: hn(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,
+        un,
         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
@@ -15810,10 +15816,10 @@ const _v = We(function({
                       {
                         type: "button",
                         "aria-label": "Minimum left panel width",
-                        "aria-pressed": ae === dn,
-                        title: `Minimum width · ${dn}px`,
-                        className: `h-5 rounded px-1.5 text-[8px] font-semibold ${ae === dn ? "bg-white text-[#333] shadow-sm" : "text-[#888] hover:text-[#333]"}`,
-                        onClick: () => xe(dn),
+                        "aria-pressed": ae === un,
+                        title: `Minimum width · ${un}px`,
+                        className: `h-5 rounded px-1.5 text-[8px] font-semibold ${ae === un ? "bg-white text-[#333] shadow-sm" : "text-[#888] hover:text-[#333]"}`,
+                        onClick: () => xe(un),
                         children: "Min"
                       }
                     ),
@@ -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"
@@ -16016,10 +16022,10 @@ const _v = We(function({
                 {
                   type: "button",
                   "aria-label": "Minimum right panel width",
-                  "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),
+                  "aria-pressed": Re === un,
+                  title: `Minimum panel width · ${un}px`,
+                  className: `flex h-5 w-5 items-center justify-center rounded text-[10px] ${Re === un ? "bg-[#f2f2f2] text-[#333]" : "text-[#999] hover:bg-[#f5f5f5]"}`,
+                  onClick: () => le(un),
                   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`,
@@ -16297,7 +16303,7 @@ function Wv(e, t, n, r = Ov) {
   const o = /* @__PURE__ */ new Map();
   return e.forEach((i, a) => {
     if (!Wa(i)) return;
-    const l = i.width ?? 390, c = fn(i), d = ja({
+    const l = i.width ?? 390, c = hn(i), d = ja({
       origin: t,
       route: i.route ?? "",
       environment: i.environment,
@@ -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,
@@ -18083,7 +18089,7 @@ function s0(e = {}) {
     refs: [],
     defaultRef: null,
     worktreeRef: null
-  }), N = Ie(null), T = Ie(null), j = wt(
+  }), N = Ie(null), T = Ie(null), j = St(
     async (I = !0, V) => {
       if (V != null && N.current && await N.current.catch(() => {
       }), N.current) return N.current;
@@ -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,
@@ -18151,7 +18161,7 @@ function s0(e = {}) {
       }
     },
     [o, a, l, b]
-  ), k = wt(async () => {
+  ), k = St(async () => {
     try {
       const I = await tn(
         await o(`${a}/refs`)
@@ -18164,7 +18174,7 @@ function s0(e = {}) {
     } catch {
       return H;
     }
-  }, [o, a, H]), z = wt(
+  }, [o, a, H]), z = St(
     async (I, V) => {
       if (v != null && v.branchName && !(V != null && V.discardEdits))
         throw new Error(
@@ -18173,9 +18183,9 @@ function s0(e = {}) {
       await j(!0, I), await k();
     },
     [k, j, v == null ? void 0 : v.branchName]
-  ), Z = wt(
+  ), Z = St(
     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",
@@ -18225,9 +18235,9 @@ function s0(e = {}) {
       };
     },
     [o, i, u, v, l]
-  ), M = wt(
+  ), M = St(
     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 = {
@@ -18281,7 +18291,7 @@ function s0(e = {}) {
       l,
       d
     ]
-  ), W = wt(
+  ), W = St(
     async (I) => {
       if (I.length === 0) return { files: [] };
       const V = await tn(
@@ -18296,7 +18306,7 @@ function s0(e = {}) {
       return { files: Array.isArray(V.files) ? V.files : [] };
     },
     [o, c]
-  ), ee = wt(async () => {
+  ), ee = St(async () => {
     if (!(v != null && v.canRevert) || !v.headSha)
       throw new Error("There are no reversible changes applied");
     const I = await tn(
@@ -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,18 +18657,18 @@ 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(
+  const we = u ?? xn(), Q = Ie([]), ge = Ie([]), Oe = Ft(
     () => re.map((K) => ({
       id: K.canonicalId,
       fingerprint: Va(
         K,
         ve,
-        Xt()
+        Gt()
       )
     })),
-    [re, ve, de]
+    [re, ve, le]
   );
   Q.current = Oe, ge.current = re.map(
     (K) => ki({
@@ -18668,7 +18678,7 @@ function f0({
       width: K.width ?? 390,
       height: K.height ?? 600,
       environment: Lt(
-        Xt(),
+        Gt(),
         K.environment
       ),
       preset: K.preset,
@@ -18678,12 +18688,12 @@ 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.
       appOrigin: $l(),
-      baselineEnvironment: Xt(),
+      baselineEnvironment: Gt(),
       allowStaleIdentity: !!x,
       allowMatchingFrameIdentity: Le != null,
       pages: re.map((K, ke) => {
@@ -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,
@@ -18722,73 +18732,77 @@ function f0({
         namespace: m,
         previewRevision: p,
         appOrigin: $l(),
-        baselineEnvironment: Xt(),
+        baselineEnvironment: Gt(),
         allowStaleIdentity: !0,
         allowMatchingFrameIdentity: !0,
-        pages: re.map((Pe, Ce) => {
+        pages: re.map(($e, Ce) => {
           var Ke;
           return {
-            ...Pe,
+            ...$e,
             fingerprint: (Ke = Oe[Ce]) == null ? void 0 : Ke.fingerprint
           };
         })
       }), De(Se);
-    }, Ne = (Se, Pe, Ce) => Yg({
+    }, Ne = (Se, $e, Ce) => Yg({
       namespace: m,
       sourceRevision: J,
       transport: ke,
       signal: Ce,
       ...Se.length ? { frames: Se } : {},
-      ...Pe ? {} : { generate: !1 }
-    }), ze = (Se, Pe) => {
-      const Ce = new Set(Pe);
+      ...$e ? {} : { generate: !1 }
+    }), ze = (Se, $e) => {
+      const Ce = new Set($e);
       return Se.filter((Ke) => Ce.has(Ke.id));
-    }, tt = (Se, Pe) => Se instanceof Error && Se.message ? Se.message : Pe, $e = new AbortController();
+    }, tt = (Se, $e) => Se instanceof Error && Se.message ? Se.message : $e, Pe = new AbortController();
     if (Bs(async (Se) => {
-      var Ce, Ke, zt;
-      const Pe = await Ne(Se, !0, $e.signal);
-      if (Pe.status === "accepted") {
-        je(Pe.artifact);
-        const xn = new Set(((Ce = Pe.frameResolution) == null ? void 0 : Ce.exact) ?? []);
-        if (Se.every((qt) => xn.has(qt.id)))
+      var Ce, Ke, zt, on;
+      const $e = await Ne(Se, !0, Pe.signal);
+      if ($e.status === "accepted") {
+        je($e.artifact);
+        const Qt = new Set(((Ce = $e.frameResolution) == null ? void 0 : Ce.exact) ?? []);
+        if (Se.every((xt) => Qt.has(xt.id)))
           return { status: "accepted" };
-        const Ut = [
-          ...((Ke = Pe.frameResolution) == null ? void 0 : Ke.missing) ?? [],
-          ...((zt = Pe.frameResolution) == null ? void 0 : zt.stale) ?? []
+        const _t = [
+          ...((Ke = $e.frameResolution) == null ? void 0 : Ke.missing) ?? [],
+          ...((zt = $e.frameResolution) == null ? void 0 : zt.stale) ?? []
         ];
         return {
           status: "unavailable",
-          message: Ut.length ? `The exact preview endpoint did not return a current capture for ${Ut.join(", ")}.` : "The exact preview endpoint returned no current capture."
+          message: _t.length ? `The exact preview endpoint did not return a current capture for ${_t.join(", ")}.` : "The exact preview endpoint returned no current capture."
         };
       }
-      return Pe.status === "rejected" ? {
+      return $e.status === "rejected" ? {
         status: "rejected",
-        message: Pe.errors.join(" ") || "The preview artifact was rejected."
+        message: $e.errors.join(" ") || "The preview artifact was rejected."
       } : {
         status: "unavailable",
         message: tt(
-          Pe.error,
+          $e.error,
           "The exact preview endpoint is unavailable."
-        )
+        ),
+        // The endpoint says whether this is a wait or a defect. Carry the flag
+        // rather than the wording: the frame badge decides on it, and a red
+        // alert on every not-yet-prepared frame is how the real one gets ignored.
+        ...(on = $e.error) != null && on.pygmalionNotPrepared ? { notPrepared: !0 } : {}
       };
     }), Q.current.length) {
       const Se = Q.current.filter((Ce) => {
-        const Ke = mn(
+        const Ke = gn(
           Ce.id,
           Ce.fingerprint
         ).status;
         return Ke !== "exact" && Ke !== "generating";
       });
-      yt(Se, { status: "checking" });
-      const Pe = (Ce) => Ce.filter((Ke) => {
-        const zt = mn(
+      vt(Se, { status: "checking" });
+      const $e = (Ce) => Ce.filter((Ke) => {
+        const zt = gn(
           Ke.id,
           Ke.fingerprint
         ).status;
         return zt !== "generating" && zt !== "exact";
       });
       (async () => {
-        var Ut, qt, Et;
+        var Qt, _t, xt;
         const Ce = ge.current.slice(
           0,
           Q.current.length
@@ -18799,15 +18813,15 @@ function f0({
             (Be, He) => Ce[He] ? Ei(Ce[He]) : !1
           ).map((Be) => Be.id)
         );
-        yt(
-          Pe(
+        vt(
+          $e(
             Se.filter((Be) => Ke.has(Be.id))
           ),
           { status: "exact" }
         );
-        const zt = Pe(
+        const zt = $e(
           Se.filter((Be) => !Ke.has(Be.id))
-        ), xn = [];
+        ), on = [];
         for (const Be of Wl(
           zt
         )) {
@@ -18820,31 +18834,31 @@ function f0({
           });
           if (K.signal.aborted) return;
           if (He.status === "accepted") {
-            xn.push(
+            on.push(
               ...ze(Be, He.resolution.exact)
             );
-            const _t = ze(Be, [
+            const Ot = ze(Be, [
               ...He.resolution.missing,
               ...He.resolution.stale
             ]);
-            yt(Pe(_t), {
+            vt($e(Ot), {
               status: "outdated",
               message: "Select this frame to generate the exact preview."
             });
             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), {
+          vt($e(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
-            message: Mn
+            message: En
           });
         }
         for (const Be of Wl(
-          Pe(xn)
+          $e(on)
         )) {
           const He = await Ne(
             Be,
@@ -18853,34 +18867,34 @@ function f0({
           );
           if (K.signal.aborted) return;
           if (He.status === "accepted") {
-            je(He.artifact), yt(
-              ze(Be, ((Ut = He.frameResolution) == null ? void 0 : Ut.exact) ?? []),
+            je(He.artifact), vt(
+              ze(Be, ((Qt = He.frameResolution) == null ? void 0 : Qt.exact) ?? []),
               { status: "exact" }
             );
-            const _t = ze(Be, [
-              ...((qt = He.frameResolution) == null ? void 0 : qt.missing) ?? [],
-              ...((Et = He.frameResolution) == null ? void 0 : Et.stale) ?? []
+            const Ot = ze(Be, [
+              ...((_t = He.frameResolution) == null ? void 0 : _t.missing) ?? [],
+              ...((xt = He.frameResolution) == null ? void 0 : xt.stale) ?? []
             ]);
-            yt(Pe(_t), {
+            vt($e(Ot), {
               status: "outdated",
               message: "Select this frame to generate the exact preview."
             });
             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), {
+          vt($e(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
-            message: Mn
+            message: En
           });
         }
       })().catch((Ce) => {
         if (K.signal.aborted) return;
-        const Ke = Pe(Se);
-        yt(Ke, {
+        const Ke = $e(Se);
+        vt(Ke, {
           status: "error",
           reason: "unavailable",
           message: tt(
@@ -18891,14 +18905,14 @@ function f0({
       });
     }
     return () => {
-      Bs(null), $e.abort(), K.abort();
+      Bs(null), Pe.abort(), K.abort();
     };
   }, [
     x,
     m,
     p,
     u,
-    de
+    le
   ]), se(() => {
     let K = !0;
     if (!I)
@@ -18936,17 +18950,17 @@ function f0({
   }, [v]);
   const B = Ie(null);
   return se(() => {
-    if (typeof document > "u" || !de) return;
-    const K = u ?? bn();
+    if (typeof document > "u" || !le) return;
+    const K = u ?? xn();
     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()
+      baselineEnvironment: Gt()
     });
-  }, [u, de, p]), /* @__PURE__ */ s(_v, { previewIdentityReady: de });
+  }, [u, le, p]), /* @__PURE__ */ s(_v, { previewIdentityReady: le });
 }
 export {
   py as DEFAULT_DESIGN_COMPILE_LIMITS,
@@ -19004,7 +19018,7 @@ export {
   Em as getPreviewEnvironmentControls,
   Rm as getPreviewEnvironmentOverride,
   ba as getRecommendedPygmalionPreviewConcurrency,
-  Xt as getStoryboardBaselineEnvironment,
+  Gt as getStoryboardBaselineEnvironment,
   hf as getStoryboardDiscoveryBaselineEnvironment,
   lo as getStoryboardGraph,
   ab as getSurfaceClassifications,