@pygmalionjs/pygmalion 0.5.11 → 0.5.12

package/dist-lib/pygmalion.js

@@ -2,7 +2,7 @@ var Bf = Object.defineProperty;
 var jf = (e, t, n) => t in e ? Bf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var an = (e, t, n) => jf(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as g, Fragment as Ke } from "react/jsx-runtime";
-import { R as Zo, u as Wf, c as fa, b as Vl, g as Qe, d as Hf, m as Ht, e as f, f as Xt, r as dn, h as ys, i as qn, j as ha, k as Qt, l as Kl, n as eo, p as Vf, o as Wn, q as He, t as Kf, v as Uf, w as qf, x as Yf, y as Gf, z as Xf, A as Jf, B as vs, C as Qf, D as Zf, E as eh, G as th, H as nh, I as rh, S as oh, J as ih, K as sh, L as ah, M as ch, O as lh, P as dh, Q as uh, T as fh, U as Ul, V as hh, W as wc, X as ph, Y as ql, Z as mh, _ as gh, $ as bh, a0 as xh, a1 as yh, a2 as vh, a3 as Yl, a4 as wh, a5 as Sh, a6 as G, a7 as Sc, a8 as Nc, a9 as Nh, aa as Qi, ab as Ih, ac as Wo, ad as ws, ae as Ch, af as Gl, ag as $h, ah as Ph, ai as Mh, aj as Eh, s as kh, ak as Xl, al as Jl, am as Ss, an as Ql, ao as Ah, ap as Rh, aq as Ic, ar as Th, as as Fh, at as Cc, au as Lh, av as Dh, aw as zh, ax as _h, ay as Oh, az as Bh, aA as jh, aB as Wh, aC as Hh, aD as Vh, aE as Kh, aF as Uh, a as qh, aG as Yh, aH as Gh, aI as Xh, aJ as Jh, aK as Qh, aL as Zh, aM as ep, aN as tp, aO as np, aP as rp, aQ as op, aR as ip, aS as Fr, aT as sp, aU as ap, aV as cp, aW as lp, aX as $c } from "./FrozenRoutePreview-BR5CBAD3.js";
+import { R as Zo, u as Wf, c as fa, b as Vl, g as Qe, d as Hf, m as Tt, e as f, f as Kt, r as dn, h as ys, i as qn, j as ha, k as Qt, l as Kl, n as pr, p as Vf, o as Wn, q as He, t as Kf, v as Uf, w as qf, x as Yf, y as Gf, z as Xf, A as Jf, B as vs, C as Qf, D as Zf, E as eh, G as th, H as nh, I as rh, S as oh, J as ih, K as sh, L as ah, M as ch, O as lh, P as dh, Q as uh, T as fh, U as Ul, V as hh, W as wc, X as ph, Y as ql, Z as mh, _ as gh, $ as bh, a0 as xh, a1 as yh, a2 as vh, a3 as Yl, a4 as wh, a5 as Sh, a6 as G, a7 as Sc, a8 as Nc, a9 as Nh, aa as Qi, ab as Ih, ac as Wo, ad as ws, ae as Ch, af as Gl, ag as $h, ah as Ph, ai as Mh, aj as Eh, s as kh, ak as Xl, al as Jl, am as Ss, an as Ql, ao as Ah, ap as Rh, aq as Ic, ar as Th, as as Fh, at as Cc, au as Lh, av as Dh, aw as zh, ax as _h, ay as Oh, az as Bh, aA as jh, aB as Wh, aC as Hh, aD as Vh, aE as Kh, aF as Uh, a as qh, aG as Yh, aH as Gh, aI as Xh, aJ as Jh, aK as Qh, aL as Zh, aM as ep, aN as tp, aO as np, aP as rp, aQ as op, aR as ip, aS as Lr, aT as sp, aU as ap, aV as cp, aW as lp, aX as $c } from "./FrozenRoutePreview-BR5CBAD3.js";
 import { aY as u0, aZ as f0, a_ as h0, a$ as p0, b0 as m0, b1 as g0, b2 as b0, b3 as x0, b4 as y0, b5 as v0, b6 as w0, b7 as S0, b8 as N0, b9 as I0 } from "./FrozenRoutePreview-BR5CBAD3.js";
 import { useRef as Ce, useLayoutEffect as ei, useSyncExternalStore as Je, useCallback as St, useReducer as Zl, useEffect as ce, memo as ed, createElement as to, useState as q, useMemo as Rt } from "react";
 import { createPortal as dp } from "react-dom";
@@ -103,9 +103,9 @@ function yp({
   }
   return c;
 }
-const sr = /* @__PURE__ */ new Map(), ar = /* @__PURE__ */ new Map(), Xr = /* @__PURE__ */ new Map(), pr = "full";
+const sr = /* @__PURE__ */ new Map(), ar = /* @__PURE__ */ new Map(), Jr = /* @__PURE__ */ new Map(), mr = "full";
 function rd(e) {
-  return sr.get(e) ?? pr;
+  return sr.get(e) ?? mr;
 }
 function od(e) {
   return ar.get(e) ?? !1;
@@ -135,22 +135,22 @@ function vp() {
 }
 const Ho = {};
 function ma(e, t) {
-  let n = Xr.get(e);
-  return n || (n = /* @__PURE__ */ new Set(), Xr.set(e, n)), n.add(t), () => {
-    n.delete(t), n.size === 0 && Xr.delete(e);
+  let n = Jr.get(e);
+  return n || (n = /* @__PURE__ */ new Set(), Jr.set(e, n)), n.add(t), () => {
+    n.delete(t), n.size === 0 && Jr.delete(e);
   };
 }
 function wp() {
   let e = 0;
-  for (const t of Xr.values()) e += t.size;
+  for (const t of Jr.values()) e += t.size;
   return e;
 }
 function Ec(e, t = /* @__PURE__ */ new Map()) {
   const n = /* @__PURE__ */ new Set();
   for (const [r, o] of sr)
-    (e.get(r) ?? pr) !== o && n.add(r);
+    (e.get(r) ?? mr) !== o && n.add(r);
   for (const [r, o] of e)
-    !sr.has(r) && o !== pr && n.add(r);
+    !sr.has(r) && o !== mr && n.add(r);
   for (const [r, o] of ar)
     (t.get(r) ?? !1) !== o && n.add(r);
   for (const [r, o] of t)
@@ -161,7 +161,7 @@ function Ec(e, t = /* @__PURE__ */ new Map()) {
   for (const [r, o] of t)
     o && ar.set(r, o);
   for (const r of n) {
-    const o = Xr.get(r);
+    const o = Jr.get(r);
     if (o)
       for (const i of [...o]) i();
   }
@@ -220,7 +220,7 @@ function ad(e) {
       H.set(
         A.id,
         fp(
-          v.get(A.id) ?? pr,
+          v.get(A.id) ?? mr,
           $,
           A.screenshotDensity,
           R
@@ -229,7 +229,7 @@ function ad(e) {
     Ho.displayDensity = $, Ho.overview = R, Ho.frames = x.map((A) => ({
       id: A.id,
       screenshotDensity: A.screenshotDensity,
-      tier: v.get(A.id) ?? pr
+      tier: v.get(A.id) ?? mr
     })), Mc(
       hp(ti, $)
     ), Ec(v, H);
@@ -254,7 +254,7 @@ function ad(e) {
 }
 const $p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DEFAULT_FRAME_LOD_TIER: pr,
+  DEFAULT_FRAME_LOD_TIER: mr,
   __debugFrameLodState: vp,
   countFrameLodListeners: wp,
   createFrameLodController: ad,
@@ -621,12 +621,12 @@ function ba(e = {}) {
     Math.max(Rc, Math.min(o, i))
   );
 }
-let yd = ba(), Vr = 0, Tc = 0, Vo = 0, ns = !1;
-const Dt = [], ht = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Map(), mr = /* @__PURE__ */ new Set(), Bt = /* @__PURE__ */ new Map(), gr = /* @__PURE__ */ new Map(), mt = /* @__PURE__ */ new Map(), vd = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fc = /* @__PURE__ */ new WeakMap(), Dn = /* @__PURE__ */ new Map(), Mo = /* @__PURE__ */ new Map();
+let yd = ba(), Kr = 0, Tc = 0, Vo = 0, ns = !1;
+const zt = [], ht = /* @__PURE__ */ new Map(), Ht = /* @__PURE__ */ new Map(), gr = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new Map(), br = /* @__PURE__ */ new Map(), mt = /* @__PURE__ */ new Map(), vd = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fc = /* @__PURE__ */ new WeakMap(), Dn = /* @__PURE__ */ new Map(), Mo = /* @__PURE__ */ new Map();
 let Eo = 0, Jp = 0, rs = !1;
 const Ko = [], ni = /* @__PURE__ */ new Map();
-let jt = 0, Zt = 0, lr = gd, Is, Kr = null;
-const Ur = /* @__PURE__ */ new Map(), ct = /* @__PURE__ */ new Set(), ri = /* @__PURE__ */ new Set();
+let Wt = 0, Zt = 0, lr = gd, Is, Ur = null;
+const qr = /* @__PURE__ */ new Map(), ct = /* @__PURE__ */ new Set(), ri = /* @__PURE__ */ new Set();
 let ya = 0, va = 0;
 const oi = /* @__PURE__ */ new Set(), ii = /* @__PURE__ */ new Map(), wa = /* @__PURE__ */ new Map();
 let wd = 0;
@@ -676,10 +676,10 @@ function Jt(e) {
 function Lc() {
   for (const e of [...Cs]) e();
 }
-function br() {
+function xr() {
   dr += 1;
 }
-function xr() {
+function yr() {
   if (dr = Math.max(0, dr - 1), dr > 0) return;
   const e = ks, t = e ? [] : [...Ms], n = e ? [] : [...Es];
   ks = !1, Ms.clear(), Es.clear();
@@ -722,7 +722,7 @@ function Id(e) {
 function Cd(e, t, n) {
   return Ca(
     ai,
-    Sr({
+    Nr({
       id: e,
       ...t ? { fingerprint: t } : {}
     }),
@@ -731,7 +731,7 @@ function Cd(e, t, n) {
 }
 function $d(e, t) {
   return (Na.get(
-    Sr({
+    Nr({
       id: e,
       ...t ? { fingerprint: t } : {}
     })
@@ -741,17 +741,17 @@ function Pd(e) {
   return Cs.add(e), () => Cs.delete(e);
 }
 function Ls() {
-  return Vr;
+  return Kr;
 }
 function Yn(e) {
-  return ht.has(e) || mt.has(e) || Wt.has(e);
+  return ht.has(e) || mt.has(e) || Ht.has(e);
 }
 function Pi(e) {
   var t;
-  return Yn(e) && ((t = Bt.get(e)) == null ? void 0 : t.stale) !== !0;
+  return Yn(e) && ((t = jt.get(e)) == null ? void 0 : t.stale) !== !0;
 }
 function $a(e) {
-  return Bt.get(e) ?? null;
+  return jt.get(e) ?? null;
 }
 function Ds() {
   return va;
@@ -759,7 +759,7 @@ function Ds() {
 function Md(e) {
   return oi.add(e), () => oi.delete(e);
 }
-function Sr(e) {
+function Nr(e) {
   return `${e.id.trim()}\0${e.fingerprint ?? ""}`;
 }
 function Qp(e, t) {
@@ -776,8 +776,8 @@ function Qp(e, t) {
 }
 function hn(e, t) {
   const n = e.trim();
-  return n ? gr.get(
-    Sr({
+  return n ? br.get(
+    Nr({
       id: n,
       ...t ? { fingerprint: t } : {}
     })
@@ -788,29 +788,29 @@ function zs(e, t) {
   for (const r of e) {
     const o = r.id.trim();
     if (!o) continue;
-    const i = Sr({
+    const i = Nr({
       id: o,
       ...r.fingerprint ? { fingerprint: r.fingerprint } : {}
-    }), a = gr.get(i);
-    JSON.stringify(a) !== JSON.stringify(t) && (gr.set(i, t), n.push(i));
+    }), a = br.get(i);
+    JSON.stringify(a) !== JSON.stringify(t) && (br.set(i, t), n.push(i));
   }
   return n;
 }
 function vt(e, t) {
   const n = zs(e, t);
   if (n.length !== 0) {
-    br();
+    xr();
     try {
       for (const r of n) Jt({ identity: r });
     } finally {
-      xr();
+      yr();
     }
   }
 }
 function _s(e) {
-  return ht.has(e) || mt.has(e) || Wt.has(e) || ct.has(e);
+  return ht.has(e) || mt.has(e) || Ht.has(e) || ct.has(e);
 }
-function Nr(e) {
+function Ir(e) {
   const t = e == null ? void 0 : e.trim();
   return t && t.length <= 512 ? t : gd;
 }
@@ -832,7 +832,7 @@ let Pa = null, Ed = !1;
 const un = /* @__PURE__ */ new Map();
 let Hn = 0;
 function Bs(e) {
-  Hn += 1, Pa = e, un.clear(), !e && gr.size > 0 && (gr.clear(), Jt());
+  Hn += 1, Pa = e, un.clear(), !e && br.size > 0 && (br.clear(), Jt());
 }
 function kd(e) {
   Ed = e;
@@ -860,7 +860,7 @@ function js(e, t, n = {}) {
   const i = {
     id: r,
     ...t ? { fingerprint: t } : {}
-  }, a = Sr(i), c = un.get(a);
+  }, a = Nr(i), c = un.get(a);
   if (c) return c;
   const l = hn(r, t);
   if (l.status === "exact" || l.status === "error" && !n.retry)
@@ -913,7 +913,7 @@ function Td(e, t = {}) {
     const p = {
       id: u,
       ...d.fingerprint ? { fingerprint: d.fingerprint } : {}
-    }, m = Sr(p);
+    }, m = Nr(p);
     if (i.has(m) || un.has(m)) continue;
     const b = hn(
       u,
@@ -964,7 +964,7 @@ function Td(e, t = {}) {
   }), l;
 }
 function Mi(e) {
-  const t = Nr(e.namespace ?? lr), n = Os({
+  const t = Ir(e.namespace ?? lr), n = Os({
     version: no,
     previewRevision: e.previewRevision ?? "",
     route: e.route,
@@ -1068,10 +1068,10 @@ function Ma(e) {
 function ci(e) {
   const t = mt.get(e);
   if (!t) return !1;
-  mt.delete(e), jt = Math.max(0, jt - t.ownBytes);
+  mt.delete(e), Wt = Math.max(0, Wt - 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), jt = Math.max(0, jt - o.bytes)));
+    o && (o.references -= 1, !(o.references > 0) && (r.delete(n.key), Wt = Math.max(0, Wt - o.bytes)));
   }
   return !0;
 }
@@ -1117,7 +1117,7 @@ function om(e, t, n, r) {
       p.references += 1;
     else {
       const m = l.length * 2;
-      d.set(u, { content: l, bytes: m, references: 1 }), jt += m;
+      d.set(u, { content: l, bytes: m, references: 1 }), Wt += m;
     }
     return { kind: c, key: u };
   }), a = (o.body.length + o.document.doctype.length + o.document.htmlAttributes.length + o.document.headAttributes.length + o.document.bodyAttributes.length + i.reduce((c, l) => c + l.key.length, 0)) * 2;
@@ -1129,7 +1129,7 @@ function om(e, t, n, r) {
     head: i,
     body: o.body,
     shadow: null
-  }), jt += a, !0;
+  }), Wt += a, !0;
 }
 function im(e, t) {
   let n = Fc.get(e);
@@ -1193,7 +1193,7 @@ function sm(e) {
   }, e.shadow;
 }
 function _n(e) {
-  const t = Wt.get(e);
+  const t = Ht.get(e);
   if (t) return sm(t);
   const n = mt.get(e);
   return n ? (mt.delete(e), n.lastAccess = Date.now(), mt.set(e, n), rm(n)) : null;
@@ -1203,7 +1203,7 @@ function Ea(e) {
 }
 function Ws(e, t) {
   var b;
-  const n = Nr(t.namespace), r = (e == null ? void 0 : e.version) === 2 ? Ci(e) : null, o = (e == null ? void 0 : e.version) === 3 ? $i(e) : null;
+  const n = Ir(t.namespace), r = (e == null ? void 0 : e.version) === 2 ? Ci(e) : null, o = (e == null ? void 0 : e.version) === 3 ? $i(e) : null;
   if (!e || e.version !== 1 && e.version !== 2 && e.version !== 3 || typeof e.namespace != "string" || !e.namespace.trim() || e.namespace !== e.namespace.trim() || e.sourceRevision != null && (typeof e.sourceRevision != "string" || !e.sourceRevision.trim() || e.sourceRevision !== e.sourceRevision.trim()) || e.version === 1 && (!e.snapshots || typeof e.snapshots != "object" || Array.isArray(e.snapshots)) || e.version === 2 && !(r != null && r.valid) || e.version === 3 && !(o != null && o.valid))
     return { accepted: 0, rejected: 0, reason: "invalid-bundle" };
   const i = e.namespace !== n;
@@ -1248,7 +1248,7 @@ function Ws(e, t) {
       )
     )
   } : null;
-  br();
+  xr();
   try {
     for (const x of t.pages) {
       const w = x.canonicalId.trim();
@@ -1262,7 +1262,7 @@ function Ws(e, t) {
         route: x.route,
         width: x.width ?? 390,
         height: x.height ?? 600,
-        environment: Ht(
+        environment: Tt(
           t.baselineEnvironment,
           x.environment
         ),
@@ -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 = l && !(t.allowMatchingFrameIdentity && H) || x.fingerprint != null && !H;
-        if (Bt.set(v, {
+        if (jt.set(v, {
           status: R.status,
           diagnostics: R.diagnostics,
           ...A ? { stale: !0 } : {},
@@ -1284,7 +1284,7 @@ function Ws(e, t) {
           )
         }), ct.add(v), R.snapshot && m) {
           const N = os(t.appOrigin, x.route);
-          mr.delete(v), Wt.set(v, {
+          gr.delete(v), Ht.set(v, {
             bundle: m,
             frameId: w,
             previewBase: N,
@@ -1294,19 +1294,19 @@ function Ws(e, t) {
         Jt({ key: v }), fn(v), d(x, A), u += 1;
         continue;
       }
-      if (Yn(v) && ((b = Bt.get(v)) == null ? void 0 : b.stale) !== !0) {
+      if (Yn(v) && ((b = jt.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);
-        mr.delete(v), Wt.set(v, {
+        gr.delete(v), Ht.set(v, {
           bundle: e,
           frameId: w,
           previewBase: H,
           shadow: null
-        }), Bt.set(v, {
+        }), jt.set(v, {
           status: "ready",
           diagnostics: [],
           ...l ? { stale: !0 } : {},
@@ -1329,7 +1329,7 @@ function Ws(e, t) {
         }
         $ = $.replaceAll("__PYGMALION_PREVIEW_BASE__", R);
       }
-      Ai(v, $) ? (Bt.set(v, {
+      Ai(v, $) ? (jt.set(v, {
         status: "ready",
         diagnostics: [],
         ...l ? { stale: !0 } : {},
@@ -1337,7 +1337,7 @@ function Ws(e, t) {
       }), Jt({ key: v }), d(x, l), u += 1) : p += 1;
     }
   } finally {
-    xr();
+    yr();
   }
   return { accepted: u, rejected: p };
 }
@@ -1347,13 +1347,13 @@ function hr(e) {
   const n = e.indexOf(":", t.length);
   if (n < 0) return lr;
   try {
-    return Nr(decodeURIComponent(e.slice(t.length, n)));
+    return Ir(decodeURIComponent(e.slice(t.length, n)));
   } catch {
     return lr;
   }
 }
 function Ld(e) {
-  lr = Nr(e), Hf();
+  lr = Ir(e), Hf();
 }
 function ka() {
   return lr;
@@ -1464,7 +1464,7 @@ class cm {
   }
 }
 async function ki() {
-  return Is !== void 0 ? Is : Kr || (Kr = (async () => {
+  return Is !== void 0 ? Is : Ur || (Ur = (async () => {
     try {
       return new cm(
         await am()
@@ -1472,10 +1472,10 @@ async function ki() {
     } catch {
       return null;
     }
-  })(), Kr);
+  })(), Ur);
 }
 function lm(e) {
-  Is = e, Kr = null, Ur.clear(), ct.clear();
+  Is = e, Ur = null, qr.clear(), ct.clear();
 }
 function Hs() {
   rs || (rs = !0, queueMicrotask(() => {
@@ -1514,38 +1514,38 @@ function zd(e, t, n) {
     request: o
   }), Ko.push(o), Hs(), i;
 }
-function Jr() {
+function Qr() {
   ns || (ns = !0, queueMicrotask(() => {
     ns = !1, fm();
   }));
 }
 function dm() {
   var e;
-  for (let t = Dt.length - 1; t >= 0; t -= 1)
-    (e = Dt[t]) != null && e.cancelled && Dt.splice(t, 1);
+  for (let t = zt.length - 1; t >= 0; t -= 1)
+    (e = zt[t]) != null && e.cancelled && zt.splice(t, 1);
 }
 function um() {
-  if (dm(), Dt.length === 0) return null;
+  if (dm(), zt.length === 0) return null;
   let e = 0, t = 0;
-  for (let o = 1; o < Dt.length; o += 1) {
-    const i = Dt[o], a = Dt[e], c = Dt[t];
+  for (let o = 1; o < zt.length; o += 1) {
+    const i = zt[o], a = zt[e], c = zt[t];
     i.order < a.order && (e = o), (i.priority < c.priority || i.priority === c.priority && i.order < c.order) && (t = o);
   }
   const r = t !== e && Vo >= Hp ? e : t;
-  return r === e ? Vo = 0 : Vo += 1, Dt.splice(r, 1)[0] ?? null;
+  return r === e ? Vo = 0 : Vo += 1, zt.splice(r, 1)[0] ?? null;
 }
 function fm() {
-  for (; Vr < yd && Dt.length > 0; ) {
+  for (; Kr < yd && zt.length > 0; ) {
     const e = um();
     if (!e) break;
-    Vr += 1, Lc();
+    Kr += 1, Lc();
     let t = !1;
     const n = () => {
-      t || (t = !0, Vr = Math.max(0, Vr - 1), Lc(), Jr());
+      t || (t = !0, Kr = Math.max(0, Kr - 1), Lc(), Qr());
     };
     e.release = n, e.resolve(n);
   }
-  Dt.length === 0 && (Vo = 0);
+  zt.length === 0 && (Vo = 0);
 }
 function _d(e = 0) {
   let t;
@@ -1557,24 +1557,24 @@ function _d(e = 0) {
         priority: Number.isFinite(e) ? e : 0,
         release: null,
         resolve: r
-      }, Tc += 1, Dt.push(t), Jr();
+      }, Tc += 1, zt.push(t), Qr();
     }),
     updatePriority: (r) => {
       if (t.cancelled || t.release) return;
       const o = Number.isFinite(r) ? r : 0;
-      t.priority = Math.min(t.priority, o), Jr();
+      t.priority = Math.min(t.priority, o), Qr();
     },
     cancel: () => {
       var r;
-      t.cancelled || (t.cancelled = !0, (r = t.release) == null || r.call(t), Jr());
+      t.cancelled || (t.cancelled = !0, (r = t.release) == null || r.call(t), Qr());
     }
   };
 }
 function Od(e) {
   const t = Number.isFinite(e) ? Math.floor(e) : ba();
-  yd = Math.min(md, Math.max(1, t)), Jr();
+  yd = Math.min(md, Math.max(1, t)), Qr();
 }
-function Kt(e) {
+function Ut(e) {
   var a;
   const t = ht.get(e);
   if (t)
@@ -1582,7 +1582,7 @@ function Kt(e) {
   const n = mt.get(e);
   if (n)
     return mt.delete(e), n.lastAccess = Date.now(), mt.set(e, n), nm(n);
-  const r = Wt.get(e);
+  const r = Ht.get(e);
   if (!r) return null;
   const o = dd(
     r.bundle,
@@ -1593,33 +1593,33 @@ function Kt(e) {
     o,
     r.previewBase
   );
-  return ((a = Bt.get(e)) == null ? void 0 : a.stale) !== !0 && Ei(i) && !mr.has(e) && (mr.add(e), Ra(e, i)), i;
+  return ((a = jt.get(e)) == null ? void 0 : a.stale) !== !0 && Ei(i) && !gr.has(e) && (gr.add(e), Ra(e, i)), i;
 }
 function Aa(e, t, n = hr(e), r = Date.now()) {
   var c, l, d;
   const o = t.length * 2;
   if (!e || !Ei(t) || o > ga)
     return !1;
-  Wt.delete(e), ci(e);
+  Ht.delete(e), ci(e);
   const i = ht.get(e);
-  i && (jt -= i.bytes, ht.delete(e));
-  const a = Nr(n);
+  i && (Wt -= i.bytes, ht.delete(e));
+  const a = Ir(n);
   om(e, t, a, r) || (ht.set(e, {
     bytes: o,
     value: t,
     namespace: a,
     lastAccess: r
-  }), jt += o), br();
+  }), Wt += o), xr();
   try {
-    for (((c = Bt.get(e)) == null ? void 0 : c.stale) === !0 && (Bt.delete(e), Jt({ key: e })); ht.size + mt.size > Vp || jt > Kp; ) {
+    for (((c = jt.get(e)) == null ? void 0 : c.stale) === !0 && (jt.delete(e), Jt({ key: e })); ht.size + mt.size > Vp || Wt > Kp; ) {
       const u = ht.keys().next().value, p = mt.keys().next().value, m = u ? ((l = ht.get(u)) == null ? void 0 : l.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, b = p ? ((d = mt.get(p)) == null ? void 0 : d.lastAccess) ?? Number.POSITIVE_INFINITY : Number.POSITIVE_INFINITY, x = m <= b ? u : p;
       if (!x) break;
       const w = ht.get(x);
-      w ? (jt -= w.bytes, ht.delete(x)) : ci(x), ct.delete(x), fn(x);
+      w ? (Wt -= w.bytes, ht.delete(x)) : ci(x), ct.delete(x), fn(x);
     }
     ct.add(e), fn(e);
   } finally {
-    xr();
+    yr();
   }
   return !0;
 }
@@ -1648,11 +1648,11 @@ function Ai(e, t) {
   return n && Ra(e, t), n;
 }
 function jd(e) {
-  if (Wt.has(e)) return Promise.resolve(null);
-  const t = Kt(e);
+  if (Ht.has(e)) return Promise.resolve(null);
+  const t = Ut(e);
   if (t) return Promise.resolve(t);
   if (ct.has(e)) return Promise.resolve(null);
-  const n = Ur.get(e);
+  const n = qr.get(e);
   if (n) return n;
   const r = Zt, o = (async () => {
     const i = await ki();
@@ -1681,27 +1681,27 @@ function jd(e) {
       l
     ), ct.add(e), Ra(e, c.snapshot, l), c.snapshot;
   })().finally(() => {
-    Ur.get(e) === o && Ur.delete(e);
+    qr.get(e) === o && qr.delete(e);
   });
-  return Ur.set(e, o), o;
+  return qr.set(e, o), o;
 }
 async function Ta(e) {
   const t = [...new Set(e.filter(Boolean))], n = /* @__PURE__ */ new Map(), r = [];
   for (const u of t) {
-    if (Wt.has(u)) continue;
-    const p = Kt(u);
+    if (Ht.has(u)) continue;
+    const p = Ut(u);
     p ? n.set(u, p) : ct.has(u) || r.push(u);
   }
   if (!r.length) return n;
   const o = await ki();
   if (!o) {
-    br();
+    xr();
     try {
       r.forEach((u) => {
         ct.add(u), fn(u);
       });
     } finally {
-      xr();
+      yr();
     }
     return n;
   }
@@ -1758,7 +1758,7 @@ async function Ta(e) {
       );
     }
   }
-  br();
+  xr();
   try {
     await Promise.all(
       Array.from(
@@ -1767,23 +1767,23 @@ async function Ta(e) {
       )
     );
   } finally {
-    xr();
+    yr();
   }
   return n;
 }
 function hm(e) {
-  const t = e ? Nr(e) : null;
+  const t = e ? Ir(e) : null;
   if (!t)
-    ht.clear(), mt.clear(), vd.clear(), xa.clear(), Wt.clear(), mr.clear(), Bt.clear(), gr.clear(), jt = 0;
+    ht.clear(), mt.clear(), vd.clear(), xa.clear(), Ht.clear(), gr.clear(), jt.clear(), br.clear(), Wt = 0;
   else {
     for (const [r, o] of ht)
-      o.namespace === t && (ht.delete(r), jt -= o.bytes);
+      o.namespace === t && (ht.delete(r), Wt -= o.bytes);
     for (const [r, o] of [...mt])
       o.namespace === t && ci(r);
-    for (const r of Wt.keys())
-      hr(r) === t && (Wt.delete(r), mr.delete(r));
-    for (const r of Bt.keys())
-      hr(r) === t && Bt.delete(r);
+    for (const r of Ht.keys())
+      hr(r) === t && (Ht.delete(r), gr.delete(r));
+    for (const r of jt.keys())
+      hr(r) === t && jt.delete(r);
   }
   if (Zt += 1, !t) ct.clear();
   else
@@ -1824,7 +1824,7 @@ function Fa(e, t, n) {
   ), i;
 }
 function li(e, t, n, r = e) {
-  const o = Kt(e);
+  const o = Ut(e);
   if (o) return Promise.resolve(o);
   const i = Mo.get(r);
   if (i) {
@@ -1838,7 +1838,7 @@ function li(e, t, n, r = e) {
     promise: Promise.resolve(null)
   };
   return l.promise = jd(e).then((d) => d || Zt !== a ? d : Fa(c, l.priority, async () => {
-    const u = Kt(e);
+    const u = Ut(e);
     if (u) return u;
     const p = await n();
     return p && Zt === a && Ai(e, p), p;
@@ -1957,10 +1957,10 @@ function vm(e = 350) {
 const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   acquireRoutePreviewSlot: _d,
-  beginSnapshotNotificationBatch: br,
+  beginSnapshotNotificationBatch: xr,
   clearRoutePreviewSnapshots: hm,
   createRoutePreviewRecipeKey: Mi,
-  endSnapshotNotificationBatch: xr,
+  endSnapshotNotificationBatch: yr,
   getActiveRoutePreviewCount: Ls,
   getRoutePreviewArtifactIdentityVersion: $d,
   getRoutePreviewArtifactKeyVersion: Id,
@@ -1969,7 +1969,7 @@ const Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getRoutePreviewArtifactRevision: Ds,
   getRoutePreviewCacheNamespace: ka,
   getRoutePreviewShadowArtifact: _n,
-  getRoutePreviewSnapshot: Kt,
+  getRoutePreviewSnapshot: Ut,
   getRoutePreviewSnapshotKeyVersion: Fs,
   getRoutePreviewSnapshotRevision: Rs,
   hasExactRoutePreviewSnapshot: Pi,
@@ -2088,30 +2088,30 @@ function Pm() {
     const n = Gn.get(t.id);
     if (n == null) continue;
     const r = t.options.find((o) => o.value === n);
-    e = Ht(e, r == null ? void 0 : r.environment);
+    e = Tt(e, r == null ? void 0 : r.environment);
   }
   return e;
 }
 function za(e) {
   return Ks.add(e), () => Ks.delete(e);
 }
-function yr() {
+function vr() {
   return Wd;
 }
-function Pn(e, t) {
+function pn(e, t) {
   const n = t ?? e.id === f.activePageId;
-  return Ht(
+  return Tt(
     e.environment,
     n ? Pm() : void 0
   );
 }
-function _t(e, t, n = {
+function Ot(e, t, n = {
   width: e.width ?? 390,
   height: e.height ?? 600
 }, r) {
-  const o = Ht(
-    Xt(),
-    Pn(e, r)
+  const o = Tt(
+    Kt(),
+    pn(e, r)
   );
   return Mi({
     namespace: ka(),
@@ -2127,9 +2127,9 @@ function _t(e, t, n = {
 }
 const Mm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  pagePreviewEnvironment: Pn,
-  routePreviewCacheKey: _t
-}, Symbol.toStringTag, { value: "Module" })), Em = /* @__PURE__ */ new Set(), qr = /* @__PURE__ */ new Map();
+  pagePreviewEnvironment: pn,
+  routePreviewCacheKey: Ot
+}, Symbol.toStringTag, { value: "Module" })), Em = /* @__PURE__ */ new Set(), Yr = /* @__PURE__ */ new Map();
 let $t = [];
 const Hd = 2;
 function Vd(e, t) {
@@ -2138,7 +2138,7 @@ function Vd(e, t) {
   for (const r of e) t.includes(r) || n.add(r);
   for (const r of t) e.includes(r) || n.add(r);
   for (const r of n) {
-    const o = qr.get(r);
+    const o = Yr.get(r);
     if (o)
       for (const i of [...o]) i();
   }
@@ -2165,9 +2165,9 @@ function Kd() {
   return $t;
 }
 function Am(e, t) {
-  let n = qr.get(e);
-  return n || (n = /* @__PURE__ */ new Set(), qr.set(e, n)), n.add(t), () => {
-    n.delete(t), n.size === 0 && qr.get(e) === n && qr.delete(e);
+  let n = Yr.get(e);
+  return n || (n = /* @__PURE__ */ new Set(), Yr.set(e, n)), n.add(t), () => {
+    n.delete(t), n.size === 0 && Yr.get(e) === n && Yr.delete(e);
   };
 }
 function zc() {
@@ -2187,9 +2187,9 @@ function Rm(e, t) {
     route: e.route,
     width: n,
     height: r,
-    key: _t(e, t)
+    key: Ot(e, t)
   }, di.set(e, i));
-  const a = Kt(i.key);
+  const a = Ut(i.key);
   if (a != null) return a.length * 2;
   const c = _n(i.key);
   return c ? c.bodyHtml.length * 2 : 0;
@@ -2197,7 +2197,7 @@ function Rm(e, t) {
 function Tm(e, t) {
   var a;
   if (e.route == null) return null;
-  const n = di.get(e), r = (n == null ? void 0 : n.key) ?? _t(e, t), o = (a = $a(r)) == null ? void 0 : a.screenshot;
+  const n = di.get(e), r = (n == null ? void 0 : n.key) ?? Ot(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;
@@ -2289,7 +2289,7 @@ const Dm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CameraLayer: qd,
   __debugReadEditorFrames: Fm
 }, Symbol.toStringTag, { value: "Module" }));
-function zt(e) {
+function _t(e) {
   return typeof e == "number" && Number.isFinite(e) ? Math.max(0, e) : 0;
 }
 function Us(e) {
@@ -2317,9 +2317,9 @@ function Yd(e) {
       1,
       Math.ceil(
         Math.max(
-          zt(t.clientWidth),
-          zt(t.offsetWidth),
-          zt(t.scrollWidth),
+          _t(t.clientWidth),
+          _t(t.offsetWidth),
+          _t(t.scrollWidth),
           n.width,
           i - r
         )
@@ -2329,9 +2329,9 @@ function Yd(e) {
       1,
       Math.ceil(
         Math.max(
-          zt(t.clientHeight),
-          zt(t.offsetHeight),
-          zt(t.scrollHeight),
+          _t(t.clientHeight),
+          _t(t.offsetHeight),
+          _t(t.scrollHeight),
           n.height,
           a - o
         )
@@ -2340,15 +2340,15 @@ function Yd(e) {
   };
 }
 function Oc(e) {
-  const t = e, n = Us(e), r = zt(t.offsetWidth), o = zt(t.offsetHeight), i = zt(t.clientWidth), a = zt(t.clientHeight);
+  const t = e, n = Us(e), r = _t(t.offsetWidth), o = _t(t.offsetHeight), i = _t(t.clientWidth), a = _t(t.clientHeight);
   return {
     width: Math.max(
       1,
-      Math.ceil(r || i || zt(n.width))
+      Math.ceil(r || i || _t(n.width))
     ),
     height: Math.max(
       1,
-      Math.ceil(o || a || zt(n.height))
+      Math.ceil(o || a || _t(n.height))
     )
   };
 }
@@ -2432,8 +2432,8 @@ function Hm() {
     qn
   ), n = Je(
     za,
-    yr,
-    yr
+    vr,
+    vr
   );
   return { appOrigin: e, previewRevision: t, environmentControlRevision: n };
 }
@@ -2527,7 +2527,7 @@ function Xd() {
 }
 const Ym = 2, Gm = 18e4;
 let Xm = Gm;
-const Ot = [], Vn = {
+const Bt = [], Vn = {
   boots: 0,
   reuses: 0,
   parks: 0,
@@ -2551,7 +2551,7 @@ function qs(e) {
   e.timer != null && clearTimeout(e.timer), e.iframe.remove(), Vn.evictions += 1;
 }
 function Ba() {
-  const e = Ot.splice(0, Ot.length);
+  const e = Bt.splice(0, Bt.length);
   for (const t of e) qs(t);
 }
 function Zd(e, t) {
@@ -2569,16 +2569,16 @@ function Zd(e, t) {
   return !0;
 }
 function eu(e) {
-  return Ot.some((t) => Zd(t, e));
+  return Bt.some((t) => Zd(t, e));
 }
 function Qm(e) {
   let t = -1, n = -1;
-  for (let o = 0; o < Ot.length; o += 1) {
-    const i = Ot[o];
+  for (let o = 0; o < Bt.length; o += 1) {
+    const i = Bt[o];
     Zd(i, e) && i.executed.length > n && (n = i.executed.length, t = o);
   }
   if (t < 0) return null;
-  const [r] = Ot.splice(t, 1);
+  const [r] = Bt.splice(t, 1);
   return r.timer != null && clearTimeout(r.timer), Vn.reuses += 1, { iframe: r.iframe, skip: r.executed.length };
 }
 function Zm(e, t, n) {
@@ -2593,10 +2593,10 @@ function Zm(e, t, n) {
     timer: null
   };
   for (o.timer = setTimeout(() => {
-    const c = Ot.indexOf(o);
-    c < 0 || (Ot.splice(c, 1), qs(o));
-  }, Xm), (a = (i = o.timer) == null ? void 0 : i.unref) == null || a.call(i), Ot.push(o), Vn.parks += 1; Ot.length > Ym; ) {
-    const c = Ot.shift();
+    const c = Bt.indexOf(o);
+    c < 0 || (Bt.splice(c, 1), qs(o));
+  }, Xm), (a = (i = o.timer) == null ? void 0 : i.unref) == null || a.call(i), Bt.push(o), Vn.parks += 1; Bt.length > Ym; ) {
+    const c = Bt.shift();
     c && qs(c);
   }
 }
@@ -2773,7 +2773,7 @@ function Ri(e = {}) {
     },
     /** How many finished walks currently have an instance parked for reuse. */
     debugWarmInstancesParked() {
-      return Ot.length;
+      return Bt.length;
     }
   };
 }
@@ -2866,7 +2866,7 @@ function Ti(e, t, n) {
     const u = l.interactiveStateId ? (l.interactions ?? []).slice(((a = l.baseInteractions) == null ? void 0 : a.length) ?? 0) : [];
     r.push({
       screenId: c.screenId,
-      cacheKey: _t(l, n, void 0, !1),
+      cacheKey: Ot(l, n, void 0, !1),
       width: l.width ?? 390,
       height: dn(l),
       steps: [...c.steps ?? [], ...u],
@@ -2875,11 +2875,11 @@ function Ti(e, t, n) {
   }
   return r.length === 0 ? null : {
     id: e.id,
-    url: eo(Qt(), e.route, {
-      ...Ht(
-        Ht(
+    url: pr(Qt(), e.route, {
+      ...Tt(
+        Tt(
           Vf(i),
-          Xt()
+          Kt()
         ),
         e.environment
       ) ?? {},
@@ -2972,7 +2972,7 @@ function Fi() {
 }
 function au(e, t, n) {
   if (e.route == null) return !1;
-  Cn.requested += 1;
+  $n.requested += 1;
   const r = e.importPageId ?? e.id, o = fo(r);
   if (!o) return !1;
   const i = /* @__PURE__ */ new Map();
@@ -2980,32 +2980,32 @@ function au(e, t, n) {
     p.route == null || p.importLayers !== !0 || i.set(p.importPageId ?? p.id, p);
   const a = Ti(o, i, n);
   if (!a)
-    return Cn.resolvedNull += 1, !1;
+    return $n.resolvedNull += 1, !1;
   const c = a.waypoints.findIndex(
     (p) => p.screenId === r
   );
   if (c < 0) return !1;
-  const l = _t(e, n, t, !1), d = async (p) => {
+  const l = Ot(e, n, t, !1), d = async (p) => {
     const m = Wn();
     if (!m) {
-      Cn.controllerMissing += 1;
+      $n.controllerMissing += 1;
       return;
     }
     const b = f.provisionalLayerImportRevision(e.id);
     if (b == null) {
-      Cn.markerGone += 1;
+      $n.markerGone += 1;
       return;
     }
     if (f.pageEditRevision(e.id) !== b) {
-      Cn.editsWon += 1, f.discardProvisionalLayerImport(e.id);
+      $n.editsWon += 1, f.discardProvisionalLayerImport(e.id);
       return;
     }
     const x = await m.captureIframeWhenStable(p);
     if (!x) {
-      Cn.captureNull += 1;
+      $n.captureNull += 1;
       return;
     }
-    f.replacePageRootFromDom(e.id, x.root, x), Cn.committed += 1;
+    f.replacePageRootFromDom(e.id, x.root, x), $n.committed += 1;
   }, u = a.waypoints.slice(0, c + 1).map((p, m) => ({
     ...p,
     width: t.width,
@@ -3048,16 +3048,16 @@ function Gs(e) {
 }
 function uu(e, t) {
   if (e.route == null || e.interactiveStateId == null) return !1;
-  Yr.requested += 1;
+  Gr.requested += 1;
   const n = e.importPageId ?? e.id, r = Gs(e), o = fo(n);
   if (!o)
-    return Yr.noPath += 1, Ao(r), !1;
+    return Gr.noPath += 1, Ao(r), !1;
   const i = /* @__PURE__ */ new Map();
   for (const p of f.pages)
     p.route == null || p.importLayers !== !0 || i.set(p.importPageId ?? p.id, p);
   const a = Ti(o, i, t);
   if (!a)
-    return Yr.resolvedNull += 1, Ao(r), !1;
+    return Gr.resolvedNull += 1, Ao(r), !1;
   const c = a.waypoints.findIndex(
     (p) => p.screenId === n
   );
@@ -3077,7 +3077,7 @@ function uu(e, t) {
       id: `${a.id}!${e.interactiveStateId}:${e.interactiveOptionId}`,
       waypoints: l
     }
-  ]) > 0 ? (Yr.queued += 1, ui.delete(r), !0) : (d.screenState(r) == null && Ao(r), !1);
+  ]) > 0 ? (Gr.queued += 1, ui.delete(r), !0) : (d.screenState(r) == null && Ao(r), !1);
 }
 function fu(e) {
   if (e.interactiveStateId == null) return !1;
@@ -3093,7 +3093,7 @@ function hu(e) {
     Ys.delete(e), t();
   };
 }
-const Yr = {
+const Gr = {
   requested: 0,
   noPath: 0,
   resolvedNull: 0,
@@ -3102,7 +3102,7 @@ const Yr = {
 function og() {
   return Li().debugScreenStates();
 }
-const Cn = {
+const $n = {
   requested: 0,
   resolvedNull: 0,
   controllerMissing: 0,
@@ -3119,8 +3119,8 @@ const sg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __debugInteractiveSessionStates: og,
   __debugViewportSessionStates: ig,
   __flowSchedulerDebug: or,
-  __interactiveSessionDebug: Yr,
-  __viewportCommitDebug: Cn,
+  __interactiveSessionDebug: Gr,
+  __viewportCommitDebug: $n,
   __warmingDebug: ir,
   interactiveSessionWillDeliver: fu,
   materializeCanvasFlows: iu,
@@ -3441,7 +3441,7 @@ function jc(e, t = Pg) {
     n.push(e.slice(r, r + t));
   return n;
 }
-function Ut(e, t) {
+function qt(e, t) {
   const n = e.trim();
   if (!n && t != null) return t;
   if (qo(n)) return n;
@@ -3486,7 +3486,7 @@ function mu(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 = Ut(r);
+    const i = qt(r);
     if (t.has(i))
       throw new TypeError(`Duplicate preview recipe identity: ${i}`);
     return t.add(i), {
@@ -3500,8 +3500,8 @@ function kg(e, t = {}) {
   const n = Fg(e), r = t.dependencyDigest;
   return mu([
     {
-      id: Ut(e.id ?? "", "frame"),
-      recipe: r == null ? n : { recipe: n, dependencyDigest: Ut(r) }
+      id: qt(e.id ?? "", "frame"),
+      recipe: r == null ? n : { recipe: n, dependencyDigest: qt(r) }
     }
   ]);
 }
@@ -3524,7 +3524,7 @@ function Ag(e, t) {
   }
   return t.length === e.length;
 }
-function Lr(e) {
+function Dr(e) {
   Qs.clear();
   const t = /* @__PURE__ */ new Map();
   for (const [n, r] of (e ?? []).entries()) {
@@ -3569,7 +3569,7 @@ function Va(e, t, n) {
       route: e.route,
       width: e.width ?? 390,
       height: e.height ?? 600,
-      environment: Ht(
+      environment: Tt(
         n,
         e.environment
       ),
@@ -3590,7 +3590,7 @@ function jw({
   recipeVersion: n,
   scope: r = vg
 }) {
-  const o = Ut(r), i = Ut(
+  const o = qt(r), i = qt(
     e,
     wg
   ), a = Mg(n), c = mu(t);
@@ -3696,8 +3696,8 @@ async function zg({
   frames: o
 }) {
   const i = {
-    namespace: Ut(e),
-    sourceRevision: Ut(t)
+    namespace: qt(e),
+    sourceRevision: qt(t)
   };
   let a;
   try {
@@ -3797,7 +3797,7 @@ function jg(e, t, n = {}) {
     artifact: null,
     reason: "invalid-bundle",
     errors: r.errors
-  } : t && r.artifact.namespace !== Ut(t.namespace) ? {
+  } : t && r.artifact.namespace !== qt(t.namespace) ? {
     valid: !1,
     artifact: null,
     reason: "namespace-mismatch",
@@ -3807,7 +3807,7 @@ function jg(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 !== Ut(t.sourceRevision) ? {
+  !n.perFrameIdentity && r.artifact.sourceRevision !== qt(t.sourceRevision) ? {
     valid: !1,
     artifact: null,
     reason: "revision-mismatch",
@@ -3843,8 +3843,8 @@ async function Hg({
   generate: i
 }) {
   const a = {
-    namespace: Ut(e),
-    sourceRevision: Ut(t)
+    namespace: qt(e),
+    sourceRevision: qt(t)
   };
   let c;
   try {
@@ -4297,7 +4297,7 @@ const hb = [
   { pos: { left: -3, top: 8, bottom: 8, width: 6 }, dx: -1, dy: 0, cursor: "ew-resize", label: "left side" },
   { pos: { right: -3, top: 8, bottom: 8, width: 6 }, dx: 1, dy: 0, cursor: "ew-resize", label: "right side" }
 ];
-function Dr({ node: e }) {
+function zr({ node: e }) {
   const t = (n, r, o) => {
     n.stopPropagation(), n.preventDefault();
     const i = n.currentTarget.parentElement;
@@ -4339,7 +4339,7 @@ function Dr({ node: e }) {
     ))
   ] });
 }
-function zr({ node: e }) {
+function _r({ node: e }) {
   if (!e.linkTo) return null;
   const t = f.pages.find((n) => n.id === e.linkTo);
   return /* @__PURE__ */ s(
@@ -4369,7 +4369,7 @@ function zr({ node: e }) {
     }
   );
 }
-const _r = He(function({ count: t }) {
+const Or = He(function({ count: t }) {
   return f.showRenderCount ? /* @__PURE__ */ s(
     "span",
     {
@@ -4491,9 +4491,9 @@ const Uc = /* @__PURE__ */ new WeakMap(), qc = ed(function e({ node: t }) {
           ...d,
           children: [
             c ? /* @__PURE__ */ s(Kc, { node: t }) : t.text,
-            o && !c && /* @__PURE__ */ s(Dr, { node: t }),
-            /* @__PURE__ */ s(zr, { node: t }),
-            /* @__PURE__ */ s(_r, { count: n.current })
+            o && !c && /* @__PURE__ */ s(zr, { node: t }),
+            /* @__PURE__ */ s(_r, { node: t }),
+            /* @__PURE__ */ s(Or, { count: n.current })
           ]
         }
       );
@@ -4501,17 +4501,17 @@ const Uc = /* @__PURE__ */ new WeakMap(), qc = ed(function e({ node: t }) {
       const u = Qe()[t.componentName], p = u == null ? void 0 : u.component, m = { ...l, ...Cu(t) };
       return p && u.children === "nodes" ? /* @__PURE__ */ g("div", { "data-node-id": t.id, style: m, ...d, children: [
         /* @__PURE__ */ s(p, { ...t.componentProps, children: t.children.map((b) => /* @__PURE__ */ s(e, { node: b }, b.id)) }),
-        o && /* @__PURE__ */ s(Dr, { node: t }),
-        /* @__PURE__ */ s(zr, { node: t }),
-        /* @__PURE__ */ s(_r, { count: n.current })
+        o && /* @__PURE__ */ s(zr, { node: t }),
+        /* @__PURE__ */ s(_r, { node: t }),
+        /* @__PURE__ */ s(Or, { count: n.current })
       ] }) : /* @__PURE__ */ g("div", { "data-node-id": t.id, style: m, ...d, children: [
         /* @__PURE__ */ s("div", { style: { pointerEvents: "none" }, children: p ? /* @__PURE__ */ s(p, { ...t.componentProps, children: u.children === "text" ? t.childrenText : void 0 }) : /* @__PURE__ */ g("span", { style: { fontSize: 11, color: "#f04452" }, children: [
           "Unregistered components: ",
           t.componentName
         ] }) }),
-        o && /* @__PURE__ */ s(Dr, { node: t }),
-        /* @__PURE__ */ s(zr, { node: t }),
-        /* @__PURE__ */ s(_r, { count: n.current })
+        o && /* @__PURE__ */ s(zr, { node: t }),
+        /* @__PURE__ */ s(_r, { node: t }),
+        /* @__PURE__ */ s(Or, { count: n.current })
       ] });
     }
     if (t.domTag) {
@@ -4534,9 +4534,9 @@ const Uc = /* @__PURE__ */ new WeakMap(), qc = ed(function e({ node: t }) {
       "value" in m && (m.defaultValue = m.value, delete m.value), t.domTag === "textarea" && m.defaultValue == null && (m.defaultValue = t.children.filter((x) => x.domTag === "#text").map((x) => x.text).join(""));
       const b = Nu.has(t.domTag) ? void 0 : [
         ...t.children.map((x) => /* @__PURE__ */ s(e, { node: x }, x.id)),
-        ...o ? [/* @__PURE__ */ s(Dr, { node: t }, "selection")] : [],
-        /* @__PURE__ */ s(zr, { node: t }, "prototype"),
-        /* @__PURE__ */ s(_r, { count: n.current }, "renders")
+        ...o ? [/* @__PURE__ */ s(zr, { node: t }, "selection")] : [],
+        /* @__PURE__ */ s(_r, { node: t }, "prototype"),
+        /* @__PURE__ */ s(Or, { count: n.current }, "renders")
       ];
       return to(
         u,
@@ -4566,9 +4566,9 @@ const Uc = /* @__PURE__ */ new WeakMap(), qc = ed(function e({ node: t }) {
         ...d,
         children: [
           t.children.map((u) => /* @__PURE__ */ s(e, { node: u }, u.id)),
-          o && /* @__PURE__ */ s(Dr, { node: t }),
-          /* @__PURE__ */ s(zr, { node: t }),
-          /* @__PURE__ */ s(_r, { count: n.current })
+          o && /* @__PURE__ */ s(zr, { node: t }),
+          /* @__PURE__ */ s(_r, { node: t }),
+          /* @__PURE__ */ s(Or, { count: n.current })
         ]
       }
     );
@@ -4714,7 +4714,7 @@ const Gc = ({ size: e }) => /* @__PURE__ */ s(et, { size: e, fill: !0, children:
 ] }), bb = ({ size: e }) => /* @__PURE__ */ s(et, { size: e, children: /* @__PURE__ */ s("path", { d: "M1.8 8s2.4-4 6.2-4 6.2 4 6.2 4-2.4 4-6.2 4-6.2-4-6.2-4zM3 13 13 3" }) }), xb = ({ size: e }) => /* @__PURE__ */ g(et, { size: e, children: [
   /* @__PURE__ */ s("rect", { x: "3.5", y: "7", width: "9", height: "6", rx: "1" }),
   /* @__PURE__ */ s("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
-] }), Qr = ({ size: e = 8, open: t }) => /* @__PURE__ */ s(
+] }), Zr = ({ size: e = 8, open: t }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -5173,7 +5173,7 @@ const wb = He(function({
   ":host>html,:host>html>body{display:block;box-sizing:border-box;width:100%;height:100%;margin:0;}",
   "*,*::before,*::after{animation:none!important;transition:none!important;caret-color:transparent!important;}",
   'a,button,input,select,textarea,[role="button"]{pointer-events:none!important;}'
-].join(""), Cb = Gr(zu);
+].join(""), Cb = Xr(zu);
 function gi(e) {
   return e.replaceAll(`\r
 `, `
@@ -5231,7 +5231,7 @@ function Zc(e) {
   }
   return o(e.length), t;
 }
-function Gr(e) {
+function Xr(e) {
   const t = gi(e);
   let n = 2166136261, r = 2654435769;
   for (let o = 0; o < t.length; o += 1) {
@@ -5255,7 +5255,7 @@ function io(e) {
 function Ja(e) {
   return /^\s*(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(e);
 }
-function vr(e) {
+function wr(e) {
   if (/(?:expression\s*\(|url\s*\(\s*["']?\s*(?:javascript|vbscript|data\s*:\s*text\/html)\s*:|@import\s+(?:url\s*\(\s*)?["']?\s*(?:javascript|vbscript|data\s*:\s*text\/html)\s*:)/i.test(
     e
   ))
@@ -5271,7 +5271,7 @@ function Eb(e) {
   const t = [];
   return e.replace(
     /<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi,
-    (n, r) => (vr(r), t.push(r), "")
+    (n, r) => (wr(r), t.push(r), "")
   ), t.join(`
 `);
 }
@@ -5293,14 +5293,14 @@ function Ab(e) {
     ""
   ), i = [e.sharedCssText ?? "", n].map(gi).filter(Boolean).join(`
 `);
-  return vr(i), {
+  return wr(i), {
     bodyHtml: o,
     sharedCssText: i,
     stylesheetLinksHtml: e.snapshot ? kb(e.snapshot) : ""
   };
 }
 function On(e, t) {
-  vr(e);
+  wr(e);
   const n = $b(e), r = io(t);
   if (!r) return Zc(n);
   const o = (c) => {
@@ -5347,7 +5347,7 @@ function Xo(e, t, n) {
       if (l.startsWith("on") || l === "srcdoc")
         throw new Error("The frozen preview contains an active attribute.");
       if (l === "style") {
-        vr(c.value), o && a.setAttribute(
+        wr(c.value), o && a.setAttribute(
           c.name,
           On(c.value, o)
         );
@@ -5630,12 +5630,12 @@ class Lb {
   /** Updates every root using this shared style without rebuilding its DOM. */
   updateSharedCss(t, n) {
     const r = this.sharedStyles.get(t);
-    return r ? (vr(n), this.replaceEntryText(r, n), !0) : !1;
+    return r ? (wr(n), this.replaceEntryText(r, n), !0) : !1;
   }
   /** Updates every mounted preview subscribed to the same override channel. */
   updateOverrideCss(t, n) {
     const r = this.overrideStyles.get(t);
-    return r ? (vr(n), this.replaceEntryText(r, n), !0) : !1;
+    return r ? (wr(n), this.replaceEntryText(r, n), !0) : !1;
   }
   dispose() {
     var t;
@@ -5690,16 +5690,16 @@ function zb(e, t, n = Db) {
     a
   ), u = [...d.childNodes];
   o.append(d, c);
-  const p = Gr(r.sharedCssText);
+  const p = Xr(r.sharedCssText);
   if (t.sharedCssHash && t.sharedCssHash !== p)
     throw new Error("The provided shared CSS hash does not match its content.");
-  const m = On(r.sharedCssText, a), b = Gr(m), x = (t.sharedStylesheets ?? []).map((z) => {
+  const m = On(r.sharedCssText, a), b = Xr(m), x = (t.sharedStylesheets ?? []).map((z) => {
     const X = On(z.cssText, a);
     return {
       cssText: X,
-      key: `${z.key}:${Gr(X)}`
+      key: `${z.key}:${Xr(X)}`
     };
-  }), w = Gr(
+  }), w = Xr(
     [b, ...x.map((z) => z.key)].join(":")
   ), v = ((E = t.overrideKey) == null ? void 0 : E.trim()) || `preview:${w}`, S = n.acquireShared(
     o,
@@ -6073,15 +6073,15 @@ const Xb = He(function({
   const { appOrigin: c, previewRevision: l } = Hm(), d = Ce(null), u = Ce(null), p = Ce(null), m = Ce(null), b = Ce(null), x = Ce(!1), w = Ce(Wm()), v = Ce(
     () => {
     }
-  ), S = Ce(null), $ = Ce(!1), R = Ce(null), H = Ce(0), A = Ce(null), [N, T] = q(null), [j, E] = q(!1), z = (N == null ? void 0 : N.width) ?? t.width ?? 390, X = (N == null ? void 0 : N.height) ?? dn(t), M = (N == null ? void 0 : N.x) ?? t.x ?? 0, W = (N == null ? void 0 : N.y) ?? t.y ?? 0, J = Ht(
-    Xt(),
-    Pn(t, n)
-  ), U = _t(
+  ), S = Ce(null), $ = Ce(!1), R = Ce(null), H = Ce(0), A = Ce(null), [N, T] = q(null), [j, E] = q(!1), z = (N == null ? void 0 : N.width) ?? t.width ?? 390, X = (N == null ? void 0 : N.height) ?? dn(t), M = (N == null ? void 0 : N.x) ?? t.x ?? 0, W = (N == null ? void 0 : N.y) ?? t.y ?? 0, J = Tt(
+    Kt(),
+    pn(t, n)
+  ), U = Ot(
     t,
     l,
     void 0,
     n
-  ), Me = _t(
+  ), Me = Ot(
     t,
     l,
     t.authoredFrameSize ?? {
@@ -6095,13 +6095,13 @@ const Xb = He(function({
       route: t.route,
       width: t.width,
       height: t.height,
-      environment: Pn(t, n),
+      environment: pn(t, n),
       preset: t.preset,
       interactions: t.interactions,
       assertions: t.assertions
     },
     l,
-    Xt()
+    Kt()
   ) : null, te = Vm({
     pageId: t.id,
     routePreviewKey: U,
@@ -6128,7 +6128,7 @@ const Xb = He(function({
     captureStatus: I == null ? void 0 : I.status,
     diagnostic: (Qn = I == null ? void 0 : I.diagnostics[0]) == null ? void 0 : Qn.message
   }), [De, ze] = q(
-    () => a && !k ? Kt(U) : null
+    () => a && !k ? Ut(U) : null
   ), [Ue, rt] = q(!1), [F, xe] = q(!1), ne = Ce(null), Pe = () => {
     !a || t.route == null || t.layersImported || re || ne.current == null && (ne.current = setTimeout(() => {
       ne.current = null, _a(t.id);
@@ -6141,10 +6141,10 @@ const Xb = He(function({
   }, [t.layersImported, t.id]);
   const [Ie, we] = q(!1), Q = n || r || se || Ue || Ie, be = Vb(t.id, Q), Z = Kb(t.id);
   Gb(t.id, be);
-  const [_, ue] = q(null), [je, ie] = q(0), [Oe, Se] = q([]), We = De ?? (P && !k ? Kt(U) : null), Ae = k != null || We != null || (I == null ? void 0 : I.screenshot) != null, re = n, Ne = a && Ad({
+  const [_, ue] = q(null), [je, ie] = q(0), [Oe, Se] = q([]), We = De ?? (P && !k ? Ut(U) : null), Ae = k != null || We != null || (I == null ? void 0 : I.screenshot) != null, re = n, Ne = a && Ad({
     detailActive: re,
     previewIntended: se
-  }), Fe = Rt(() => !r || t.route == null || !t.layersImported ? null : Me === U && We != null ? We : Kt(Me) ?? We, [
+  }), Fe = Rt(() => !r || t.route == null || !t.layersImported ? null : Me === U && We != null ? We : Ut(Me) ?? We, [
     Me,
     P,
     We,
@@ -6159,21 +6159,21 @@ const Xb = He(function({
       importedAtCommittedWidth: t.layerImportViewportWidth == null || t.layerImportViewportWidth === (t.width ?? 390),
       reimportScheduled: f.provisionalLayerImportRevision(t.id) != null
     })
-  ) === "responsive-preview", Ft = {
+  ) === "responsive-preview", Lt = {
     width: t.width ?? 390,
     height: t.height ?? 600
-  }, qt = f.provisionalLayerImportRevision(t.id) != null, pn = fg(
+  }, Yt = f.provisionalLayerImportRevision(t.id) != null, mn = fg(
     t,
-    Ft
+    Lt
   );
   ce(() => {
-    !qt || t.route == null || au(
+    !Yt || t.route == null || au(
       t,
       { width: t.width ?? 390, height: t.height ?? 600 },
       l
     );
   }, [
-    qt,
+    Yt,
     t,
     t.id,
     t.route,
@@ -6181,7 +6181,7 @@ const Xb = He(function({
     t.height,
     l
   ]);
-  const mn = hg(t);
+  const gn = hg(t);
   ce(() => {
     t.route == null || t.interactiveStateId == null || t.layersImported || uu(t, l);
   }, [
@@ -6229,7 +6229,7 @@ const Xb = He(function({
   }, [n, t.id, t.importLayers, t.layersImported, t.route]), ce(() => {
     var K, ge;
     (K = m.current) == null || K.resolve(null), m.current = null, (ge = b.current) == null || ge.resolve(), b.current = null, rt(!1), we(!1), ue(null), ie(0), Se([]), ze(
-      _n(U) ? null : Kt(U)
+      _n(U) ? null : Ut(U)
     ), H.current += 1, $.current = !1, R.current = null, S.current = null, v.current(), v.current = () => {
     }, f.resetPageDocumentHeight(t.id);
   }, [U]), ce(
@@ -6246,7 +6246,7 @@ const Xb = He(function({
       return;
     }
     ze(
-      _n(U) ? null : Kt(U)
+      _n(U) ? null : Ut(U)
     );
   }, [P, a, U]), ce(() => {
     var ke, $e;
@@ -6349,7 +6349,7 @@ const Xb = He(function({
     [We, k, I == null ? void 0 : I.stale]
   ), Le = a && !P, lt = ug(
     t.importPageId ?? t.id
-  ), gn = pg(t.id), _i = f.frozenPromotionRefused(t.id), bn = (qe || Le || lt || mn) && !_i && !t.layersImported && t.importLayers === !0 && t.route != null && // A replay that reported issues registers stale and cannot promote —
+  ), bn = pg(t.id), _i = f.frozenPromotionRefused(t.id), xn = (qe || Le || lt || gn) && !_i && !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.
   Oe.length === 0;
   ce(() => {
@@ -6367,7 +6367,7 @@ const Xb = He(function({
     // 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.
-    bn || t.route == null || t.layersImported || !Ae || _)
+    xn || t.route == null || t.layersImported || !Ae || _)
       return;
     let K = !0;
     const ge = `detail:${oe}`;
@@ -6393,7 +6393,7 @@ const Xb = He(function({
   }, [
     re,
     P,
-    bn,
+    xn,
     Ae,
     t.importLayers,
     t.layersImported,
@@ -6421,7 +6421,7 @@ const Xb = He(function({
   const Oi = Wa(t, { detailActive: re }) ? ja({
     origin: c,
     route: t.route ?? "",
-    environment: Pn(t, n),
+    environment: pn(t, n),
     width: z,
     height: X
   }) : null, Bi = async (K, ge, ye) => {
@@ -6432,7 +6432,7 @@ const Xb = He(function({
     try {
       $e = await ke.lease({
         key: Re,
-        url: eo(c, t.route ?? "", J),
+        url: pr(c, t.route ?? "", J),
         width: z,
         height: X
       });
@@ -6471,7 +6471,7 @@ const Xb = He(function({
       S.current === Re && (S.current = null);
     });
     return S.current = Re, Re;
-  }, xn = (K) => {
+  }, yn = (K) => {
     if (v.current(), v.current = () => {
     }, t.heightMode !== "document") return !1;
     const ge = K.contentDocument;
@@ -6538,10 +6538,10 @@ const Xb = He(function({
     }, Ze = () => {
       if (window.removeEventListener("mousemove", ae), window.removeEventListener("mouseup", Ze), !$e) return;
       const tt = t.x ?? 0, tn = t.y ?? 0, dt = tt + (t.width ?? 390), Zn = tn + X;
-      for (const [vn, xt] of Lu()) {
-        const Lt = xt.explicit ? 0 : Fu, $r = xt.x0 - Lt, po = xt.y0 - Lt, mo = xt.x1 + Lt, nn = xt.y1 + Lt;
-        if (vn !== t.section && tt < mo && dt > $r && tn < nn && Zn > po) {
-          f.setPageSection(t.id, vn);
+      for (const [wn, xt] of Lu()) {
+        const Dt = xt.explicit ? 0 : Fu, Pr = xt.x0 - Dt, po = xt.y0 - Dt, mo = xt.x1 + Dt, nn = xt.y1 + Dt;
+        if (wn !== t.section && tt < mo && dt > Pr && tn < nn && Zn > po) {
+          f.setPageSection(t.id, wn);
           break;
         }
       }
@@ -6553,7 +6553,7 @@ const Xb = He(function({
     const ye = ge.clientX, Re = ge.clientY, ke = { x: t.x ?? 0, y: t.y ?? 0, width: z, height: X }, $e = K.includes("e") || K.includes("w"), ae = K.includes("n") || K.includes("s");
     let Ze = !1;
     const tt = (dt) => {
-      const Zn = (dt.clientX - ye) / f.zoom, vn = (dt.clientY - Re) / f.zoom, xt = Ru(ke, K, Zn, vn, 1, 1);
+      const Zn = (dt.clientX - ye) / f.zoom, wn = (dt.clientY - Re) / f.zoom, xt = Ru(ke, K, Zn, wn, 1, 1);
       if (!(Math.round(xt.x) === Math.round(ke.x) && Math.round(xt.y) === Math.round(ke.y) && Math.round(xt.width) === Math.round(ke.width) && Math.round(xt.height) === Math.round(ke.height))) {
         if (!Ze) {
           if (!f.beginFrameTransform(t.id, "resize")) return;
@@ -6571,7 +6571,7 @@ const Xb = He(function({
       }), T(null);
     };
     window.addEventListener("mousemove", tt), window.addEventListener("mouseup", tn);
-  }, en = t.frameSizeMode === "content" || re || j && be !== "detached", Ir = bd({
+  }, en = t.frameSizeMode === "content" || re || j && be !== "detached", Cr = bd({
     hasRoute: t.route != null,
     layersImported: !!t.layersImported,
     cacheHydrated: P,
@@ -6579,29 +6579,29 @@ const Xb = He(function({
     liveGranted: Ue
   }), it = f.provisionalLayerImportRevision(
     t.id
-  ), Ve = !t.layersImported || it != null, Jn = a && (gn || Ir === "live" || Ie || (re && !bn || // Hover intent while the artifact cache is still hydrating — or a
+  ), Ve = !t.layersImported || it != null, Jn = a && (bn || Cr === "live" || Ie || (re && !xn || // 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.
-  se && !qe && !Le && !lt && !mn) && t.route != null && Ve && // A viewport-variant session owes the resized screen its exact-width
+  se && !qe && !Le && !lt && !gn) && t.route != null && Ve && // A viewport-variant session owes the resized screen its exact-width
   // replay; the live re-measure stays parked unless the session fails.
-  !pn), bt = sb({
+  !mn), bt = sb({
     // 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: (re || se) && it == null,
     live: Jn
-  }), st = !o && Ae && !gn, Vt = ab({
+  }), st = !o && Ae && !bn, Vt = ab({
     hasScreenshot: (I == null ? void 0 : I.screenshot) != null,
     hasDomSnapshot: k != null || We != null,
     magnifiedPastBitmap: Z,
     // 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: se || bn,
+    preparedForPromotion: se || xn,
     preferDom: mh() === "dom"
-  }), yn = t.layersImported && f.pageRequiresLiveSharedPreview(t), ji = Ae && f.frozenPreviewMutations().some((K) => !!K.staleReason);
+  }), vn = t.layersImported && f.pageRequiresLiveSharedPreview(t), ji = Ae && f.frozenPreviewMutations().some((K) => !!K.staleReason);
   ce(() => {
     if (t.frameSizeMode !== "content" || !en)
       return;
@@ -6623,7 +6623,7 @@ const Xb = He(function({
     t.layersImported,
     en
   ]);
-  const Cr = t.route == null ? "" : eo(
+  const $r = t.route == null ? "" : pr(
     c,
     t.route,
     J
@@ -6635,7 +6635,7 @@ const Xb = He(function({
         const ye = await D();
         ql(ye), xe(!0);
         const Re = p.current;
-        if ((Re ? xn(Re) : !1) && await new Promise((ae) => {
+        if ((Re ? yn(Re) : !1) && await new Promise((ae) => {
           requestAnimationFrame(
             () => requestAnimationFrame(() => ae())
           );
@@ -6685,7 +6685,7 @@ const Xb = He(function({
     {
       ref: p,
       title: `real app${t.route}`,
-      src: Cr,
+      src: $r,
       loading: "eager",
       tabIndex: -1,
       className: "block border-0 bg-white",
@@ -6707,7 +6707,7 @@ const Xb = He(function({
         "data-canonical-frame-id": t.importPageId ?? t.id,
         "data-frame-active": n || void 0,
         "data-frame-detail-active": re || void 0,
-        "data-preview-state": Ir,
+        "data-preview-state": Cr,
         "data-frame-lod": be,
         "data-artifact-status": I == null ? void 0 : I.status,
         "data-artifact-resolution": Ee.status,
@@ -6856,7 +6856,7 @@ const Xb = He(function({
                           )
                         }
                       )
-                    ] }) : t.layersImported && en && (re || t.route == null || yn) ? re ? Be && Fe != null ? /* @__PURE__ */ s(
+                    ] }) : t.layersImported && en && (re || t.route == null || vn) ? re ? Be && Fe != null ? /* @__PURE__ */ s(
                       ph,
                       {
                         page: t,
@@ -6926,7 +6926,7 @@ const Xb = He(function({
                           snapshot: We ?? void 0,
                           artifact: k ?? void 0,
                           height: X,
-                          baseUrl: Cr,
+                          baseUrl: $r,
                           revision: l,
                           sourceStale: (I == null ? void 0 : I.stale) === !0,
                           onDocumentHeightChange: (K) => {
@@ -7100,7 +7100,7 @@ const Xb = He(function({
       `preview-producer:${oe}`
     )
   ] });
-}), wr = /* @__PURE__ */ new Map(), na = /* @__PURE__ */ new Map();
+}), Sr = /* @__PURE__ */ new Map(), na = /* @__PURE__ */ new Map();
 let rl = "[]";
 function Di(e) {
   var t;
@@ -7165,17 +7165,17 @@ ${o.join(`
 `)}`);
   const i = JSON.stringify(t);
   if (i !== rl) {
-    wr.clear(), na.clear();
+    Sr.clear(), na.clear();
     for (const a of t)
-      wr.set(a.id, a), na.set(a.componentName, a);
+      Sr.set(a.id, a), na.set(a.componentName, a);
     rl = i;
   }
 }
 function Vw() {
-  return [...wr.values()].map(Di);
+  return [...Sr.values()].map(Di);
 }
 function Kw(e) {
-  const t = wr.get(e);
+  const t = Sr.get(e);
   return t ? Di(t) : void 0;
 }
 function so(e) {
@@ -7189,7 +7189,7 @@ function Jo(e, t) {
 function ju() {
   var n;
   const e = Qe(), t = [];
-  for (const r of wr.values()) {
+  for (const r of Sr.values()) {
     const o = e[r.componentName];
     if (!o) {
       t.push({
@@ -7235,7 +7235,7 @@ function ju() {
   );
 }
 function Zb(e, t = {}) {
-  const n = wr.get(e);
+  const n = Sr.get(e);
   if (!n)
     throw new Error(`Unknown component connection "${e}".`);
   const r = t.limit ?? 64;
@@ -7455,7 +7455,7 @@ function bi(e) {
 function al(e) {
   return JSON.stringify(e);
 }
-let Nn = null, Fo = /* @__PURE__ */ new Map(), ls = /* @__PURE__ */ new Map(), Kn = /* @__PURE__ */ new Map(), jn = null, Or = null, ux = 0;
+let In = null, Fo = /* @__PURE__ */ new Map(), ls = /* @__PURE__ */ new Map(), Kn = /* @__PURE__ */ new Map(), jn = null, Br = null, ux = 0;
 function tc() {
   kt.setPending(Kn.size);
 }
@@ -7474,7 +7474,7 @@ function cl(e) {
   Kn = t, tc();
 }
 async function Hu() {
-  return Or || (Or = (async () => {
+  return Br || (Br = (async () => {
     for (; Kn.size > 0; ) {
       const e = [...Kn.values()];
       Kn = /* @__PURE__ */ new Map(), tc();
@@ -7496,13 +7496,13 @@ async function Hu() {
       }
     }
   })().finally(() => {
-    Or = null;
-  }), Or);
+    Br = null;
+  }), Br);
 }
 function fx(e) {
-  Nn == null || Nn();
+  In == null || In();
   const t = sl(e);
-  return Fo = new Map(t.map((n) => [bi(n), n])), Nn = Yl(
+  return Fo = new Map(t.map((n) => [bi(n), n])), In = Yl(
     () => sl(e),
     (n) => {
       const r = new Map(n.map((i) => [bi(i), i])), o = [];
@@ -7516,7 +7516,7 @@ function fx(e) {
     },
     { equals: wh.structural }
   ), () => {
-    Nn == null || Nn(), Nn = null;
+    In == null || In(), In = null;
   };
 }
 function Vu(e) {
@@ -7787,13 +7787,13 @@ function Rx(e, t, n) {
   const r = new Set(Object.keys(t ?? {}).map((c) => c.toLowerCase())), o = [], i = e.getAttribute("role") ?? "";
   return (e.hasAttribute("aria-selected") || e.hasAttribute("aria-pressed") || e.hasAttribute("aria-checked") || ["option", "radio", "tab", "treeitem"].includes(i) || ["selected", "checked", "active", "pressed", "open", "expanded"].some((c) => r.has(c))) && o.push("selected"), ("disabled" in e || e.hasAttribute("aria-disabled") || ["disabled", "isdisabled"].some((c) => r.has(c))) && o.push("disabled"), (e.hasAttribute("aria-busy") || ["loading", "isloading", "pending", "busy"].some((c) => r.has(c))) && o.push("loading"), o;
 }
-function Br(e, t, n, r) {
+function jr(e, t, n, r) {
   const o = e.hasAttribute(t), i = e.getAttribute(t);
   r.push(() => {
     o ? e.setAttribute(t, i ?? "") : e.removeAttribute(t);
   }), n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function jr(e, t, n, r) {
+function Wr(e, t, n, r) {
   const o = e.style.getPropertyValue(t);
   r.push(() => {
     o ? e.style.setProperty(t, o) : e.style.removeProperty(t);
@@ -7827,7 +7827,7 @@ function Tx(e, t) {
       l.nodeValue = u;
     }), l.nodeValue = kx(t.text, u, d);
   }), t.state !== "default" && i.forEach((l) => {
-    t.state === "selected" ? (Br(l, "aria-selected", "true", n), Br(l, "data-state", "active", n), jr(l, "outline", "2px solid #0d99ff", n), jr(l, "outline-offset", "-2px", n)) : t.state === "disabled" ? ("disabled" in l && Br(l, "disabled", "", n), Br(l, "aria-disabled", "true", n), jr(l, "opacity", "0.45", n), jr(l, "pointer-events", "none", n)) : t.state === "loading" && (Br(l, "aria-busy", "true", n), jr(l, "opacity", "0.62", n), fl([l]).slice(0, 1).forEach((d) => {
+    t.state === "selected" ? (jr(l, "aria-selected", "true", n), jr(l, "data-state", "active", n), Wr(l, "outline", "2px solid #0d99ff", n), Wr(l, "outline-offset", "-2px", n)) : t.state === "disabled" ? ("disabled" in l && jr(l, "disabled", "", n), jr(l, "aria-disabled", "true", n), Wr(l, "opacity", "0.45", n), Wr(l, "pointer-events", "none", n)) : t.state === "loading" && (jr(l, "aria-busy", "true", n), Wr(l, "opacity", "0.62", n), fl([l]).slice(0, 1).forEach((d) => {
       const u = d.nodeValue ?? "";
       n.push(() => {
         d.nodeValue = u;
@@ -8034,12 +8034,12 @@ function pl({
     var h;
     (h = _.current) == null || h.cleanup(), _.current = null;
   }
-  const Ne = !!e, Fe = Ne ? ((gc = e.current) == null ? void 0 : gc.contentDocument) ?? null : ((bc = t == null ? void 0 : t.current) == null ? void 0 : bc.ownerDocument) ?? null, Be = (Fe == null ? void 0 : Fe.defaultView) ?? null, Ft = Rt(() => fa(Qe()), []), qt = Rt(
+  const Ne = !!e, Fe = Ne ? ((gc = e.current) == null ? void 0 : gc.contentDocument) ?? null : ((bc = t == null ? void 0 : t.current) == null ? void 0 : bc.ownerDocument) ?? null, Be = (Fe == null ? void 0 : Fe.defaultView) ?? null, Lt = Rt(() => fa(Qe()), []), Yt = Rt(
     () => Object.entries(Qe()).filter(
       ([h, y]) => /^[A-Z][A-Za-z0-9_$]*$/.test(h) && !!y.importPath && Sc(h) != null
     ).sort(([h], [y]) => h.localeCompare(y)),
     []
-  ), pn = Rt(() => {
+  ), mn = Rt(() => {
     const h = xi(), y = {};
     for (const [C, O] of Object.entries(vx))
       y[C] = h.filter((L) => O.test(L.name));
@@ -8147,7 +8147,7 @@ function pl({
     return () => window.clearTimeout(h);
   }, [G.toastSeq]), !Fe || !Be)
     return /* @__PURE__ */ s("div", { ref: r, className: "absolute inset-0 flex items-start justify-center pt-10", children: Ne && /* @__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 mn = Ne ? Fe.body : (t == null ? void 0 : t.current) ?? null, qe = (h) => {
+  const gn = Ne ? Fe.body : (t == null ? void 0 : t.current) ?? null, qe = (h) => {
     if (Ne) {
       const C = e.current;
       if (!C) return null;
@@ -8167,13 +8167,13 @@ function pl({
     const y = (C = r.current) == null ? void 0 : C.getBoundingClientRect();
     return { left: h.left - ((y == null ? void 0 : y.left) ?? 0), top: h.top - ((y == null ? void 0 : y.top) ?? 0), width: h.width, height: h.height };
   }, lt = (h) => {
-    const y = Ft(h);
+    const y = Lt(h);
     if (y) return y.name;
     const C = qu(h), O = h.tagName.toLowerCase();
     return C ? `${O}.${C}` : O;
-  }, gn = (h) => {
+  }, bn = (h) => {
     const y = [];
-    for (let C = h; C && C !== mn && y.length < 8; C = C.parentElement)
+    for (let C = h; C && C !== gn && y.length < 8; C = C.parentElement)
       y.unshift(C);
     return y;
   }, _i = (h) => {
@@ -8186,7 +8186,7 @@ function pl({
     y.selectNodeContents(h);
     const C = Be.getSelection();
     C == null || C.removeAllRanges(), C == null || C.addRange(y);
-  }, bn = (h, y) => {
+  }, xn = (h, y) => {
     var C;
     gt && (G.recordStyle(
       gt,
@@ -8237,14 +8237,14 @@ function pl({
     } catch (L) {
       G.toast(`Apply failed:${String(L).slice(0, 80)}`);
     }
-  }, D = a != null && a.isConnected ? a : null, xn = o != null && o.isConnected ? o : null, fe = D != null && D.parentElement && D.parentElement !== mn ? D.parentElement : null, gt = N === "container" && fe ? fe : D, ee = D ? Le(D.getBoundingClientRect()) : null, Y = fe ? Le(fe.getBoundingClientRect()) : null, en = N === "container" && gt && gt !== D ? Le(gt.getBoundingClientRect()) : null, Ir = xn && xn !== D ? Le(xn.getBoundingClientRect()) : null, it = D ? Be.getComputedStyle(D) : null, Ve = fe ? Be.getComputedStyle(fe) : null, Jn = gt ? Be.getComputedStyle(gt) : null, bt = D ? lt(D) : "", st = D ? Ft(D) : null, Vt = D ? Nh(D) : null, yn = D ? G.structuralEditKind(D) : null, ji = D ? G.hasPendingValueEdit(D) : !1, Cr = D ? G.structuralBlockReason(D, "insert") : "No elements are selected.", ho = D ? G.structuralBlockReason(D, "remove") : "No elements are selected.", Mn = D ? G.structuralBlockReason(D, "move") : "No elements are selected.", Qn = D && D.parentElement ? Array.from(D.parentElement.children).indexOf(D) : -1, K = ((xc = D == null ? void 0 : D.parentElement) == null ? void 0 : xc.children.length) ?? 0, ge = st ? Qe()[st.name] ?? null : null, ye = Vt && /^[A-Z]/.test(Vt.elementName) ? (st == null ? void 0 : st.name) ?? null : null, Re = D ? G.componentInsertBlockReason(D, ye) : "No elements are selected.", ke = xe.trim().toLocaleLowerCase(), $e = qt.filter(
+  }, D = a != null && a.isConnected ? a : null, yn = o != null && o.isConnected ? o : null, fe = D != null && D.parentElement && D.parentElement !== gn ? D.parentElement : null, gt = N === "container" && fe ? fe : D, ee = D ? Le(D.getBoundingClientRect()) : null, Y = fe ? Le(fe.getBoundingClientRect()) : null, en = N === "container" && gt && gt !== D ? Le(gt.getBoundingClientRect()) : null, Cr = yn && yn !== D ? Le(yn.getBoundingClientRect()) : null, it = D ? Be.getComputedStyle(D) : null, Ve = fe ? Be.getComputedStyle(fe) : null, Jn = gt ? Be.getComputedStyle(gt) : null, bt = D ? lt(D) : "", st = D ? Lt(D) : null, Vt = D ? Nh(D) : null, vn = D ? G.structuralEditKind(D) : null, ji = D ? G.hasPendingValueEdit(D) : !1, $r = D ? G.structuralBlockReason(D, "insert") : "No elements are selected.", ho = D ? G.structuralBlockReason(D, "remove") : "No elements are selected.", Mn = D ? G.structuralBlockReason(D, "move") : "No elements are selected.", Qn = D && D.parentElement ? Array.from(D.parentElement.children).indexOf(D) : -1, K = ((xc = D == null ? void 0 : D.parentElement) == null ? void 0 : xc.children.length) ?? 0, ge = st ? Qe()[st.name] ?? null : null, ye = Vt && /^[A-Z]/.test(Vt.elementName) ? (st == null ? void 0 : st.name) ?? null : null, Re = D ? G.componentInsertBlockReason(D, ye) : "No elements are selected.", ke = xe.trim().toLocaleLowerCase(), $e = Yt.filter(
     ([h, y]) => !ke || h.toLocaleLowerCase().includes(ke) || y.importPath.toLocaleLowerCase().includes(ke)
-  ), ae = $e.find(([h]) => h === Pe) ?? $e[0] ?? null, Ze = (ae == null ? void 0 : ae[1]) ?? null, tt = ae ? Sc(ae[0]) : null, dt = (D ? Nc(D) : null) ?? 0, Zn = D ? Ax(D, (st == null ? void 0 : st.props) ?? null, ge) : !1, vn = D ? Rx(D, (st == null ? void 0 : st.props) ?? null, ge) : [], xt = D ? Yu(D) : [], Lt = { count: xt.length }, $r = Me && D && xn && xn !== D ? [D, xn] : null, po = G.entries, mo = Object.entries((st == null ? void 0 : st.primitiveProps) ?? {}), nn = Oe, rn = po.reduce((h, y) => {
+  ), ae = $e.find(([h]) => h === Pe) ?? $e[0] ?? null, Ze = (ae == null ? void 0 : ae[1]) ?? null, tt = ae ? Sc(ae[0]) : null, dt = (D ? Nc(D) : null) ?? 0, Zn = D ? Ax(D, (st == null ? void 0 : st.props) ?? null, ge) : !1, wn = D ? Rx(D, (st == null ? void 0 : st.props) ?? null, ge) : [], xt = D ? Yu(D) : [], Dt = { count: xt.length }, Pr = Me && D && yn && yn !== D ? [D, yn] : null, po = G.entries, mo = Object.entries((st == null ? void 0 : st.primitiveProps) ?? {}), nn = Oe, rn = po.reduce((h, y) => {
     const C = h.find((O) => O.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;
   }, []), go = nn.styles.length + nn.texts.length + nn.operations.length, bo = Wo() != null, Wi = bo && k !== Se, gf = rn.filter(
     (h) => h.items.some((y) => !Qi(y))
-  ).length, Hi = v != null || $ !== "original" || H !== "default", Pr = Hi && D ? zx(D, Be) : null, Ye = Lx(Ve), er = Ye != null, Nt = Dx(fe), on = j === "custom" ? z.minWidth != null || z.maxWidth != null ? {
+  ).length, Hi = v != null || $ !== "original" || H !== "default", Mr = Hi && D ? zx(D, Be) : null, Ye = Lx(Ve), er = Ye != null, Nt = Dx(fe), on = 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 : ((yc = dl.find((h) => h.id === j)) == null ? void 0 : yc.media) ?? null, Vi = xt.filter((h) => h.isConnected && Be.getComputedStyle(h).getPropertyValue("display") !== "none").map((h, y) => ({ el: h, index: y, rect: Le(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) => {
@@ -8270,18 +8270,18 @@ function pl({
       width: Math.max(16, Math.min(h.right, C.right) - Math.max(h.left, C.left)),
       height: Math.max(0, C.top - h.bottom)
     };
-  }), sn = Math.max(0, Et(Ve, "column-gap", Et(Ve, "gap"))), Mr = Math.max(0, Et(Ve, "row-gap", Et(Ve, "gap"))), It = {
+  }), sn = Math.max(0, Et(Ve, "column-gap", Et(Ve, "gap"))), Er = Math.max(0, Et(Ve, "row-gap", Et(Ve, "gap"))), It = {
     top: Math.max(0, Et(Ve, "padding-top")),
     right: Math.max(0, Et(Ve, "padding-right")),
     bottom: Math.max(0, Et(Ve, "padding-bottom")),
     left: Math.max(0, Et(Ve, "padding-left"))
-  }, yf = It.left, vf = It.top, Er = (Ve == null ? void 0 : Ve.getPropertyValue("justify-content")) || "normal", ic = (Ve == null ? void 0 : Ve.getPropertyValue("align-items")) || "normal", Ui = (Ve == null ? void 0 : Ve.getPropertyValue("flex-direction")) || "row", wf = hl(Ui.includes("column") ? ic : Er), Sf = hl(Ui.includes("column") ? Er : ic), Nf = Lo(
+  }, yf = It.left, vf = It.top, kr = (Ve == null ? void 0 : Ve.getPropertyValue("justify-content")) || "normal", ic = (Ve == null ? void 0 : Ve.getPropertyValue("align-items")) || "normal", Ui = (Ve == null ? void 0 : Ve.getPropertyValue("flex-direction")) || "row", wf = hl(Ui.includes("column") ? ic : kr), Sf = hl(Ui.includes("column") ? kr : ic), Nf = Lo(
     (fe == null ? void 0 : fe.style.getPropertyValue("width")) || (Y && Y.width >= window.innerWidth * 0.8 ? "100%" : ""),
     (Y == null ? void 0 : Y.width) ?? 0
   ), If = Lo(
     (fe == null ? void 0 : fe.style.getPropertyValue("height")) || "",
     (Y == null ? void 0 : Y.height) ?? 0
-  ), Cf = Lo((D == null ? void 0 : D.style.getPropertyValue("width")) || "", (ee == null ? void 0 : ee.width) ?? 0), $f = Lo((D == null ? void 0 : D.style.getPropertyValue("height")) || "", (ee == null ? void 0 : ee.height) ?? 0), sc = (it == null ? void 0 : it.getPropertyValue("align-self")) || "auto", Pf = Et(it, "order"), kr = (D == null ? void 0 : D.style.getPropertyValue("grid-column")) || (it == null ? void 0 : it.getPropertyValue("grid-column")) || "auto", ac = Number(((vc = /span\s+(\d+)/.exec(kr)) == null ? void 0 : vc[1]) ?? 1), qi = (it == null ? void 0 : it.getPropertyValue("position")) === "absolute", tr = us(fe, (ee == null ? void 0 : ee.width) ?? 240), yt = v ?? Math.max(1, Lt.count), xo = Math.max(
+  ), Cf = Lo((D == null ? void 0 : D.style.getPropertyValue("width")) || "", (ee == null ? void 0 : ee.width) ?? 0), $f = Lo((D == null ? void 0 : D.style.getPropertyValue("height")) || "", (ee == null ? void 0 : ee.height) ?? 0), sc = (it == null ? void 0 : it.getPropertyValue("align-self")) || "auto", Pf = Et(it, "order"), Ar = (D == null ? void 0 : D.style.getPropertyValue("grid-column")) || (it == null ? void 0 : it.getPropertyValue("grid-column")) || "auto", ac = Number(((vc = /span\s+(\d+)/.exec(Ar)) == null ? void 0 : vc[1]) ?? 1), qi = (it == null ? void 0 : it.getPropertyValue("position")) === "absolute", tr = us(fe, (ee == null ? void 0 : ee.width) ?? 240), yt = v ?? Math.max(1, Dt.count), xo = Math.max(
     0,
     ((Y == null ? void 0 : Y.width) ?? 0) - It.left - It.right
   ), Mf = Math.max(
@@ -8307,12 +8307,12 @@ function pl({
     h.preventDefault(), h.stopPropagation();
     const L = h.clientX, de = h.clientY, he = document.body.style.cursor, _e = document.body.style.userSelect;
     document.body.style.cursor = y, document.body.style.userSelect = "none";
-    const ut = (Sn) => {
-      C(Sn.clientX - L, Sn.clientY - de), be();
-    }, wn = () => {
-      window.removeEventListener("pointermove", ut), window.removeEventListener("pointerup", wn), document.body.style.cursor = he, document.body.style.userSelect = _e, O(), be();
+    const ut = (Nn) => {
+      C(Nn.clientX - L, Nn.clientY - de), be();
+    }, Sn = () => {
+      window.removeEventListener("pointermove", ut), window.removeEventListener("pointerup", Sn), document.body.style.cursor = he, document.body.style.userSelect = _e, O(), be();
     };
-    window.addEventListener("pointermove", ut), window.addEventListener("pointerup", wn, { once: !0 });
+    window.addEventListener("pointermove", ut), window.addEventListener("pointerup", Sn, { once: !0 });
   }, Ge = (h, y) => {
     fe && G.recordStyle(
       fe,
@@ -8342,7 +8342,7 @@ function pl({
           nt(C, O);
       T("container"), G.toast(`${y.label}change to batch`);
     }
-  }, Ar = (h) => {
+  }, Rr = (h) => {
     !fe || !D || (Ge("display", "grid"), Ge("grid-template-columns", `repeat(${h}, minmax(0, 1fr))`), nt("width", "auto"), nt("min-width", "0"), G.toast(`Maximum ${h} per row · ${Rn(on)}`));
   }, So = (h) => {
     if (!fe || !D) return;
@@ -8358,7 +8358,7 @@ function pl({
     Ge("display", "grid"), Ge("grid-template-columns", `repeat(auto-fit, minmax(min(${y}px, 100%), 1fr))`), nt("width", "auto"), nt("min-width", "0"), G.toast(`Automatic columns · minimum ${y}px · ${Rn(on)}`);
   }, Xi = (h, y) => {
     if (!fe) return;
-    const C = fe.style.getPropertyValue(h), O = h === "column-gap" ? sn : h === "row-gap" ? Mr : It[h.replace("padding-", "")];
+    const C = fe.style.getPropertyValue(h), O = h === "column-gap" ? sn : h === "row-gap" ? Er : It[h.replace("padding-", "")];
     let L = O;
     const de = h === "column-gap" || h === "padding-left" || h === "padding-right", he = h === "padding-right" || h === "padding-bottom" ? -1 : 1;
     W(h), h.startsWith("padding-") && U(!1), wo(
@@ -8435,7 +8435,7 @@ function pl({
     T(h), p("edit");
   }, hc = (h) => {
     var O;
-    const y = (Pr == null ? void 0 : Pr.el) ?? D;
+    const y = (Mr == null ? void 0 : Mr.el) ?? D;
     if (!y) return;
     const C = h === "wrap" ? {
       "white-space": "normal",
@@ -8459,14 +8459,14 @@ function pl({
         ie.current
       ), (O = _.current) == null || O.mirrorStyle(y, L, de);
     G.toast(h === "wrap" ? "Change to multi-line content" : "Change to one line abbreviation");
-  }, Rr = m ? Nx : Sx, Df = u === "cases" && Y && Y.left + Y.width > window.innerWidth - Rr - 32 || ee && ee.left + ee.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Rr - 16), zf = Ne ? 54 : 64, pc = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? Df, window.innerWidth - Rr - 8)), mc = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? zf, window.innerHeight - 80)), _f = (h) => {
+  }, Tr = m ? Nx : Sx, Df = u === "cases" && Y && Y.left + Y.width > window.innerWidth - Tr - 32 || ee && ee.left + ee.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Tr - 16), zf = Ne ? 54 : 64, pc = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? Df, window.innerWidth - Tr - 8)), mc = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? zf, window.innerHeight - 80)), _f = (h) => {
     if (h.button !== 0) return;
     h.preventDefault();
     const y = { x: h.clientX, y: h.clientY, left: pc, top: mc };
     let C = { x: y.left, y: y.top };
     const O = (de) => {
       C = {
-        x: Math.max(8, Math.min(y.left + de.clientX - y.x, window.innerWidth - Rr - 8)),
+        x: Math.max(8, Math.min(y.left + de.clientX - y.x, window.innerWidth - Tr - 8)),
         y: Math.max(8, Math.min(y.top + de.clientY - y.y, window.innerHeight - 80))
       }, w(C);
     }, L = () => {
@@ -8483,15 +8483,15 @@ function pl({
     outlineOffset: -1,
     pointerEvents: "none"
   }), nr = { lines: [], labels: [] };
-  if ($r) {
-    const h = Le($r[0].getBoundingClientRect()), y = Le($r[1].getBoundingClientRect()), C = h.left + h.width, O = h.top + h.height, L = y.left + y.width, de = y.top + y.height, he = C <= y.left ? { from: C, to: y.left } : L <= h.left ? { from: L, to: h.left } : null, _e = O <= y.top ? { from: O, to: y.top } : de <= h.top ? { from: de, to: h.top } : null;
+  if (Pr) {
+    const h = Le(Pr[0].getBoundingClientRect()), y = Le(Pr[1].getBoundingClientRect()), C = h.left + h.width, O = h.top + h.height, L = y.left + y.width, de = y.top + y.height, he = C <= y.left ? { from: C, to: y.left } : L <= h.left ? { from: L, to: h.left } : null, _e = O <= y.top ? { from: O, to: y.top } : de <= h.top ? { from: de, to: h.top } : null;
     if (he && he.to - he.from > 0.5) {
-      const ut = he.to - he.from, wn = Math.max(h.top, y.top), Sn = Math.min(O, de), Tr = Sn > wn ? (wn + Sn) / 2 : (h.top + O + y.top + de) / 4;
-      nr.lines.push({ left: he.from, top: Tr - 0.5, width: ut, height: 1 }), nr.labels.push({ x: he.from + ut / 2, y: Tr, text: `${Math.round(ut)}px` });
+      const ut = he.to - he.from, Sn = Math.max(h.top, y.top), Nn = Math.min(O, de), Fr = Nn > Sn ? (Sn + Nn) / 2 : (h.top + O + y.top + de) / 4;
+      nr.lines.push({ left: he.from, top: Fr - 0.5, width: ut, height: 1 }), nr.labels.push({ x: he.from + ut / 2, y: Fr, text: `${Math.round(ut)}px` });
     }
     if (_e && _e.to - _e.from > 0.5) {
-      const ut = _e.to - _e.from, wn = Math.max(h.left, y.left), Sn = Math.min(C, L), Tr = Sn > wn ? (wn + Sn) / 2 : (h.left + C + y.left + L) / 4;
-      nr.lines.push({ left: Tr - 0.5, top: _e.from, width: 1, height: ut }), nr.labels.push({ x: Tr, y: _e.from + ut / 2, text: `${Math.round(ut)}px` });
+      const ut = _e.to - _e.from, Sn = Math.max(h.left, y.left), Nn = Math.min(C, L), Fr = Nn > Sn ? (Sn + Nn) / 2 : (h.left + C + y.left + L) / 4;
+      nr.lines.push({ left: Fr - 0.5, top: _e.from, width: 1, height: ut }), nr.labels.push({ x: Fr, y: _e.from + ut / 2, text: `${Math.round(ut)}px` });
     }
   }
   const $o = 7, Of = ee ? [
@@ -8523,7 +8523,7 @@ function pl({
         }
       }
     ),
-    Ir && !l && /* @__PURE__ */ s("div", { style: Co(Ir, "#7cc4f8", !0) }),
+    Cr && !l && /* @__PURE__ */ s("div", { style: Co(Cr, "#7cc4f8", !0) }),
     en && gt && /* @__PURE__ */ g(Ke, { children: [
       /* @__PURE__ */ s("div", { style: Co(en, "#9747ff", !0) }),
       /* @__PURE__ */ g(
@@ -8612,7 +8612,7 @@ function pl({
           },
           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]"}`,
           onClick: (C) => {
-            C.stopPropagation(), Ar(y + 1);
+            C.stopPropagation(), Rr(y + 1);
           },
           children: "↵"
         },
@@ -8678,8 +8678,8 @@ function pl({
           {
             type: "button",
             "data-case-row-gap-handle": y,
-            "aria-label": `row spacing${Math.round(Mr)}px`,
-            title: `row spacing${Math.round(Mr)}px`,
+            "aria-label": `row spacing${Math.round(Er)}px`,
+            title: `row spacing${Math.round(Er)}px`,
             style: {
               position: "absolute",
               left: h.left + h.width / 2,
@@ -8692,7 +8692,7 @@ function pl({
             onPointerEnter: () => W("row-gap"),
             onPointerLeave: () => W(null),
             onPointerDown: (C) => Xi("row-gap", C),
-            children: Math.round(Mr)
+            children: Math.round(Er)
           }
         )
       ] }, `row-gap-${h.key}`)),
@@ -8899,7 +8899,7 @@ function pl({
       {
         "data-inspector-panel": !0,
         className: "fixed z-20 flex max-h-[min(720px,calc(100vh-72px))] flex-col overflow-hidden rounded-xl border border-[#e4e4e7] bg-white text-[#18181b] shadow-[0_16px_48px_rgba(15,23,42,.22)]",
-        style: { left: pc, top: mc, width: Rr },
+        style: { left: pc, top: mc, width: Tr },
         children: [
           /* @__PURE__ */ g("div", { className: "border-b border-[#e4e4e7] px-4 py-3", children: [
             /* @__PURE__ */ g("div", { className: "mb-2 flex cursor-move select-none items-start justify-between gap-3", onMouseDown: _f, children: [
@@ -8909,7 +8909,7 @@ function pl({
                   /* @__PURE__ */ s("span", { className: `h-2 w-2 rounded-full ${Hi ? "bg-[#0d99ff]" : "bg-[#d4d4d8]"}` })
                 ] }),
                 /* @__PURE__ */ s("h2", { className: "truncate text-[14px] font-semibold", children: D ? bt : "Select a DOM element" }),
-                /* @__PURE__ */ s("p", { className: "mt-0.5 truncate text-[10px] text-[#71717a]", children: D ? `${Lt.count || 1} matching elements · Test realistic content states` : "Click an element on the canvas to inspect it" })
+                /* @__PURE__ */ s("p", { className: "mt-0.5 truncate text-[10px] text-[#71717a]", children: D ? `${Dt.count || 1} matching elements · Test realistic content states` : "Click an element on the canvas to inspect it" })
               ] }),
               /* @__PURE__ */ g("div", { className: "flex shrink-0 items-center gap-1", onMouseDown: (h) => h.stopPropagation(), children: [
                 /* @__PURE__ */ s(
@@ -8972,7 +8972,7 @@ function pl({
               }
             )
           ] }) : u === "cases" ? /* @__PURE__ */ g("div", { className: "min-h-0 flex-1 overflow-auto", children: [
-            /* @__PURE__ */ s(Xe, { title: "Selection path", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-1 text-[10px] text-[#71717a]", children: gn(D).map((h, y, C) => /* @__PURE__ */ g("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ s(Xe, { title: "Selection path", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-1 text-[10px] text-[#71717a]", children: bn(D).map((h, y, C) => /* @__PURE__ */ g("span", { className: "flex items-center gap-1", children: [
               y > 0 && /* @__PURE__ */ s("span", { className: "text-[#c4c4c8]", children: "›" }),
               /* @__PURE__ */ s(
                 "button",
@@ -9013,7 +9013,7 @@ function pl({
                 title: "Item count",
                 action: /* @__PURE__ */ g("span", { className: "text-[10px] text-[#71717a]", children: [
                   "Current: ",
-                  Lt.count || 1
+                  Dt.count || 1
                 ] }),
                 children: [
                   /* @__PURE__ */ g("div", { className: "grid grid-cols-[32px_minmax(0,1fr)_32px] gap-1", children: [
@@ -9023,8 +9023,8 @@ function pl({
                         type: "button",
                         "aria-label": "Decrease item count",
                         className: "h-8 rounded-md bg-[#f4f4f5] text-[16px] text-[#52525b] hover:bg-[#e9e9ee] disabled:text-[#c4c4c8]",
-                        disabled: (v ?? (Lt.count || 1)) <= 1,
-                        onClick: () => vo((v ?? (Lt.count || 1)) - 1),
+                        disabled: (v ?? (Dt.count || 1)) <= 1,
+                        onClick: () => vo((v ?? (Dt.count || 1)) - 1),
                         children: "−"
                       }
                     ),
@@ -9038,7 +9038,7 @@ function pl({
                           inputMode: "numeric",
                           "aria-label": "Enter item count",
                           value: v ?? "",
-                          placeholder: String(Lt.count || 1),
+                          placeholder: String(Dt.count || 1),
                           className: "h-8 w-full rounded-md bg-[#f4f4f5] px-2 pr-8 text-center text-[12px] font-semibold tabular-nums text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
                           onChange: (h) => vo(h.currentTarget.value === "" ? null : Number(h.currentTarget.value))
                         }
@@ -9051,7 +9051,7 @@ function pl({
                         type: "button",
                         "aria-label": "Increase item count",
                         className: "h-8 rounded-md bg-[#f4f4f5] text-[16px] text-[#52525b] hover:bg-[#e9e9ee]",
-                        onClick: () => vo((v ?? (Lt.count || 1)) + 1),
+                        onClick: () => vo((v ?? (Dt.count || 1)) + 1),
                         children: "+"
                       }
                     )
@@ -9102,7 +9102,7 @@ function pl({
               Xe,
               {
                 title: "Content behavior",
-                action: /* @__PURE__ */ s("span", { className: "max-w-32 truncate text-[10px] text-[#71717a]", children: Pr ? oa(Pr.el) : bt }),
+                action: /* @__PURE__ */ s("span", { className: "max-w-32 truncate text-[10px] text-[#71717a]", children: Mr ? oa(Mr.el) : bt }),
                 children: /* @__PURE__ */ g("div", { className: "grid grid-cols-2 gap-1", children: [
                   /* @__PURE__ */ g(
                     "button",
@@ -9131,12 +9131,12 @@ function pl({
                 ] })
               }
             ),
-            vn.length > 0 && /* @__PURE__ */ s(Xe, { title: "State preview", children: /* @__PURE__ */ s("div", { className: `grid gap-1 ${vn.length >= 3 ? "grid-cols-4" : "grid-cols-3"}`, children: [
+            wn.length > 0 && /* @__PURE__ */ s(Xe, { title: "State preview", children: /* @__PURE__ */ s("div", { className: `grid gap-1 ${wn.length >= 3 ? "grid-cols-4" : "grid-cols-3"}`, children: [
               ["default", "Default"],
               ["selected", "Selected"],
               ["disabled", "Disabled"],
               ["loading", "Loading"]
-            ].filter(([h]) => h === "default" || vn.includes(h)).map(([h, y]) => /* @__PURE__ */ s(
+            ].filter(([h]) => h === "default" || wn.includes(h)).map(([h, y]) => /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
@@ -9229,7 +9229,7 @@ function pl({
                       "aria-label": `Fit all ${yt} items in one row`,
                       "aria-pressed": dc,
                       className: `w-full rounded-lg border px-3 py-2.5 text-left ${dc ? "border-[#7c3aed] bg-[#f5f3ff] text-[#5b21b6]" : "border-[#dedee3] bg-white text-[#27272a] hover:border-[#a78bfa] hover:bg-[#faf8ff]"}`,
-                      onClick: () => Ar(yt),
+                      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: [
@@ -9257,7 +9257,7 @@ function pl({
                       detail: `${Nt ?? yt} Columns`,
                       active: Ye === "grid" && Nt != null,
                       icon: /* @__PURE__ */ s(Do, { mode: "grid" }),
-                      action: () => Ar(Nt ?? yt)
+                      action: () => Rr(Nt ?? yt)
                     },
                     {
                       key: "auto",
@@ -9361,7 +9361,7 @@ function pl({
                           "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]"}`,
-                          onClick: () => Ar(h),
+                          onClick: () => Rr(h),
                           children: h
                         },
                         h
@@ -9372,7 +9372,7 @@ function pl({
                           label: "directly",
                           value: Nt,
                           min: 1,
-                          onCommit: (h) => Ar(Math.min(24, h))
+                          onCommit: (h) => Rr(Math.min(24, h))
                         }
                       )
                     ] })
@@ -9444,7 +9444,7 @@ function pl({
                           Ct,
                           {
                             label: "↕",
-                            value: Mr,
+                            value: Er,
                             onCommit: (h) => Ge("row-gap", `${h}px`)
                           }
                         ),
@@ -9452,9 +9452,9 @@ function pl({
                           "button",
                           {
                             type: "button",
-                            "aria-pressed": Er === "space-between",
-                            className: `h-7 rounded-md text-[9px] font-semibold ${Er === "space-between" ? "bg-[#e5f4ff] text-[#007be5]" : "bg-[#f4f4f5] text-[#52525b]"}`,
-                            onClick: () => Ge("justify-content", Er === "space-between" ? "flex-start" : "space-between"),
+                            "aria-pressed": kr === "space-between",
+                            className: `h-7 rounded-md text-[9px] font-semibold ${kr === "space-between" ? "bg-[#e5f4ff] text-[#007be5]" : "bg-[#f4f4f5] text-[#52525b]"}`,
+                            onClick: () => Ge("justify-content", kr === "space-between" ? "flex-start" : "space-between"),
                             children: "Space between"
                           }
                         )
@@ -9590,8 +9590,8 @@ function pl({
                     {
                       type: "button",
                       "aria-label": `Span ${h} columns`,
-                      "aria-pressed": ac === h && kr !== "1 / -1",
-                      className: `h-7 rounded-md text-[9px] font-semibold ${ac === h && kr !== "1 / -1" ? "bg-[#9747ff] text-white" : "bg-[#f4f4f5] text-[#52525b]"}`,
+                      "aria-pressed": ac === h && Ar !== "1 / -1",
+                      className: `h-7 rounded-md text-[9px] font-semibold ${ac === h && Ar !== "1 / -1" ? "bg-[#9747ff] text-white" : "bg-[#f4f4f5] text-[#52525b]"}`,
                       onClick: () => nt("grid-column", `span ${h}`),
                       children: h
                     },
@@ -9602,8 +9602,8 @@ function pl({
                     {
                       type: "button",
                       "aria-label": "Span all columns",
-                      "aria-pressed": kr === "1 / -1",
-                      className: `h-7 rounded-md text-[9px] font-semibold ${kr === "1 / -1" ? "bg-[#9747ff] text-white" : "bg-[#f4f4f5] text-[#52525b]"}`,
+                      "aria-pressed": Ar === "1 / -1",
+                      className: `h-7 rounded-md text-[9px] font-semibold ${Ar === "1 / -1" ? "bg-[#9747ff] text-white" : "bg-[#f4f4f5] text-[#52525b]"}`,
                       onClick: () => nt("grid-column", "1 / -1"),
                       children: "All"
                     }
@@ -9702,7 +9702,7 @@ function pl({
                   "button",
                   {
                     type: "button",
-                    disabled: Cr != null,
+                    disabled: $r != null,
                     className: "h-8 rounded-md bg-[#f4f4f5] text-[10px] font-semibold text-[#52525b] hover:bg-[#e9e9ee] disabled:text-[#c4c4c8]",
                     onClick: () => {
                       G.recordDuplicate(
@@ -9765,7 +9765,7 @@ function pl({
                   }
                 )
               ] }),
-              /* @__PURE__ */ s("p", { className: "mt-1.5 text-[9px] leading-relaxed text-[#71717a]", children: ji ? "Prop/text changes and structural changes cannot be applied together to the same source element. Please undo existing changes." : yn ? `${yn === "insert" ? "Duplicate" : yn === "remove" ? "Delete" : "Move"} is pending. Undo it before editing props or text.` : Cr ?? "Only direct siblings of the same parent can be duplicated, deleted, or moved. Only one structural change is staged to a parent at a time." })
+              /* @__PURE__ */ s("p", { className: "mt-1.5 text-[9px] leading-relaxed text-[#71717a]", children: ji ? "Prop/text changes and structural changes cannot be applied together to the same source element. Please undo existing changes." : vn ? `${vn === "insert" ? "Duplicate" : vn === "remove" ? "Delete" : "Move"} is pending. Undo it before editing props or text.` : $r ?? "Only direct siblings of the same parent can be duplicated, deleted, or moved. Only one structural change is staged to a parent at a time." })
             ] }),
             N === "item" && D && /* @__PURE__ */ g(Xe, { title: "Insert component", children: [
               /* @__PURE__ */ s(
@@ -9868,7 +9868,7 @@ function pl({
                 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" ? yx : xx).map(({ label: h, prop: y, tokenGroup: C }) => {
-                  const O = C ? pn[C] : [];
+                  const O = C ? mn[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(
@@ -9878,10 +9878,10 @@ function pl({
                         defaultValue: Jn.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" && bn(y, L.target.value);
+                          L.key === "Enter" && xn(y, L.target.value);
                         },
                         onBlur: (L) => {
-                          L.currentTarget.value !== Jn.getPropertyValue(y) && bn(y, L.currentTarget.value);
+                          L.currentTarget.value !== Jn.getPropertyValue(y) && xn(y, L.currentTarget.value);
                         }
                       },
                       `${Q}-${N}-${y}`
@@ -9893,7 +9893,7 @@ function pl({
                         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 && bn(y, `var(${L.target.value})`);
+                          L.target.value && xn(y, `var(${L.target.value})`);
                         },
                         children: [
                           /* @__PURE__ */ s("option", { value: "", children: "Token" }),
@@ -9945,7 +9945,7 @@ function pl({
                         "select",
                         {
                           "aria-label": `${h} prop`,
-                          disabled: yn != null,
+                          disabled: vn != null,
                           value: String(O),
                           className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-2 text-[11px] text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff] disabled:text-[#a1a1aa]",
                           onChange: (he) => G.recordProp(
@@ -9967,7 +9967,7 @@ function pl({
                         {
                           type: typeof y == "number" ? "number" : "text",
                           "aria-label": `${h} prop`,
-                          disabled: yn != null,
+                          disabled: vn != null,
                           defaultValue: String(O),
                           className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-2 text-[11px] text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff] disabled:text-[#a1a1aa]",
                           onKeyDown: (he) => {
@@ -9995,7 +9995,7 @@ function pl({
               "input",
               {
                 "aria-label": "Edit text",
-                disabled: yn != null,
+                disabled: vn != null,
                 defaultValue: D.textContent ?? "",
                 className: "h-8 w-full rounded-md bg-[#f4f4f5] px-2 text-[11px] text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff] disabled:text-[#a1a1aa]",
                 onKeyDown: (h) => {
@@ -10492,7 +10492,14 @@ const _x = He(function({ onClose: t }) {
           {
             ref: o,
             title: `Application preview ${r.route}`,
-            src: `${n}${r.route}`,
+            src: pr(
+              n,
+              r.route ?? "",
+              Tt(
+                Kt(),
+                pn(r, !0)
+              )
+            ),
             className: "h-full w-full border-0 bg-white"
           }
         ),
@@ -11268,7 +11275,7 @@ function wl({
           "aria-label": `${e} variants ${o ? "Collapse" : "Expand"}`,
           className: "flex h-4 w-4 shrink-0 items-center justify-center text-[#999]",
           onClick: () => i((l) => !l),
-          children: /* @__PURE__ */ s(Qr, { open: o })
+          children: /* @__PURE__ */ s(Zr, { open: o })
         }
       ),
       /* @__PURE__ */ g(
@@ -11924,7 +11931,7 @@ const vy = He(function() {
 });
 let sa = null;
 const aa = /* @__PURE__ */ new Set();
-function $n(e) {
+function Pn(e) {
   if (!Object.is(sa, e)) {
     sa = e;
     for (const t of aa) t();
@@ -12285,7 +12292,7 @@ function rf(e, t) {
     unplacedFrames: X
   };
 }
-function Wr({
+function Hr({
   frame: e,
   label: t,
   onSelectFrame: n
@@ -12340,7 +12347,7 @@ function Fy({
     /* @__PURE__ */ s("span", { children: t })
   ] });
 }
-function In({
+function Cn({
   label: e,
   count: t,
   defaultOpen: n = !1,
@@ -12589,7 +12596,7 @@ function Ly({
         ) : null,
         /* @__PURE__ */ g("div", { className: "mt-2 flex flex-col gap-2", children: [
           e.startFrameIds.length > 0 && /* @__PURE__ */ s(
-            In,
+            Cn,
             {
               label: "Starts",
               count: e.startFrameIds.length,
@@ -12597,7 +12604,7 @@ function Ly({
               children: e.startFrameIds.map((S) => {
                 const $ = c.get(S);
                 return $ ? /* @__PURE__ */ s(
-                  Wr,
+                  Hr,
                   {
                     frame: $,
                     onSelectFrame: t
@@ -12607,10 +12614,10 @@ function Ly({
               })
             }
           ),
-          e.branchFrameIds.length > 0 && /* @__PURE__ */ s(In, { label: "Branches", count: e.branchFrameIds.length, children: e.branchFrameIds.map((S) => {
+          e.branchFrameIds.length > 0 && /* @__PURE__ */ s(Cn, { label: "Branches", count: e.branchFrameIds.length, children: e.branchFrameIds.map((S) => {
             const $ = c.get(S);
             return $ ? /* @__PURE__ */ s(
-              Wr,
+              Hr,
               {
                 frame: $,
                 label: `${$.name} · ${$.branchTargetFrameIds.length} targets`,
@@ -12619,7 +12626,7 @@ function Ly({
               S
             ) : null;
           }) }),
-          e.canonicalGroups.length > 0 && /* @__PURE__ */ s(In, { label: "Canonical", count: e.canonicalGroups.length, children: e.canonicalGroups.map((S) => {
+          e.canonicalGroups.length > 0 && /* @__PURE__ */ s(Cn, { label: "Canonical", count: e.canonicalGroups.length, children: e.canonicalGroups.map((S) => {
             const $ = S.canonicalFrameId ? c.get(S.canonicalFrameId) : void 0;
             return /* @__PURE__ */ g(
               "div",
@@ -12628,7 +12635,7 @@ function Ly({
                 title: `${S.aliasScreenIds.length} aliases`,
                 children: [
                   $ ? /* @__PURE__ */ s(
-                    Wr,
+                    Hr,
                     {
                       frame: $,
                       label: S.canonicalScreenId,
@@ -12645,7 +12652,7 @@ function Ly({
             );
           }) }),
           e.sharedSources.length > 0 && /* @__PURE__ */ s(
-            In,
+            Cn,
             {
               label: "Shared sources",
               count: e.sharedSources.length,
@@ -12665,7 +12672,7 @@ function Ly({
                 /* @__PURE__ */ s("div", { className: "flex flex-col", children: S.frameIds.map(($) => {
                   const R = c.get($);
                   return R ? /* @__PURE__ */ s(
-                    Wr,
+                    Hr,
                     {
                       frame: R,
                       onSelectFrame: t
@@ -12677,7 +12684,7 @@ function Ly({
             }
           ),
           x.length > 0 && /* @__PURE__ */ s(
-            In,
+            Cn,
             {
               label: "Used by",
               count: x.length,
@@ -12730,7 +12737,7 @@ function Ly({
             }
           ),
           w.length > 0 && /* @__PURE__ */ s(
-            In,
+            Cn,
             {
               label: "Not traced yet",
               count: w.length,
@@ -12748,7 +12755,7 @@ function Ly({
             }
           ),
           e.unplacedFrames.length > 0 && /* @__PURE__ */ s(
-            In,
+            Cn,
             {
               label: "Unplaced",
               count: e.unplacedFrames.length,
@@ -12765,9 +12772,9 @@ function Ly({
               ))
             }
           ),
-          e.warnings.length > 0 && /* @__PURE__ */ g(In, { label: "Warnings", count: e.warnings.length, children: [
+          e.warnings.length > 0 && /* @__PURE__ */ g(Cn, { label: "Warnings", count: e.warnings.length, children: [
             b.map((S) => /* @__PURE__ */ s(
-              Wr,
+              Hr,
               {
                 frame: S,
                 label: `${S.name} · ${S.warnings.length}`,
@@ -12827,7 +12834,7 @@ const zy = ed(function e({ node: t, depth: n }) {
                 onClick: (d) => {
                   d.stopPropagation(), f.toggleCollapsed(t.id);
                 },
-                children: /* @__PURE__ */ s(Qr, { open: !o })
+                children: /* @__PURE__ */ s(Zr, { open: !o })
               }
             ),
             /* @__PURE__ */ s(Dy, { type: t.type }),
@@ -13326,21 +13333,21 @@ function Ky(e) {
     message: `no "${e.componentName}" instance in the imported tree`
   };
 }
-const Zr = /* @__PURE__ */ new Map();
+const eo = /* @__PURE__ */ new Map();
 function Uy(e) {
-  Zr.clear();
+  eo.clear();
   for (const t of e) {
     if (t.kind === "behavior" || t.kind === "todo") continue;
-    const n = Zr.get(t.screenId) ?? [];
-    n.push(t), Zr.set(t.screenId, n);
+    const n = eo.get(t.screenId) ?? [];
+    n.push(t), eo.set(t.screenId, n);
   }
 }
 function qy(e) {
-  return Zr.get(e) ?? [];
+  return eo.get(e) ?? [];
 }
 function Yy(e, t, n) {
   const r = [];
-  for (const o of Zr.get(e) ?? [])
+  for (const o of eo.get(e) ?? [])
     o.kind === "component-state" && o.componentName === t && o.prop === n && r.push(o.scenarioId);
   return r;
 }
@@ -14224,8 +14231,8 @@ function bv({ mode: e }) {
 const xv = He(function({ page: t }) {
   Je(
     za,
-    yr,
-    yr
+    vr,
+    vr
   );
   const n = t.route == null, r = (b) => f.patchPage(t.id, b), o = gv(t), i = (b) => {
     const x = { ...t.root.domStyle };
@@ -15027,7 +15034,7 @@ function Av(e, t = {}) {
   }
   return { run: w, cancel: v };
 }
-const Fl = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Rv = 600, cn = 200, Yt = 280, Tv = 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)]", Hr = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
+const Fl = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Rv = 600, cn = 200, Gt = 280, Tv = 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 Fn({
   icon: e,
   label: t,
@@ -15074,8 +15081,8 @@ const Fv = He(function({
   );
   Je(
     za,
-    yr,
-    yr
+    vr,
+    vr
   );
   const l = Je(
     tf,
@@ -15101,11 +15108,11 @@ const Fv = He(function({
     if (xe.id === f.activePageId) return 1;
     const ne = (F.canvas ?? "default") === f.activeCanvas, Pe = (xe.canvas ?? "default") === f.activeCanvas;
     return ne !== Pe ? ne ? -1 : 1 : 0;
-  }), b = m.map((F) => _t(F, a)), x = [
+  }), b = m.map((F) => Ot(F, a)), x = [
     ...new Set(
       m.flatMap((F) => [
-        _t(F, a),
-        _t(
+        Ot(F, a),
+        Ot(
           F,
           a,
           F.authoredFrameSize ?? {
@@ -15132,7 +15139,7 @@ const Fv = He(function({
     if (!t || !$ || typeof document > "u") return;
     const F = Wn();
     if (!F) return;
-    const xe = Xt(), ne = n.current, Pe = ne ? {
+    const xe = Kt(), ne = n.current, Pe = ne ? {
       panX: f.panX,
       panY: f.panY,
       zoom: f.zoom,
@@ -15141,13 +15148,13 @@ const Fv = He(function({
     } : null, B = new Map(f.pages.map((_) => [_.id, _])), Ie = [];
     for (const _ of f.pages) {
       if (_.route == null || _.layersImported || fo(_.importPageId ?? _.id)) continue;
-      const ue = _t(_, a), je = _.width ?? 390, ie = dn(_), Oe = (((Z = _.interactions) == null ? void 0 : Z.length) ?? 0) > 0, Se = _.importPageId ?? _.id, We = Va(
+      const ue = Ot(_, a), je = _.width ?? 390, ie = dn(_), Oe = (((Z = _.interactions) == null ? void 0 : Z.length) ?? 0) > 0, Se = _.importPageId ?? _.id, We = Va(
         {
           canonicalId: Se,
           route: _.route,
           width: _.width,
           height: _.height,
-          environment: Pn(_),
+          environment: pn(_),
           preset: _.preset,
           interactions: _.interactions,
           assertions: _.assertions
@@ -15164,7 +15171,7 @@ const Fv = He(function({
         }) ? ja({
           origin: c,
           route: _.route,
-          environment: Pn(_),
+          environment: pn(_),
           width: je,
           height: ie
         }) : null,
@@ -15183,12 +15190,12 @@ const Fv = He(function({
       leaseInstance: async (_) => {
         const ue = B.get(_.pageId);
         if (!ue || ue.route == null) return null;
-        const je = ue.width ?? 390, ie = dn(ue), Oe = eo(
+        const je = ue.width ?? 390, ie = dn(ue), Oe = pr(
           c,
           ue.route,
-          Ht(
+          Tt(
             xe,
-            Pn(ue)
+            pn(ue)
           )
         );
         if (_.groupKey != null) {
@@ -15213,13 +15220,13 @@ const Fv = He(function({
         try {
           await new Promise((re, Ne) => {
             const Fe = () => {
-              Se.removeEventListener("load", Be), Se.removeEventListener("error", Ft);
+              Se.removeEventListener("load", Be), Se.removeEventListener("error", Lt);
             }, Be = () => {
               Fe(), re();
-            }, Ft = () => {
+            }, Lt = () => {
               Fe(), Ne(new Error(`The sweep preview failed to load ${Oe}.`));
             };
-            Se.addEventListener("load", Be), Se.addEventListener("error", Ft), Se.src = Oe;
+            Se.addEventListener("load", Be), Se.addEventListener("error", Lt), Se.src = Oe;
           });
         } catch (re) {
           throw Se.remove(), re;
@@ -15266,7 +15273,7 @@ const Fv = He(function({
           (ue) => ue.id === f.activePageId
         );
         return !_ || _.route == null ? !1 : _.importLayers && !_.layersImported ? !0 : !_.layersImported && !Yn(
-          _t(_, a)
+          Ot(_, a)
         );
       }
     });
@@ -15310,7 +15317,7 @@ const Fv = He(function({
   ]);
   const [T, j] = q(!1), [E, z] = q(null), [X, M] = q("layers"), [W, J] = q("story"), [U, Me] = q(null), oe = Object.keys(Qe()), pe = f.canAddFrame, te = f.editMode, se = (F) => {
     f.setTool(F), Me(null);
-  }, [P, k] = q(!0), [I, V] = q(!0), [le, ve] = q(Yt), [Ee, me] = q(Yt), De = Ce(!1), ze = (F) => {
+  }, [P, k] = q(!0), [I, V] = q(!0), [le, ve] = q(Gt), [Ee, me] = q(Gt), De = Ce(!1), ze = (F) => {
     const xe = f.pages.find((we) => we.id === F), ne = n.current;
     if (!xe || !ne) {
       f.selectFrame(F);
@@ -15786,10 +15793,10 @@ const Fv = He(function({
                       {
                         type: "button",
                         "aria-label": "Default left panel width",
-                        "aria-pressed": le === Yt,
-                        title: `Default width · ${Yt}px`,
-                        className: `h-5 rounded px-1.5 text-[8px] font-semibold ${le === Yt ? "bg-white text-[#333] shadow-sm" : "text-[#888] hover:text-[#333]"}`,
-                        onClick: () => ve(Yt),
+                        "aria-pressed": le === Gt,
+                        title: `Default width · ${Gt}px`,
+                        className: `h-5 rounded px-1.5 text-[8px] font-semibold ${le === Gt ? "bg-white text-[#333] shadow-sm" : "text-[#888] hover:text-[#333]"}`,
+                        onClick: () => ve(Gt),
                         children: "Default"
                       }
                     )
@@ -15992,10 +15999,10 @@ const Fv = He(function({
                 {
                   type: "button",
                   "aria-label": "Default right panel width",
-                  "aria-pressed": Ee === Yt,
-                  title: `Default panel width · ${Yt}px`,
-                  className: `flex h-5 w-5 items-center justify-center rounded text-[10px] ${Ee === Yt ? "bg-[#f2f2f2] text-[#333]" : "text-[#999] hover:bg-[#f5f5f5]"}`,
-                  onClick: () => me(Yt),
+                  "aria-pressed": Ee === Gt,
+                  title: `Default panel width · ${Gt}px`,
+                  className: `flex h-5 w-5 items-center justify-center rounded text-[10px] ${Ee === Gt ? "bg-[#f2f2f2] text-[#333]" : "text-[#999] hover:bg-[#f5f5f5]"}`,
+                  onClick: () => me(Gt),
                   children: "↔"
                 }
               ),
@@ -16075,7 +16082,7 @@ const Fv = He(function({
                 type: "button",
                 title: f.tool === "hand" ? "Hand Tool (H)" : f.tool === "zoom" ? "Zoom in/out (K)" : "Move (V)",
                 "aria-label": "Cursor tool",
-                className: Hr(f.tool === "select" || f.tool === "hand" || f.tool === "zoom"),
+                className: Vr(f.tool === "select" || f.tool === "hand" || f.tool === "zoom"),
                 onClick: () => se(f.tool === "hand" || f.tool === "zoom" ? f.tool : "select"),
                 children: f.tool === "hand" ? /* @__PURE__ */ s(Xc, { size: 15 }) : f.tool === "zoom" ? /* @__PURE__ */ s(Jc, { size: 15 }) : /* @__PURE__ */ s(Gc, { size: 15 })
               }
@@ -16087,7 +16094,7 @@ const Fv = He(function({
                 "aria-label": "Select Cursor Tool",
                 className: "flex h-9 w-4 items-center justify-center rounded text-[#999] hover:text-[#333]",
                 onClick: () => Me(U === "cursor" ? null : "cursor"),
-                children: /* @__PURE__ */ s(Qr, { size: 8, open: U === "cursor" })
+                children: /* @__PURE__ */ s(Zr, { size: 8, open: U === "cursor" })
               }
             ),
             U === "cursor" && /* @__PURE__ */ g("div", { className: ps, children: [
@@ -16103,7 +16110,7 @@ const Fv = He(function({
                 type: "button",
                 title: "Section (⇧S)",
                 "aria-label": "Section tool",
-                className: Hr(f.tool === "section"),
+                className: Vr(f.tool === "section"),
                 onClick: () => se(f.tool === "section" ? "select" : "section"),
                 children: f.tool === "section" ? /* @__PURE__ */ s(hi, { size: 15 }) : /* @__PURE__ */ s(Zs, { size: 15 })
               }
@@ -16115,7 +16122,7 @@ const Fv = He(function({
                 "aria-label": "Select frame/section",
                 className: "flex h-9 w-4 items-center justify-center rounded text-[#999] hover:text-[#333]",
                 onClick: () => Me(U === "frame" ? null : "frame"),
-                children: /* @__PURE__ */ s(Qr, { size: 8, open: U === "frame" })
+                children: /* @__PURE__ */ s(Zr, { size: 8, open: U === "frame" })
               }
             ),
             U === "frame" && /* @__PURE__ */ g("div", { className: ps, children: [
@@ -16142,7 +16149,7 @@ const Fv = He(function({
                 title: te ? "Add Rows (F)" : zn,
                 "aria-label": "Add Rows",
                 disabled: !te,
-                className: `${Hr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
+                className: `${Vr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
                 onClick: () => f.addNode("rows"),
                 children: /* @__PURE__ */ s(pi, { size: 15 })
               }
@@ -16154,7 +16161,7 @@ const Fv = He(function({
                 "aria-label": "Placement Selection",
                 className: "flex h-9 w-4 items-center justify-center rounded text-[#999] hover:text-[#333]",
                 onClick: () => Me(U === "layout" ? null : "layout"),
-                children: /* @__PURE__ */ s(Qr, { size: 8, open: U === "layout" })
+                children: /* @__PURE__ */ s(Zr, { size: 8, open: U === "layout" })
               }
             ),
             U === "layout" && /* @__PURE__ */ g("div", { className: ps, children: [
@@ -16190,7 +16197,7 @@ const Fv = He(function({
               title: te ? "Add Text (T)" : zn,
               "aria-label": "Add text",
               disabled: !te,
-              className: `${Hr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
+              className: `${Vr(!1)} disabled:cursor-not-allowed disabled:text-[#c9c9c9] disabled:hover:bg-transparent`,
               onClick: () => f.addNode("text"),
               children: /* @__PURE__ */ s($u, { size: 15 })
             }
@@ -16202,7 +16209,7 @@ const Fv = He(function({
                 type: "button",
                 title: "Add component",
                 "aria-label": "Add component",
-                className: Hr(U === "palette"),
+                className: Vr(U === "palette"),
                 onClick: () => Me(U === "palette" ? null : "palette"),
                 children: /* @__PURE__ */ s(oo, { size: 15 })
               }
@@ -16277,10 +16284,10 @@ function _v(e, t, n, r = Lv) {
       order: a,
       target: {
         key: d,
-        url: eo(
+        url: pr(
           t,
           i.route ?? "",
-          Ht(n, i.environment)
+          Tt(n, i.environment)
         ),
         width: c,
         height: l
@@ -16717,7 +16724,7 @@ function Dl(e) {
 function qv(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
-function Tt(e) {
+function Ft(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return null;
   let n = t;
@@ -16729,7 +16736,7 @@ function Tt(e) {
   return n = n.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), n.startsWith("/") || (n = `/${n}`), n.length > 1 && (n = n.replace(/\/+$/, "")), n || "/";
 }
 function cf(e) {
-  const t = Tt(e);
+  const t = Ft(e);
   if (!t)
     throw new Error("A storyboard source route must be a non-empty path.");
   return `source-route:${encodeURIComponent(t)}`;
@@ -16749,7 +16756,7 @@ function oc(e, t) {
   return o === r.length;
 }
 function zl(e, t, n) {
-  const r = Tt(e);
+  const r = Ft(e);
   if (!r) return [];
   const o = t.get(r);
   return o && !/[:*]/.test(r) ? [
@@ -16766,7 +16773,7 @@ function Yv(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e ?? []) {
-    const o = Tt(r.path);
+    const o = Ft(r.path);
     !o || t.has(o) || t.set(o, {
       id: cf(o),
       name: o,
@@ -16801,17 +16808,17 @@ function Gv(e, t, n, r) {
   });
 }
 function Xv(e, t, n) {
-  const r = Tt(e.route);
+  const r = Ft(e.route);
   if (!r) return [];
   const o = t.filter(
     (c) => {
-      const l = Tt(c.route);
+      const l = Ft(c.route);
       return l ? oc(l, r) : !1;
     }
   );
   if (!o.length) return [];
   const i = Dl(
-    Ht(n, e.environment)
+    Tt(n, e.environment)
   ), a = o.filter(
     (c) => Dl(c.environment) === i
   );
@@ -16866,7 +16873,7 @@ function zi(e, t) {
 function Qv(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const r = Tt(n.route);
+    const r = Ft(n.route);
     if (!r) continue;
     const o = t.get(r);
     o ? o.push(n) : t.set(r, [n]);
@@ -16881,7 +16888,7 @@ function Qv(e) {
 function Zv(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const r = Tt(n.route);
+    const r = Ft(n.route);
     if (!r) continue;
     const o = t.get(r);
     o ? o.push(n.id) : t.set(r, [n.id]);
@@ -16918,14 +16925,14 @@ function tw(e, t) {
 function nw(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
-    const o = Tt(r.route);
+    const o = Ft(r.route);
     if (!o) continue;
     const i = `${o}\0${lf(r).join("
")}`, a = n.get(i);
     a ? a.push(r) : n.set(i, [r]);
   }
   return [...n.values()].flatMap((r) => {
     if (r.length < 2) return [];
-    const o = Tt(r[0].route), i = t.get(o), a = r.find((c) => c.id === i) ?? [...r].sort(zi)[0];
+    const o = Ft(r[0].route), i = t.get(o), a = r.find((c) => c.id === i) ?? [...r].sort(zi)[0];
     return r.filter((c) => c.id !== a.id).sort((c, l) => c.id.localeCompare(l.id)).map((c) => ({
       id: `discovery-variant:${encodeURIComponent(a.id)}:${encodeURIComponent(c.id)}`,
       from: a.id,
@@ -16937,7 +16944,7 @@ function nw(e, t) {
 function rw(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
-    const o = Tt(r.route);
+    const o = Ft(r.route);
     if (!o) continue;
     const i = n.get(o);
     i ? i.push(r) : n.set(o, [r]);
@@ -16996,7 +17003,7 @@ function ow(e) {
   return [...t.values()].flatMap((r) => {
     const o = r[0], i = /* @__PURE__ */ new Map();
     for (const a of r) {
-      const c = Tt(a.route);
+      const c = Ft(a.route);
       if (!c) continue;
       const l = i.get(c);
       l ? l.push(a) : i.set(c, [a]);
@@ -17018,10 +17025,10 @@ function ow(e) {
 }
 function iw(e, t, n) {
   const r = new Set(
-    (t.routes ?? []).map((o) => Tt(o.path)).filter((o) => !!o)
+    (t.routes ?? []).map((o) => Ft(o.path)).filter((o) => !!o)
   );
   return e.map((o) => {
-    const i = Tt(o.route);
+    const i = Ft(o.route);
     if (!i || n.get(i) !== o.id)
       return o;
     const a = [...r].filter(
@@ -17165,12 +17172,12 @@ async function uf(e) {
   };
 }
 async function Gw(e) {
-  $n(null);
+  Pn(null);
   try {
     const t = await uf(e);
-    return $n(t.graph), t;
+    return Pn(t.graph), t;
   } catch (t) {
-    throw $n(null), t;
+    throw Pn(null), t;
   }
 }
 const wi = "var(--pygmalion-catalog-surface, #ffffff)", Si = "var(--pygmalion-catalog-canvas, #f5f5f5)", da = "var(--pygmalion-catalog-border, #e5e7eb)", Ni = "var(--pygmalion-catalog-text, #202124)", At = "var(--pygmalion-catalog-muted, #6b7280)", cw = "var(--pygmalion-catalog-header, #11182f)", lw = "var(--pygmalion-catalog-accent, #7c6cf2)";
@@ -18010,7 +18017,7 @@ function Aw(e, t) {
     return jo.set(t, r), r;
   }
 }
-async function Gt(e) {
+async function Xt(e) {
   const t = await e.json();
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
@@ -18062,13 +18069,13 @@ function n0(e = {}) {
             } : {},
             ...I || ve ? {} : xs()
           });
-          let me = await Gt(Ee);
+          let me = await Xt(Ee);
           if (I || (me = await Nw({
             initial: me,
-            fetchStatus: async () => Gt(
+            fetchStatus: async () => Xt(
               await o(`${a}/status`, xs())
             ),
-            requestResync: async () => Gt(
+            requestResync: async () => Xt(
               await o(`${a}/refresh`, {
                 method: "POST",
                 ...xs(mf)
@@ -18076,7 +18083,7 @@ function n0(e = {}) {
             )
           })), me.state !== "ready" || !me.appOrigin || !me.commit)
             throw new Error(me.error ?? "Pygmalion could not prepare the source preview");
-          const De = await Gt(
+          const De = await Xt(
             await o(`${c}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
@@ -18087,7 +18094,7 @@ function n0(e = {}) {
             throw new Error(De.error ?? "Pygmalion could not open the design session");
           let ze = De.session;
           if (ze.branchName) {
-            const Ue = await Gt(
+            const Ue = await Xt(
               await o(`${c}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
@@ -18117,7 +18124,7 @@ function n0(e = {}) {
     [o, a, c, b]
   ), E = St(async () => {
     try {
-      const I = await Gt(
+      const I = await Xt(
         await o(`${a}/refs`)
       ), V = {
         refs: I.refs ?? [],
@@ -18144,7 +18151,7 @@ function n0(e = {}) {
       const V = T.current;
       if (V && (V.sessionId !== v.id || V.baseDevSha !== v.baseDevSha || V.revision !== v.revision || V.fingerprint !== JSON.stringify(I)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const le = await Gt(
+      const le = await Xt(
         await o(`${c}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -18194,7 +18201,7 @@ function n0(e = {}) {
       var me;
       if (!v) throw new Error("Pygmalion design session is not ready");
       T.current = null;
-      const V = await Gt(
+      const V = await Xt(
         await o(`${c}/preview-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -18248,7 +18255,7 @@ function n0(e = {}) {
   ), W = St(
     async (I) => {
       if (I.length === 0) return { files: [] };
-      const V = await Gt(
+      const V = await Xt(
         await o(`${l}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -18263,7 +18270,7 @@ function n0(e = {}) {
   ), J = St(async () => {
     if (!(v != null && v.canRevert) || !v.headSha)
       throw new Error("There are no reversible changes applied");
-    const I = await Gt(
+    const I = await Xt(
       await o(`${c}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
@@ -18571,7 +18578,7 @@ function c0({
       fingerprint: Va(
         Z,
         Pe,
-        Xt()
+        Kt()
       )
     })),
     [ne, Pe, me]
@@ -18583,8 +18590,8 @@ function c0({
       route: Z.route,
       width: Z.width ?? 390,
       height: Z.height ?? 600,
-      environment: Ht(
-        Xt(),
+      environment: Tt(
+        Kt(),
         Z.environment
       ),
       preset: Z.preset,
@@ -18598,7 +18605,7 @@ function c0({
       namespace: m ?? "",
       previewRevision: Pe,
       appOrigin: B,
-      baselineEnvironment: Xt(),
+      baselineEnvironment: Kt(),
       allowStaleIdentity: !!x,
       allowMatchingFrameIdentity: De != null,
       pages: ne.map((Z, _) => {
@@ -18637,7 +18644,7 @@ function c0({
         namespace: m,
         previewRevision: p,
         appOrigin: Qt(),
-        baselineEnvironment: Xt(),
+        baselineEnvironment: Kt(),
         allowStaleIdentity: !0,
         allowMatchingFrameIdentity: !0,
         pages: ne.map((re, Ne) => {
@@ -18664,16 +18671,16 @@ function c0({
       const re = await ie(Ae, !0, We.signal);
       if (re.status === "accepted") {
         je(re.artifact);
-        const Ft = new Set(((Ne = re.frameResolution) == null ? void 0 : Ne.exact) ?? []);
-        if (Ae.every((pn) => Ft.has(pn.id)))
+        const Lt = new Set(((Ne = re.frameResolution) == null ? void 0 : Ne.exact) ?? []);
+        if (Ae.every((mn) => Lt.has(mn.id)))
           return { status: "accepted" };
-        const qt = [
+        const Yt = [
           ...((Fe = re.frameResolution) == null ? void 0 : Fe.missing) ?? [],
           ...((Be = re.frameResolution) == null ? void 0 : Be.stale) ?? []
         ];
         return {
           status: "unavailable",
-          message: qt.length ? `The exact preview endpoint did not return a current capture for ${qt.join(", ")}.` : "The exact preview endpoint returned no current capture."
+          message: Yt.length ? `The exact preview endpoint did not return a current capture for ${Yt.join(", ")}.` : "The exact preview endpoint returned no current capture."
         };
       }
       return re.status === "rejected" ? {
@@ -18703,7 +18710,7 @@ function c0({
         return Be !== "generating" && Be !== "exact";
       });
       (async () => {
-        var qt, pn, mn;
+        var Yt, mn, gn;
         const Ne = we.current.slice(
           0,
           Ie.current.length
@@ -18722,7 +18729,7 @@ function c0({
         );
         const Be = re(
           Ae.filter((qe) => !Fe.has(qe.id))
-        ), Ft = [];
+        ), Lt = [];
         for (const qe of jc(
           Be
         )) {
@@ -18735,14 +18742,14 @@ function c0({
           });
           if (Z.signal.aborted) return;
           if (Le.status === "accepted") {
-            Ft.push(
+            Lt.push(
               ...Oe(qe, Le.resolution.exact)
             );
-            const gn = Oe(qe, [
+            const bn = Oe(qe, [
               ...Le.resolution.missing,
               ...Le.resolution.stale
             ]);
-            vt(re(gn), {
+            vt(re(bn), {
               status: "outdated",
               message: "Select this frame to generate the exact preview."
             });
@@ -18759,7 +18766,7 @@ function c0({
           });
         }
         for (const qe of jc(
-          re(Ft)
+          re(Lt)
         )) {
           const Le = await ie(
             qe,
@@ -18769,14 +18776,14 @@ function c0({
           if (Z.signal.aborted) return;
           if (Le.status === "accepted") {
             je(Le.artifact), vt(
-              Oe(qe, ((qt = Le.frameResolution) == null ? void 0 : qt.exact) ?? []),
+              Oe(qe, ((Yt = Le.frameResolution) == null ? void 0 : Yt.exact) ?? []),
               { status: "exact" }
             );
-            const gn = Oe(qe, [
-              ...((pn = Le.frameResolution) == null ? void 0 : pn.missing) ?? [],
-              ...((mn = Le.frameResolution) == null ? void 0 : mn.stale) ?? []
+            const bn = Oe(qe, [
+              ...((mn = Le.frameResolution) == null ? void 0 : mn.missing) ?? [],
+              ...((gn = Le.frameResolution) == null ? void 0 : gn.stale) ?? []
             ]);
-            vt(re(gn), {
+            vt(re(bn), {
               status: "outdated",
               message: "Select this frame to generate the exact preview."
             });
@@ -18817,11 +18824,11 @@ function c0({
   ]), ce(() => {
     let Z = !0;
     if (!I)
-      return Fr(void 0), Lr(null), $n(null), Ee(le), () => {
+      return Lr(void 0), Dr(null), Pn(null), Ee(le), () => {
         Z = !1;
       };
     const _ = new AbortController();
-    return Fr(void 0), Lr(null), $n(null), uf({
+    return Lr(void 0), Dr(null), Pn(null), uf({
       endpoint: V,
       signal: _.signal,
       pages: f.pages.map((ue) => ({
@@ -18832,13 +18839,13 @@ function c0({
       assets: (l == null ? void 0 : l.getAssets("screens")) ?? [],
       storyboard: k
     }).then((ue) => {
-      Z && (Fr(ue.baselineEnvironment), Lr(ue.manifest.routes ?? null), $n(ue.graph));
+      Z && (Lr(ue.baselineEnvironment), Dr(ue.manifest.routes ?? null), Pn(ue.graph));
     }).catch(() => {
-      Z && (Fr(void 0), Lr(null), $n(null));
+      Z && (Lr(void 0), Dr(null), Pn(null));
     }).finally(() => {
       Z && Ee(le);
     }), () => {
-      Z = !1, _.abort(), Fr(void 0), Lr(null), $n(null);
+      Z = !1, _.abort(), Lr(void 0), Dr(null), Pn(null);
     };
   }, [
     l,
@@ -18859,7 +18866,7 @@ function c0({
       editor: f,
       getPages: () => f.pages,
       appOrigin: Z,
-      baselineEnvironment: Xt()
+      baselineEnvironment: Kt()
     });
   }, [u, me, p]), /* @__PURE__ */ s(Fv, { previewIdentityReady: me });
 }
@@ -18899,7 +18906,7 @@ export {
   rf as createStoryboardGraphViewModel,
   jv as createStoryboardPathEdges,
   cf as createStoryboardRouteScenarioId,
-  eo as createStoryboardRouteUrl,
+  pr as createStoryboardRouteUrl,
   dw as designCatalogKey,
   ff as designCatalogRegistryName,
   Qg as enumerateControlCandidates,
@@ -18919,14 +18926,14 @@ export {
   Im as getPreviewEnvironmentControls,
   Pm as getPreviewEnvironmentOverride,
   ba as getRecommendedPygmalionPreviewConcurrency,
-  Xt as getStoryboardBaselineEnvironment,
+  Kt as getStoryboardBaselineEnvironment,
   df as getStoryboardDiscoveryBaselineEnvironment,
   co as getStoryboardGraph,
   nb as getSurfaceClassifications,
   sf as getViewportPresets,
   uf as loadStoryboardDiscovery,
   b0 as mergeScreenPresets,
-  Ht as mergeStoryboardEnvironment,
+  Tt as mergeStoryboardEnvironment,
   Gw as publishStoryboardDiscovery,
   i0 as pygmalionNavigate,
   s0 as pygmalionOpenPreview,
@@ -18946,8 +18953,8 @@ export {
   op as setPygmalionAppOrigin,
   Od as setPygmalionPreviewConcurrency,
   ip as setPygmalionPreviewRevision,
-  Fr as setStoryboardBaselineEnvironment,
-  $n as setStoryboardGraph,
+  Lr as setStoryboardBaselineEnvironment,
+  Pn as setStoryboardGraph,
   tb as setSurfaceClassifications,
   px as setTokens,
   By as setViewportPresets,