@pygmalionjs/pygmalion 0.5.17 → 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 Xn, j as ha, k as bn, l as Uc, n as mr, p as Gf, o as Kn, q as We, t as Xf, v as Jf, w as Qf, x as Zf, y as eh, z as th, A as nh, B as vs, C as rh, D as oh, E as ih, G as sh, H as ah, I as lh, S as ch, J as dh, K as uh, L as fh, M as hh, O as ph, P as mh, Q as gh, T as bh, U as qc, V as xh, W as wl, X as yh, Y as Yc, Z as vh, _ as wh, $ as Sh, a0 as Nh, a1 as Ih, a2 as Ch, a3 as Gc, a4 as $h, a5 as Ph, a6 as X, a7 as Sl, a8 as Nl, a9 as Mh, aa as Qi, ab as Eh, ac as Vo, ad as ws, ae as kh, af as Xc, ag as Ah, ah as Rh, ai as Th, aj as Fh, s as Lh, ak as Jc, al as Qc, am as Ss, an as Zc, ao as Dh, ap as zh, aq as Il, ar as _h, as as Oh, at as Cl, au as Bh, av as jh, aw as Wh, ax as Hh, ay as Vh, az as Kh, aA as Uh, aB as qh, aC as Yh, aD as Gh, aE as Xh, aF as Jh, a as Qh, aG as Zh, aH as ep, aI as tp, aJ as np, aK as rp, aL as op, aM as ip, aN as sp, aO as ap, aP as lp, aQ as cp, aR as dp, aS as Lr, aT as $l, aU as up, aV as fp, aW as hp, aX as pp, aY as Pl } from "./FrozenRoutePreview-CZOpvN6z.js";
+import { 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,
@@ -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 (!_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.`);
@@ -334,7 +334,7 @@ function Pi(e) {
       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.");
+  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(
@@ -342,10 +342,10 @@ function Pi(e) {
     "stylesheet",
     t
   );
-  if (o.size + i.size > un.assetCount && t.push("Artifact has too many shared assets."), !_n(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)) {
@@ -367,11 +367,11 @@ 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;
     }
@@ -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(), On = /* @__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)
@@ -744,14 +744,14 @@ function Ls() {
   return Kr;
 }
 function Jn(e) {
-  return mt.has(e) || bt.has(e) || Kt.has(e);
+  return mt.has(e) || bt.has(e) || Ut.has(e);
 }
 function Ei(e) {
   var t;
-  return Jn(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();
+const pn = /* @__PURE__ */ new Map();
 let Un = 0;
 function Bs(e) {
-  Un += 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,12 +860,12 @@ 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" });
+  vt([i], { status: "generating" });
   const d = Un;
   let u;
   try {
@@ -876,31 +876,31 @@ function js(e, t, n = {}) {
   const p = Promise.resolve(u).then(
     (m) => {
       if (d !== Un)
-        return mn(r, t);
+        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 !== Un)
-        return mn(r, t);
+        return gn(r, t);
       const x = {
         status: "error",
         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], x), x;
+      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,15 +914,15 @@ 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" });
+  vt(r, { status: "generating" });
   const a = Un;
   let l;
   try {
@@ -943,7 +943,7 @@ 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 !== Un)
@@ -953,14 +953,14 @@ function Fd(e, t = {}) {
         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);
@@ -1193,7 +1193,7 @@ function um(e) {
   }, e.shadow;
 }
 function jn(e) {
-  const t = Kt.get(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 (Jn(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 } : {},
@@ -1395,9 +1395,9 @@ 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) {
@@ -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))
@@ -1824,7 +1824,7 @@ function Fa(e, t, n) {
   ), 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) {
@@ -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,11 +1965,11 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getRoutePreviewArtifactIdentityVersion: Pd,
   getRoutePreviewArtifactKeyVersion: Cd,
   getRoutePreviewArtifactOutcome: $a,
-  getRoutePreviewArtifactResolution: mn,
+  getRoutePreviewArtifactResolution: gn,
   getRoutePreviewArtifactRevision: Ds,
   getRoutePreviewCacheNamespace: ka,
   getRoutePreviewShadowArtifact: jn,
-  getRoutePreviewSnapshot: Jt,
+  getRoutePreviewSnapshot: Xt,
   getRoutePreviewSnapshotKeyVersion: Fs,
   getRoutePreviewSnapshotRevision: Rs,
   hasExactRoutePreviewSnapshot: Ei,
@@ -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,
@@ -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,9 +2187,9 @@ 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 = jn(i.key);
   return l ? l.bodyHtml.length * 2 : 0;
@@ -2197,7 +2197,7 @@ function zm(e, t) {
 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;
@@ -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,7 +2426,7 @@ function qm() {
   };
 }
 function Ym() {
-  const e = Qe(ha, bn, bn), t = Qe(
+  const e = Qe(ha, xn, xn), t = Qe(
     Uc,
     Xn,
     Xn
@@ -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 = [], qn = {
+const Ht = [], qn = {
   boots: 0,
   reuses: 0,
   parks: 0,
@@ -2551,7 +2551,7 @@ function qs(e) {
   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,16 +2569,16 @@ 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);
+  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) {
@@ -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), qn.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);
   }
 }
@@ -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;
     }
   };
 }
@@ -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
       ) ?? {},
@@ -2985,7 +2985,7 @@ 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 c = Wt(e, n, t, !1), d = async (p) => {
     const m = Kn();
     if (!m) {
       $n.controllerMissing += 1;
@@ -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);
@@ -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 {
@@ -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 {
@@ -4821,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;
 }
@@ -5533,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);
@@ -6004,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(
@@ -6015,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]
   );
@@ -6084,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 ?? {
@@ -6106,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,
@@ -6130,7 +6130,7 @@ 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" }, le = Iu({
@@ -6139,9 +6139,9 @@ const ex = We(function({
     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
+    () => a && !E ? Xt(q) : null
   ), [Ye, ot] = Y(!1), [F, de] = Y(!1), re = Ie(null), Ee = () => {
-    !a || t.route == null || t.layersImported || $e || re.current == null && (re.current = setTimeout(() => {
+    !a || t.route == null || t.layersImported || Pe || re.current == null && (re.current = setTimeout(() => {
       re.current = null, _a(t.id);
     }, 220));
   }, O = () => {
@@ -6152,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,
@@ -6164,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),
@@ -6173,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
   );
@@ -6192,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);
   }, [
@@ -6240,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(
-      jn(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(
@@ -6257,7 +6257,7 @@ const ex = We(function({
       return;
     }
     De(
-      jn(q) ? null : Jt(q)
+      jn(q) ? null : Xt(q)
     );
   }, [P, a, q]), se(() => {
     var Ae, me;
@@ -6277,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,
@@ -6316,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,
@@ -6330,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)),
@@ -6341,7 +6341,7 @@ const ex = We(function({
       fe ?? void 0
     );
   }, [
-    $e,
+    Pe,
     P,
     t.route,
     t.layersImported,
@@ -6355,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), En = f.frozenPromotionRefused(t.id), _t = (qt || Et || Be || Ut) && !En && !t.layersImported && t.importLayers === !0 && t.route != null && // A replay that reported issues registers stale and cannot promote —
+  ), 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}`;
@@ -6402,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,
@@ -6429,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) => {
@@ -6463,7 +6463,7 @@ const ex = We(function({
   se(() => {
     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;
@@ -6501,7 +6501,7 @@ const ex = We(function({
     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(
@@ -6538,20 +6538,20 @@ 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), kn = St + Z;
+      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, sn = nt.x1 + wn, Gt = nt.y1 + wn;
-        if (An !== t.section && ft < sn && kt > go && St < Gt && kn > bo) {
+        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;
         }
@@ -6572,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,
@@ -6581,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,
@@ -6595,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
@@ -6621,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(() => {
@@ -6654,7 +6654,7 @@ const ex = We(function({
     H.current = U, de(!1), $.current = !1, R.current = null, S.current = null, (async () => {
       var pe;
       try {
-        const be = await on();
+        const be = await sn();
         Yc(be), de(!0);
         const Te = p.current;
         if ((Te ? he(Te) : !1) && await new Promise((ye) => {
@@ -6728,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),
@@ -6827,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,
@@ -6891,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);
@@ -6907,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(
@@ -6975,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",
@@ -7433,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) {
@@ -7967,7 +7967,7 @@ function fs({
     }
   );
 }
-function Ct({
+function $t({
   label: e,
   value: t,
   min: n = 0,
@@ -8065,16 +8065,16 @@ function mc({
   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));
@@ -8124,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();
@@ -8180,9 +8180,9 @@ 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;
@@ -8193,10 +8193,10 @@ function mc({
     }
     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();
@@ -8208,7 +8208,7 @@ 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;
   }, En = (h) => {
@@ -8217,11 +8217,11 @@ function mc({
       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,
@@ -8272,17 +8272,17 @@ function mc({
     } 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 = de.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, kn = D ? Dx(D, (at == null ? void 0 : at.props) ?? null, U) : [], An = D ? Ju(D) : [], nt = { count: An.length }, wn = Me && D && on && on !== D ? [D, on] : null, go = X.entries, bo = Object.entries((at == null ? void 0 : at.primitiveProps) ?? {}), sn = je, Gt = go.reduce((h, y) => {
+  ), 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 = An.filter((h) => h.isConnected && Ce.getComputedStyle(h).getPropertyValue("display") !== "none").map((h, y) => ({ el: h, index: y, rect: Et(h.getBoundingClientRect()) })).filter(({ rect: h }) => h.width > 0 && h.height > 0), Ki = Vi.slice().sort((h, y) => h.rect.top - y.rect.top || h.rect.left - y.rect.left).reduce((h, y) => {
+  } : 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,
@@ -8305,33 +8305,33 @@ 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, Rn = !!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
@@ -8354,7 +8354,7 @@ function mc({
       h,
       y,
       Be(he),
-      an,
+      ln,
       J.current
     );
   }, rt = (h, y) => {
@@ -8364,7 +8364,7 @@ function mc({
       h,
       y,
       Be(D),
-      an,
+      ln,
       J.current
     ), (C = B.current) == null || C.mirrorStyle(D, h, y));
   }, Gi = (h) => {
@@ -8378,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 · ${Ln(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(
@@ -8390,10 +8390,10 @@ 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 · ${Ln(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 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(
@@ -8490,7 +8490,7 @@ function mc({
         L,
         ce,
         Be(y),
-        an,
+        ln,
         J.current
       ), (_ = B.current) == null || _.mirrorStyle(y, L, ce);
     X.toast(h === "wrap" ? "Change to multi-line content" : "Change to one line abbreviation");
@@ -8519,7 +8519,7 @@ 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, 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;
+    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(_, 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` });
@@ -8542,18 +8542,18 @@ 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);
+          const y = _t(h);
           y && ds(y) && En(y);
         }
       }
@@ -8627,8 +8627,8 @@ function mc({
           },
           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 && ` · ${Ln(an)}`
+            It ? `maximum${It}row/row` : `Automatic Placement Minimum${nr}px`,
+            ln && ` · ${Ln(ln)}`
           ]
         }
       ),
@@ -8645,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);
           },
@@ -8674,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,
@@ -8688,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}`)),
@@ -8734,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"
@@ -8987,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",
@@ -9001,7 +9001,7 @@ function mc({
                 onClick: () => p("source"),
                 children: [
                   "Review ",
-                  Gt.length,
+                  Yt.length,
                   " changes"
                 ]
               }
@@ -9037,7 +9037,7 @@ function mc({
                   /* @__PURE__ */ g("div", { className: `mt-1 text-[9px] ${Rn ? "text-[#9a3412]" : "text-[#64748b]"}`, children: [
                     ul.length > 0 ? ul.join(" · ") : "Current data",
                     " · ",
-                    Ln(an)
+                    Ln(ln)
                   ] })
                 ]
               }
@@ -9106,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);
@@ -9186,7 +9186,7 @@ function mc({
               Je,
               {
                 title: "Screen scope · Breakpoint",
-                action: /* @__PURE__ */ s("span", { className: "text-[10px] tabular-nums text-[#71717a]", children: Ln(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(
@@ -9213,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,
@@ -9224,7 +9224,7 @@ function mc({
                       }
                     ),
                     /* @__PURE__ */ s(
-                      Ct,
+                      $t,
                       {
                         label: "Max",
                         value: z.maxWidth ?? 0,
@@ -9261,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: [
@@ -9289,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()
                     },
@@ -9383,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" })
@@ -9394,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,
@@ -9427,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
                           ]
@@ -9468,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,
@@ -9512,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
@@ -9585,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"),
@@ -9593,7 +9593,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "Max W",
                     value: At(st, "max-width"),
@@ -9601,7 +9601,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "Minimum H",
                     value: At(st, "min-height"),
@@ -9609,7 +9609,7 @@ function mc({
                   }
                 ),
                 /* @__PURE__ */ s(
-                  Ct,
+                  $t,
                   {
                     label: "max H",
                     value: At(st, "max-height"),
@@ -9618,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",
@@ -9685,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"
                   }
@@ -9696,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"
                   }
@@ -9857,7 +9857,7 @@ function mc({
                 ] }),
                 /* @__PURE__ */ g("div", { children: [
                   "slot: children[",
-                  Math.min(ve, St),
+                  Math.min(ve, Nt),
                   "]"
                 ] })
               ] }),
@@ -9867,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))
                   }
                 )
               ] }),
@@ -9886,7 +9886,7 @@ function mc({
                     X.recordComponentInsert(
                       D,
                       h,
-                      Math.min(ve, St),
+                      Math.min(ve, Nt),
                       `${h} → ${ut}`,
                       pe,
                       J.current
@@ -9903,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(
@@ -9913,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}`
@@ -9928,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" }),
@@ -9944,14 +9944,14 @@ 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."
               ] }),
@@ -9966,7 +9966,7 @@ function mc({
                     y,
                     _e,
                     ut,
-                    Yt,
+                    qt,
                     J.current
                   );
                 };
@@ -9989,7 +9989,7 @@ function mc({
                             y,
                             ue.currentTarget.value === "true",
                             ut,
-                            Yt,
+                            qt,
                             J.current
                           ),
                           children: [
@@ -10098,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"
                     }
@@ -10255,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",
@@ -10282,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: [
                   '"',
@@ -10297,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",
@@ -10333,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: le ? "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: [
@@ -10450,7 +10450,7 @@ 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;
@@ -10531,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"
@@ -13921,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 })
@@ -13936,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 }) {
@@ -14309,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: [
@@ -15069,7 +15069,7 @@ function Lv(e, t = {}) {
   }
   return { run: w, cancel: v };
 }
-const Lc = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Dv = 600, dn = 200, en = 280, zv = 480, ps = "absolute bottom-11 left-1/2 z-40 w-44 -translate-x-1/2 rounded-xl bg-[#1e1e1e] p-1.5 text-[12px] shadow-[0_4px_20px_rgba(0,0,0,.25)]", Vr = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
+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,
@@ -15111,8 +15111,8 @@ const _v = We(function({
     Xn
   ), l = Qe(
     ha,
-    bn,
-    bn
+    xn,
+    xn
   );
   Qe(
     za,
@@ -15137,17 +15137,17 @@ const _v = We(function({
     x: F.x ?? 0,
     y: F.y ?? 0,
     width: F.width ?? 390,
-    height: fn(F)
+    height: hn(F)
   })) : [], m = f.pages.filter((F) => F.route != null).sort((F, de) => {
     if (F.id === f.activePageId) return -1;
     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 ?? {
@@ -15174,7 +15174,7 @@ const _v = We(function({
     if (!t || !$ || typeof document > "u") return;
     const F = Kn();
     if (!F) return;
-    const de = Xt(), re = n.current, Ee = re ? {
+    const de = Gt(), re = n.current, Ee = re ? {
       panX: f.panX,
       panY: f.panY,
       zoom: f.zoom,
@@ -15183,13 +15183,13 @@ 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
@@ -15206,7 +15206,7 @@ const _v = We(function({
         }) ? ja({
           origin: l,
           route: B.route,
-          environment: gn(B),
+          environment: bn(B),
           width: ke,
           height: J
         }) : null,
@@ -15225,17 +15225,17 @@ const _v = We(function({
       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(
             de,
-            gn(K)
+            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
@@ -15246,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 = () => {
@@ -15308,7 +15308,7 @@ const _v = We(function({
           (K) => K.id === f.activePageId
         );
         return !B || B.route == null ? !1 : B.importLayers && !B.layersImported ? !0 : !B.layersImported && !Jn(
-          jt(B, a)
+          Wt(B, a)
         );
       }
     });
@@ -15369,7 +15369,7 @@ const _v = We(function({
       x: de.x ?? 0,
       y: de.y ?? 0,
       width: de.width ?? 390,
-      height: fn(de)
+      height: hn(de)
     }, ve = (de.canvas ?? "default") === f.activeCanvas ? Uh(O, Ee, {
       panX: f.panX,
       panY: f.panY,
@@ -15596,7 +15596,7 @@ const _v = We(function({
     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) : le(ge);
@@ -15816,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"
                       }
                     ),
@@ -16022,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: () => le(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: "−"
                 }
               ),
@@ -16303,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,
@@ -18089,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;
@@ -18161,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`)
@@ -18174,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(
@@ -18183,7 +18183,7 @@ function s0(e = {}) {
       await j(!0, I), await k();
     },
     [k, j, v == null ? void 0 : v.branchName]
-  ), Z = wt(
+  ), Z = St(
     async (I) => {
       var le;
       if (!v) throw new Error("Pygmalion design session is not ready");
@@ -18235,7 +18235,7 @@ function s0(e = {}) {
       };
     },
     [o, i, u, v, l]
-  ), M = wt(
+  ), M = St(
     async (I) => {
       var le;
       if (!v) throw new Error("Pygmalion design session is not ready");
@@ -18291,7 +18291,7 @@ function s0(e = {}) {
       l,
       d
     ]
-  ), W = wt(
+  ), W = St(
     async (I) => {
       if (I.length === 0) return { files: [] };
       const V = await tn(
@@ -18306,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(
@@ -18659,13 +18659,13 @@ function f0({
     [F]
   ), 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, le]
@@ -18678,7 +18678,7 @@ function f0({
       width: K.width ?? 390,
       height: K.height ?? 600,
       environment: Lt(
-        Xt(),
+        Gt(),
         K.environment
       ),
       preset: K.preset,
@@ -18693,7 +18693,7 @@ function f0({
       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) => {
@@ -18732,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
@@ -18809,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
         )) {
@@ -18830,14 +18834,14 @@ 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."
             });
@@ -18847,14 +18851,14 @@ function f0({
             He.error,
             "The exact preview endpoint is unavailable."
           );
-          yt(Pe(Be), {
+          vt($e(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
             message: En
           });
         }
         for (const Be of Wl(
-          Pe(xn)
+          $e(on)
         )) {
           const He = await Ne(
             Be,
@@ -18863,15 +18867,15 @@ 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."
             });
@@ -18881,7 +18885,7 @@ function f0({
             He.error,
             "The exact preview endpoint is unavailable."
           );
-          yt(Pe(Be), {
+          vt($e(Be), {
             status: "error",
             reason: He.status === "rejected" ? "rejected" : "unavailable",
             message: En
@@ -18889,8 +18893,8 @@ function f0({
         }
       })().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(
@@ -18901,7 +18905,7 @@ function f0({
       });
     }
     return () => {
-      Bs(null), $e.abort(), K.abort();
+      Bs(null), Pe.abort(), K.abort();
     };
   }, [
     x,
@@ -18947,14 +18951,14 @@ function f0({
   const B = Ie(null);
   return se(() => {
     if (typeof document > "u" || !le) return;
-    const K = u ?? bn();
+    const K = u ?? xn();
     if (!K) return;
     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, le, p]), /* @__PURE__ */ s(_v, { previewIdentityReady: le });
 }
@@ -19014,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,