@pygmalionjs/pygmalion 0.6.4 → 0.6.5

package/dist-lib/pygmalion.js

@@ -2,8 +2,8 @@ var Bh = Object.defineProperty;
 var Wh = (e, t, n) => t in e ? Bh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var yn = (e, t, n) => Wh(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as a, jsxs as g, Fragment as He } from "react/jsx-runtime";
-import { R as ci, u as Hh, b as Uh, c as Ta, d as Pd, g as at, f as Vh, m as Ot, e as f, h as _t, r as un, i as As, j as Zn, k as Fa, l as Cn, n as Md, o as Sr, p as qh, q as mr, t as Be, v as Kh, w as Yh, x as Gh, y as Xh, z as Jh, A as Qh, B as Zh, C as ks, D as ep, E as tp, G as np, H as rp, I as op, J as ip, S as sp, K as ap, L as $d, M as cp, O as Rs, P as lp, Q as dp, T as up, U as fp, V as hp, W as Vc, X as qc, Y as Ed, Z as Ad, _ as pp, $ as Kc, a0 as mp, a1 as kd, a2 as gp, a3 as bp, a4 as xp, a5 as yp, a6 as vp, a7 as wp, a8 as Rd, a9 as Sp, aa as Np, ab as Z, ac as Yc, ad as Gc, ae as Ip, af as as, ag as Cp, ah as Yo, ai as Ts, aj as Pp, ak as Td, al as Mp, am as $p, an as Ep, s as Ap, ao as Fd, ap as li, aq as kp, ar as Rp, as as _d, at as Ld, au as Fs, av as zd, aw as Tp, ax as Fp, ay as Xc, az as _p, aA as Lp, aB as Jc, aC as zp, aD as Dp, aE as Op, aF as jp, aG as Bp, aH as Wp, aI as Hp, aJ as Up, aK as Vp, aL as qp, aM as Kp, aN as Yp, a as Gp, aO as Xp, aP as Jp, aQ as Qp, aR as Zp, aS as em, aT as tm, aU as nm, aV as rm, aW as om, aX as im, aY as sm, aZ as am, a_ as cm, a$ as Kr, b0 as Qc, b1 as lm, b2 as dm, b3 as um, b4 as fm, b5 as Zc } from "./FrozenRoutePreview-V9-gxIyv.js";
-import { b6 as vS, b7 as wS, b8 as SS, b9 as NS, ba as IS, bb as CS, bc as PS, bd as MS, be as $S, bf as ES, bg as AS, bh as kS, bi as RS, bj as TS, bk as FS, bl as _S, bm as LS } from "./FrozenRoutePreview-V9-gxIyv.js";
+import { R as ci, u as Hh, b as Uh, c as Ta, d as Pd, g as at, f as Vh, m as Ot, e as f, h as _t, r as un, i as As, j as Zn, k as Fa, l as Cn, n as Md, o as Sr, p as qh, q as mr, t as Be, v as Kh, w as Yh, x as Gh, y as Xh, z as Jh, A as Qh, B as Zh, C as ks, D as ep, E as tp, G as np, H as rp, I as op, J as ip, S as sp, K as ap, L as $d, M as cp, O as Rs, P as lp, Q as dp, T as up, U as fp, V as hp, W as Vc, X as qc, Y as Ed, Z as Ad, _ as pp, $ as Kc, a0 as mp, a1 as kd, a2 as gp, a3 as bp, a4 as xp, a5 as yp, a6 as vp, a7 as wp, a8 as Rd, a9 as Sp, aa as Np, ab as Z, ac as Yc, ad as Gc, ae as Ip, af as as, ag as Cp, ah as Yo, ai as Ts, aj as Pp, ak as Td, al as Mp, am as $p, an as Ep, s as Ap, ao as Fd, ap as li, aq as kp, ar as Rp, as as _d, at as Ld, au as Fs, av as zd, aw as Tp, ax as Fp, ay as Xc, az as _p, aA as Lp, aB as Jc, aC as zp, aD as Dp, aE as Op, aF as jp, aG as Bp, aH as Wp, aI as Hp, aJ as Up, aK as Vp, aL as qp, aM as Kp, aN as Yp, a as Gp, aO as Xp, aP as Jp, aQ as Qp, aR as Zp, aS as em, aT as tm, aU as nm, aV as rm, aW as om, aX as im, aY as sm, aZ as am, a_ as cm, a$ as Kr, b0 as Qc, b1 as lm, b2 as dm, b3 as um, b4 as fm, b5 as Zc } from "./FrozenRoutePreview-BVYL3dLT.js";
+import { b6 as wS, b7 as SS, b8 as NS, b9 as IS, ba as CS, bb as PS, bc as MS, bd as $S, be as ES, bf as AS, bg as kS, bh as RS, bi as TS, bj as FS, bk as _S, bl as LS, bm as zS } from "./FrozenRoutePreview-BVYL3dLT.js";
 import { useRef as Pe, useLayoutEffect as Nr, useSyncExternalStore as Ye, useCallback as $t, useReducer as Dd, useEffect as se, memo as Od, createElement as ho, useState as ee, useMemo as Dt } from "react";
 import { createPortal as hm } from "react-dom";
 const _a = {
@@ -572,7 +572,7 @@ function ji(e) {
     c.has(l) || t.push(`Screenshot asset "${l}" is unreferenced.`);
   return { valid: t.length === 0, errors: t, bytes: n };
 }
-function j1(e, t) {
+function B1(e, t) {
   var o;
   const n = ji(e);
   if (!n.valid)
@@ -585,7 +585,7 @@ function j1(e, t) {
     t
   ) : null;
 }
-function B1(e, t) {
+function W1(e, t) {
   var s;
   const n = ji(e);
   if (!n.valid)
@@ -2496,7 +2496,7 @@ function Qg(e, t) {
     );
   tr.get(e) !== t && (tr.set(e, t), ic());
 }
-function W1() {
+function H1() {
   tr.size && (tr.clear(), ic());
 }
 function Zg() {
@@ -3108,14 +3108,14 @@ function Vi(e = {}) {
   }
   async function C(T, L) {
     if (e.prepare) return e.prepare(T, L);
-    const { getDesignImportController: I } = await import("./FrozenRoutePreview-V9-gxIyv.js").then((F) => F.bo), N = I();
+    const { getDesignImportController: I } = await import("./FrozenRoutePreview-BVYL3dLT.js").then((F) => F.bo), N = I();
     if (!N)
       throw new Error("The design import controller is not available.");
     return N.prepareScreenCapture(T, L);
   }
   async function R(T, L) {
     if (e.settle) return e.settle(T, L);
-    const { settleScreen: I } = await import("./FrozenRoutePreview-V9-gxIyv.js").then((N) => N.bn);
+    const { settleScreen: I } = await import("./FrozenRoutePreview-BVYL3dLT.js").then((N) => N.bn);
     return I(T, L);
   }
   async function B(T, L) {
@@ -4175,7 +4175,7 @@ function Ii(e, t, n) {
     }
   );
 }
-function H1({
+function U1({
   sourceRevision: e,
   recipes: t,
   recipeVersion: n,
@@ -4507,7 +4507,7 @@ function $x(e) {
     t.has(r) && n.add(r), t.add(r);
   return [...n];
 }
-function U1(e, t) {
+function V1(e, t) {
   var s;
   const n = [], r = new Map(e.map((c) => [c.id, c])), o = /* @__PURE__ */ new Map();
   for (const c of e)
@@ -4582,7 +4582,7 @@ function Ax(e, t) {
   const n = e.split("/"), r = t.split("/");
   return n.length !== r.length ? !1 : n.every((o, i) => o.startsWith(":") || o === "*" ? r[i].length > 0 : o === r[i]);
 }
-function V1(e) {
+function q1(e) {
   const t = e.declaredScreens.map((o) => o.route).filter((o) => typeof o == "string").map(yl), n = /* @__PURE__ */ new Set(), r = [];
   for (const o of e.routes) {
     const i = o.path ?? o.id;
@@ -6348,9 +6348,22 @@ function Tl(e, t) {
   });
   return { all: n, selected: i };
 }
-function vy(e, t = !1) {
+function vy(e) {
+  var t;
   try {
-    e.pause(), t && (e.currentTime = 0);
+    const n = (t = e.effect) == null ? void 0 : t.getComputedTiming(), r = Number(n == null ? void 0 : n.endTime);
+    if (Number.isFinite(r))
+      return Math.max(0, r);
+    if (r === Number.POSITIVE_INFINITY) return 0;
+    const o = Number(n == null ? void 0 : n.duration), i = (n == null ? void 0 : n.iterations) == null ? 1 : Number(n.iterations), s = Number((n == null ? void 0 : n.delay) ?? 0), c = Number((n == null ? void 0 : n.endDelay) ?? 0), l = s + o * Math.max(0, i) + c;
+    return Number.isFinite(l) ? Math.max(0, l) : 0;
+  } catch {
+    return 0;
+  }
+}
+function wy(e) {
+  try {
+    e.pause(), e.currentTime = vy(e);
   } catch {
   }
 }
@@ -6363,7 +6376,7 @@ function Fl(e) {
   }
   return 1e3;
 }
-function wy(e, t, n = yy) {
+function Sy(e, t, n = yy) {
   var O, J, Se;
   const r = py(t), o = e.shadowRoot ?? e.attachShadow({ mode: "open" });
   (O = Oo.get(o)) == null || O.teardown(), o.replaceChildren();
@@ -6477,7 +6490,7 @@ function wy(e, t, n = yy) {
       );
       const { all: P, selected: k } = Tl(o, Y.target), $ = new Set(k);
       for (const fe of P)
-        (Y.mode === "frozen" || !$.has(fe)) && vy(fe, !0);
+        (Y.mode === "frozen" || !$.has(fe)) && wy(fe);
       if (Y.mode !== "frozen") {
         if (ae)
           for (const fe of k)
@@ -6537,7 +6550,7 @@ function wy(e, t, n = yy) {
   return Oo.set(o, F), F;
 }
 const jo = /* @__PURE__ */ new Map();
-async function Sy(e, t) {
+async function Ny(e, t) {
   const n = at()[t.name];
   if (!n)
     throw new Error(`Component registry entry not found:${t.name}`);
@@ -6560,7 +6573,7 @@ async function Sy(e, t) {
   });
   return jo.set(r, i), i;
 }
-const Ny = Be(function({
+const Iy = Be(function({
   page: t,
   snapshot: n,
   artifact: r,
@@ -6585,7 +6598,7 @@ const Ny = Be(function({
     let N = null;
     const F = nx(() => {
       try {
-        N = wy(I, {
+        N = Sy(I, {
           ...r ? {
             bodyHtml: r.bodyHtml,
             bodyAttributes: r.bodyAttributes,
@@ -6667,7 +6680,7 @@ const Ny = Be(function({
         return J.push(`DOM selector cannot be applied:${P.key}`), [];
       }
       return k.length ? [
-        Sy(s, P.component).then(
+        Ny(s, P.component).then(
           ($) => ({ elements: k, markup: $, mutation: P }),
           ($) => (J.push($ instanceof Error ? $.message : String($)), null)
         )
@@ -6775,15 +6788,15 @@ const Ny = Be(function({
     }
   );
 }), Ff = /* @__PURE__ */ new Map(), _f = /* @__PURE__ */ new Set(), ga = /* @__PURE__ */ new Set(), ba = /* @__PURE__ */ new Set();
-function Iy(e) {
+function Cy(e) {
   return ba.add(e), () => {
     ba.delete(e);
   };
 }
-function Cy() {
+function Py() {
   for (const e of [...ba]) e();
 }
-async function Py(e, t, n, r) {
+async function My(e, t, n, r) {
   try {
     const o = await (await fetch(t)).blob(), i = await createImageBitmap(o, {
       resizeWidth: n,
@@ -6793,18 +6806,18 @@ async function Py(e, t, n, r) {
     if (!c) throw new Error("2d context unavailable");
     c.drawImage(i, 0, 0), i.close();
     const l = await s.convertToBlob({ type: "image/png" });
-    Ff.set(e, URL.createObjectURL(l)), Cy();
+    Ff.set(e, URL.createObjectURL(l)), Py();
   } catch {
     _f.add(e);
   } finally {
     ga.delete(e);
   }
 }
-function My(e, t, n, r) {
+function $y(e, t, n, r) {
   const o = Ff.get(e);
-  return o || (_f.has(e) || ga.has(e) || typeof OffscreenCanvas > "u" || typeof createImageBitmap > "u" || typeof fetch > "u" || !(n > 0) || !(r > 0) || (ga.add(e), Py(e, t, n, r)), null);
+  return o || (_f.has(e) || ga.has(e) || typeof OffscreenCanvas > "u" || typeof createImageBitmap > "u" || typeof fetch > "u" || !(n > 0) || !(r > 0) || (ga.add(e), My(e, t, n, r)), null);
 }
-function $y(e, t) {
+function Ey(e, t) {
   const n = $t(
     (o) => La(e, o),
     [e]
@@ -6815,7 +6828,7 @@ function $y(e, t) {
   );
   return t ? "full" : r;
 }
-function Ey(e) {
+function Ay(e) {
   const t = $t(
     (n) => La(e, n),
     [e]
@@ -6826,16 +6839,16 @@ function Ey(e) {
     () => !1
   );
 }
-const Ay = (e) => {
-  const t = Vd(e), n = Iy(e);
+const ky = (e) => {
+  const t = Vd(e), n = Cy(e);
   return () => {
     t(), n();
   };
 };
-function ky(e, t, n, r) {
+function Ry(e, t, n, r) {
   return Ye(
-    Ay,
-    () => t ? Ud() || t.width <= n ? t.dataUrl : My(
+    ky,
+    () => t ? Ud() || t.width <= n ? t.dataUrl : $y(
       e,
       t.dataUrl,
       n,
@@ -6845,15 +6858,15 @@ function ky(e, t, n, r) {
   );
 }
 const _l = "pygmalion:frame-lod-reattach";
-function Ry() {
+function Ty() {
   if (typeof performance > "u" || typeof performance.mark != "function")
     return !1;
   const e = globalThis.PYGMALION_PROFILE_FRAME_LOD;
   return e != null ? e === !0 : !1;
 }
-function Ty(e, t) {
+function Fy(e, t) {
   const n = Pe(t), r = Pe(null);
-  if (n.current === "detached" && t !== "detached" && r.current == null && Ry()) {
+  if (n.current === "detached" && t !== "detached" && r.current == null && Ty()) {
     const o = `${_l}:${e}:start`;
     r.current = o, performance.mark(o);
   }
@@ -6873,7 +6886,7 @@ function Ty(e, t) {
     }
   }, [t, e]);
 }
-const Fy = Be(function({
+const _y = Be(function({
   page: t,
   active: n,
   selected: r,
@@ -6933,7 +6946,7 @@ const Fy = Be(function({
     canonicalId: t.importPageId ?? t.id,
     fingerprint: Me,
     batchHydrated: i
-  }), { previewIntended: P } = ae, k = s && ae.cacheHydrated, $ = s ? Vn(J) : null, E = s ? Ka(J) : null, ce = t.width ?? 390, ne = (E == null ? void 0 : E.screenshot) ?? null, Ae = ky(
+  }), { previewIntended: P } = ae, k = s && ae.cacheHydrated, $ = s ? Vn(J) : null, E = s ? Ka(J) : null, ce = t.width ?? 390, ne = (E == null ? void 0 : E.screenshot) ?? null, Ae = Ry(
     J,
     ne,
     ce,
@@ -6965,8 +6978,8 @@ const Fy = Be(function({
   }, [t.layersImported, t.id]), se(() => {
     t.layersImported && f.assessLayerImportFidelityForPage(t.id);
   }, [t.layersImported, t.layerImportRevision, t.id]);
-  const [Ne, de] = ee(!1), G = n || r || P || Je || Ne, ve = $y(t.id, G), Ee = Ey(t.id);
-  Ty(t.id, ve);
+  const [Ne, de] = ee(!1), G = n || r || P || Je || Ne, ve = Ey(t.id, G), Ee = Ay(t.id);
+  Fy(t.id, ve);
   const [U, $e] = ee(null), [ie, he] = ee(0), [V, re] = ee([]), ke = ze ?? (k && !$ ? on(J) : null), De = $ != null || ke != null || (E == null ? void 0 : E.screenshot) != null, ue = n, Ge = s && vu({
     detailActive: ue,
     previewIntended: P
@@ -7773,7 +7786,7 @@ const Fy = Be(function({
                           ]
                         }
                       ) : Tn === "dom" ? /* @__PURE__ */ a(
-                        Ny,
+                        Iy,
                         {
                           page: t,
                           snapshot: ke ?? void 0,
@@ -8023,7 +8036,7 @@ function Gi(e) {
     }))
   };
 }
-function _y(e) {
+function Ly(e) {
   var r, o;
   const t = [];
   e.id.trim() || t.push("Connection id must not be empty."), e.componentName.trim() || t.push(`Connection "${e.id}" componentName must not be empty.`), e.design.provider.trim() || t.push(`Connection "${e.id}" design provider must not be empty.`), e.design.nodeId.trim() || t.push(`Connection "${e.id}" design nodeId must not be empty.`);
@@ -8061,10 +8074,10 @@ function _y(e) {
   }
   return t;
 }
-function Ly(e) {
+function zy(e) {
   const t = e.map(Gi), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), o = [];
   for (const s of t)
-    o.push(..._y(s)), n.has(s.id) && o.push(`Connection id "${s.id}" is duplicated.`), r.has(s.componentName) && o.push(
+    o.push(...Ly(s)), n.has(s.id) && o.push(`Connection id "${s.id}" is duplicated.`), r.has(s.componentName) && o.push(
       `Component "${s.componentName}" has more than one design connection.`
     ), n.add(s.id), r.add(s.componentName);
   if (o.length)
@@ -8079,10 +8092,10 @@ ${o.join(`
     Ll = i;
   }
 }
-function q1() {
+function K1() {
   return [...kr.values()].map(Gi);
 }
-function K1(e) {
+function Y1(e) {
   const t = kr.get(e);
   return t ? Gi(t) : void 0;
 }
@@ -8142,7 +8155,7 @@ function Lf() {
     )
   );
 }
-function Y1(e, t = {}) {
+function G1(e, t = {}) {
   const n = kr.get(e);
   if (!n)
     throw new Error(`Unknown component connection "${e}".`);
@@ -8182,7 +8195,7 @@ function Y1(e, t = {}) {
     )
   };
 }
-const zl = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), zy = (e) => e >= 700 ? "font-bold" : e >= 600 ? "font-semibold" : e >= 500 ? "font-medium" : "font-normal", Dy = /* @__PURE__ */ new Set([
+const zl = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Dy = (e) => e >= 700 ? "font-bold" : e >= 600 ? "font-semibold" : e >= 500 ? "font-medium" : "font-normal", Oy = /* @__PURE__ */ new Set([
   "a",
   "article",
   "aside",
@@ -8207,7 +8220,7 @@ const zl = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   "textarea",
   "ul",
   "video"
-]), Oy = /* @__PURE__ */ new Set(["img", "input", "source"]), jy = /* @__PURE__ */ new Set([
+]), jy = /* @__PURE__ */ new Set(["img", "input", "source"]), By = /* @__PURE__ */ new Set([
   "autoFocus",
   "checked",
   "disabled",
@@ -8218,21 +8231,21 @@ const zl = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "
   "required",
   "selected"
 ]);
-function By(e, t) {
+function Wy(e, t) {
   return typeof t == "string" ? ` ${e}=${JSON.stringify(t)}` : t === !0 ? ` ${e}` : ` ${e}={${String(t)}}`;
 }
-function Wy(e) {
+function Hy(e) {
   var n;
   const t = (n = e.domTag) == null ? void 0 : n.trim().toLowerCase();
-  return t && Dy.has(t) ? t : "div";
+  return t && Oy.has(t) ? t : "div";
 }
-function Hy(e, t) {
-  return jy.has(e) ? t === "false" ? "" : ` ${e}` : ` ${e}=${JSON.stringify(t)}`;
+function Uy(e, t) {
+  return By.has(e) ? t === "false" ? "" : ` ${e}` : ` ${e}=${JSON.stringify(t)}`;
 }
-function Uy(e) {
+function Vy(e) {
   return Object.entries(e.domAttributes ?? {}).filter(
     ([t]) => t !== "className" && t !== "style" && !t.startsWith("data-pygmalion-") && /^[A-Za-z_:][A-Za-z0-9_.:-]*$/.test(t)
-  ).sort(([t], [n]) => t.localeCompare(n)).map(([t, n]) => Hy(t, n)).join("");
+  ).sort(([t], [n]) => t.localeCompare(n)).map(([t, n]) => Uy(t, n)).join("");
 }
 function va(e, t = 0) {
   if (e.hidden) return "";
@@ -8242,14 +8255,14 @@ function va(e, t = 0) {
   ), e.heightMode === "fixed" ? r.push(`h-[${e.height}px]`) : e.heightMode === "fill" && r.push("grow"), e.opacity < 1 && r.push(`opacity-[${e.opacity}]`), e.radius && r.push(`rounded-[${e.radius}px]`), e.fill && r.push(`bg-[${e.fill}]`), e.type === "text") {
     r.push(
       `text-[${e.fontSize}px]`,
-      zy(e.fontWeight),
+      Dy(e.fontWeight),
       `text-[${e.color}]`
     ), e.textAlign !== "left" && r.push(`text-${e.textAlign}`);
     const h = e.domTag === "#text" ? "span" : "p";
     return `${n}<${h} className="${r.join(" ")}">${zl(e.text)}</${h}>`;
   }
   if (e.type === "component") {
-    const h = Object.entries(e.componentProps).sort(([b], [x]) => b.localeCompare(x)).map(([b, x]) => By(b, x)).join(""), m = at()[e.componentName];
+    const h = Object.entries(e.componentProps).sort(([b], [x]) => b.localeCompare(x)).map(([b, x]) => Wy(b, x)).join(""), m = at()[e.componentName];
     if ((m == null ? void 0 : m.children) === "nodes") {
       const b = e.children.map((x) => va(x, t + 1)).filter(Boolean);
       return b.length === 0 ? `${n}<${e.componentName}${h} />` : [
@@ -8268,8 +8281,8 @@ function va(e, t = 0) {
     `border-[${e.borderWidth}px]`,
     `border-[${e.borderColor}]`
   );
-  const s = e.children.map((h) => va(h, t + 1)).filter(Boolean), c = Object.keys(i).length ? ` style={${JSON.stringify(i)}}` : "", l = Wy(e), d = Uy(e), u = `${n}<${l} className="${r.join(" ")}"${d}${c}`;
-  return Oy.has(l) ? `${u} />` : s.length === 0 ? `${u} />` : [`${u}>`, ...s, `${n}</${l}>`].join(`
+  const s = e.children.map((h) => va(h, t + 1)).filter(Boolean), c = Object.keys(i).length ? ` style={${JSON.stringify(i)}}` : "", l = Hy(e), d = Vy(e), u = `${n}<${l} className="${r.join(" ")}"${d}${c}`;
+  return jy.has(l) ? `${u} />` : s.length === 0 ? `${u} />` : [`${u}>`, ...s, `${n}</${l}>`].join(`
 `);
 }
 function Ic(e, t) {
@@ -8304,7 +8317,7 @@ function Ic(e, t) {
 
 ${c}` : c;
 }
-class Vy {
+class qy {
   constructor() {
     yn(this, "status", "idle");
     yn(this, "pending", 0);
@@ -8318,25 +8331,25 @@ class Vy {
     this.status = t, this.message = n;
   }
 }
-const Ht = new Vy(), Dl = [
+const Ht = new qy(), Dl = [
   ["Icons", "icons"],
   ["Design Tokens", "design-tokens"],
   ["Atoms", "atoms"],
   ["Components", "components"],
   ["Screens", "screens"]
 ];
-function qy(e) {
+function Ky(e) {
   var n;
   if (e.importKind && Dl.some(([, r]) => r === e.importKind))
     return e.importKind;
   const t = e.canvas ?? "";
   return ((n = Dl.find(([r]) => t.includes(r))) == null ? void 0 : n[1]) ?? "screens";
 }
-function Ky(e) {
+function Yy(e) {
   return {
     type: "document",
     id: e.importPageId ?? e.id,
-    kind: qy(e),
+    kind: Ky(e),
     name: e.name,
     canvas: e.canvas ?? "default",
     section: e.section,
@@ -8355,7 +8368,7 @@ function Ky(e) {
   };
 }
 function Ol(e) {
-  return e.pages.filter((t) => t.importLayers !== !0).map(Ky);
+  return e.pages.filter((t) => t.importLayers !== !0).map(Yy);
 }
 function Ai(e) {
   return `${e.type}:${e.id}`;
@@ -8363,7 +8376,7 @@ function Ai(e) {
 function jl(e) {
   return JSON.stringify(e);
 }
-let En = null, Bo = /* @__PURE__ */ new Map(), ys = /* @__PURE__ */ new Map(), Jn = /* @__PURE__ */ new Map(), Kn = null, Qr = null, Yy = 0;
+let En = null, Bo = /* @__PURE__ */ new Map(), ys = /* @__PURE__ */ new Map(), Jn = /* @__PURE__ */ new Map(), Kn = null, Qr = null, Gy = 0;
 function Cc() {
   Ht.setPending(Jn.size);
 }
@@ -8391,7 +8404,7 @@ async function Df() {
         Bl(e), Ht.setStatus("idle", "");
         return;
       }
-      const n = { revision: ++Yy, changes: e };
+      const n = { revision: ++Gy, changes: e };
       Ht.setStatus("saving", "Saving code…");
       try {
         const r = await t(n);
@@ -8407,7 +8420,7 @@ async function Df() {
     Qr = null;
   }), Qr);
 }
-function Gy(e) {
+function Xy(e) {
   En == null || En();
   const t = Ol(e);
   return Bo = new Map(t.map((n) => [Ai(n), n])), En = Rd(
@@ -8442,33 +8455,33 @@ function Of(e) {
     t.has(r) || n.push({ operation: "delete", element: o });
   ys = t, n.length && zf(n);
 }
-async function Xy() {
+async function Jy() {
   Kn && (clearTimeout(Kn), Kn = null), await Df();
 }
 let jf = [], Qn = null;
 const ki = /* @__PURE__ */ new Map();
-function Jy(e) {
+function Qy(e) {
   jf = e;
 }
 function Bf() {
   return jf;
 }
-function Qy(e) {
+function Zy(e) {
   Qn = e;
 }
 function Wf() {
   return [...ki.entries()].map(([e, t]) => ({ name: e, value: t }));
 }
-function G1(e, t) {
+function X1(e, t) {
   ki.set(e, t), document.documentElement.style.setProperty(e, t);
   const n = Wf();
   Qn == null || Qn(n), Of(n);
 }
-function X1() {
+function J1() {
   for (const e of ki.keys()) document.documentElement.style.removeProperty(e);
   ki.clear(), Qn == null || Qn([]), Of([]);
 }
-const Zy = [
+const ev = [
   { label: "W", prop: "width" },
   { label: "H", prop: "height" },
   { label: "min W", prop: "min-width" },
@@ -8483,7 +8496,7 @@ const Zy = [
   { label: "color", prop: "color", tokenGroup: "color" },
   { label: "font", prop: "font-size", tokenGroup: "font-size" },
   { label: "weight", prop: "font-weight" }
-], ev = [
+], tv = [
   { label: "display", prop: "display" },
   { label: "direction", prop: "flex-direction" },
   { label: "line break", prop: "flex-wrap" },
@@ -8493,13 +8506,13 @@ const Zy = [
   { label: "padding", prop: "padding", tokenGroup: "spacing" },
   { label: "W", prop: "width" },
   { label: "H", prop: "height" }
-], tv = {
+], nv = {
   color: /-color-/,
   spacing: /-spacing-/,
   radius: /-radius-/,
   "font-size": /-font-size-/
-}, nv = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA", "SVG", "IMG", "VIDEO", "CANVAS"]), rv = 360, ov = 248, iv = "pygmalion:inspect-panel-position";
-function sv(e) {
+}, rv = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA", "SVG", "IMG", "VIDEO", "CANVAS"]), ov = 360, iv = 248, sv = "pygmalion:inspect-panel-position";
+function av(e) {
   return [
     ...new Set([
       ...e.styles.map((t) => t.componentFile),
@@ -8511,11 +8524,11 @@ function sv(e) {
 function Wl(e) {
   return e.replaceAll("\\", "/").replace(/[?#].*$/, "").replace(/^\.?\//, "").replace(/\/+/g, "/");
 }
-function av(e, t) {
+function cv(e, t) {
   const n = Wl(e), r = Wl(t);
   return n === r || n.endsWith(`/${r}`) || r.endsWith(`/${n}`);
 }
-function cv(e) {
+function lv(e) {
   return e.kind === "prop" ? { prop: e.prop, from: String(e.from), to: String(e.to) } : e.kind === "text" ? { prop: "text", from: e.from, to: e.to } : e.kind === "insert" && e.mode === "component" ? {
     prop: "Inserting components",
     from: `${e.slot}[${e.toIndex}]`,
@@ -8537,9 +8550,9 @@ const Hl = [
   { id: "desktop", label: "≥1200", media: { minWidth: 1200 } }
 ];
 function Hf() {
-  return `${iv}:${window.location.pathname}`;
+  return `${sv}:${window.location.pathname}`;
 }
-function lv() {
+function dv() {
   try {
     const e = window.sessionStorage.getItem(Hf());
     if (!e) return null;
@@ -8556,7 +8569,7 @@ function Ul(e) {
   } catch {
   }
 }
-const dv = [
+const uv = [
   {
     mode: "wrap",
     label: "line break",
@@ -8631,7 +8644,7 @@ const dv = [
   }
 ];
 function vs(e) {
-  return nv.has(e.tagName.toUpperCase()) || e.children.length > 0 ? !1 : (e.textContent ?? "").trim().length > 0;
+  return rv.has(e.tagName.toUpperCase()) || e.children.length > 0 ? !1 : (e.textContent ?? "").trim().length > 0;
 }
 function Uf(e) {
   const t = Pd(e);
@@ -8666,7 +8679,7 @@ function Vl(e) {
   }
   return t;
 }
-function uv(e, t, n) {
+function fv(e, t, n) {
   if (e === "original") return t;
   if (e === "long") {
     const r = [
@@ -8678,14 +8691,14 @@ function uv(e, t, n) {
   }
   return "This is an extreme case where a very long name and description must fit all on one line without breaking line breaks, shortcuts, button areas, card height, or spacing from the next item.";
 }
-function fv(e, t, n) {
+function hv(e, t, n) {
   var o;
   return ((o = n == null ? void 0 : n.casePreview) == null ? void 0 : o.text) != null ? n.casePreview.text : t && ["value", "defaultValue"].some((i) => i in t) ? !0 : [e, ...Array.from(e.querySelectorAll("*"))].some((i) => {
     const s = i.tagName.toUpperCase(), c = i.getAttribute("role");
     return ["INPUT", "TEXTAREA", "SELECT", "OUTPUT", "TIME"].includes(s) || i.isContentEditable || i.hasAttribute("data-pyg-dynamic-text") || i.hasAttribute("data-dynamic-content") || i.hasAttribute("data-api-field") || i.hasAttribute("data-field") || i.hasAttribute("aria-live") || ["log", "status", "timer"].includes(c ?? "");
   });
 }
-function hv(e, t, n) {
+function pv(e, t, n) {
   var s;
   if ((s = n == null ? void 0 : n.casePreview) != null && s.states) return [...n.casePreview.states];
   const r = new Set(Object.keys(t ?? {}).map((c) => c.toLowerCase())), o = [], i = e.getAttribute("role") ?? "";
@@ -8703,7 +8716,7 @@ function eo(e, t, n, r) {
     o ? e.style.setProperty(t, o) : e.style.removeProperty(t);
   }), e.style.setProperty(t, n);
 }
-function pv(e, t) {
+function mv(e, t) {
   const n = [], r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
   let i = [e];
   if (t.repeat != null) {
@@ -8729,7 +8742,7 @@ function pv(e, t) {
     const u = l.nodeValue ?? "";
     n.push(() => {
       l.nodeValue = u;
-    }), l.nodeValue = uv(t.text, u, d);
+    }), l.nodeValue = fv(t.text, u, d);
   }), t.state !== "default" && i.forEach((l) => {
     t.state === "selected" ? (Zr(l, "aria-selected", "true", n), Zr(l, "data-state", "active", n), eo(l, "outline", "2px solid #0d99ff", n), eo(l, "outline-offset", "-2px", n)) : t.state === "disabled" ? ("disabled" in l && Zr(l, "disabled", "", n), Zr(l, "aria-disabled", "true", n), eo(l, "opacity", "0.45", n), eo(l, "pointer-events", "none", n)) : t.state === "loading" && (Zr(l, "aria-busy", "true", n), eo(l, "opacity", "0.62", n), Vl([l]).slice(0, 1).forEach((d) => {
       const u = d.nodeValue ?? "";
@@ -8771,15 +8784,15 @@ function pv(e, t) {
     }
   };
 }
-function mv(e) {
+function gv(e) {
   return Math.max(1, Math.min(500, Math.round(e)));
 }
-function gv(e) {
+function bv(e) {
   if (!e) return null;
   const t = e.getPropertyValue("display");
   return t.includes("grid") ? "grid" : t.includes("flex") ? e.getPropertyValue("flex-direction").includes("column") ? "stack" : ["auto", "scroll"].includes(e.getPropertyValue("overflow-x")) ? "scroll" : e.getPropertyValue("flex-wrap") !== "nowrap" ? "wrap" : null : null;
 }
-function bv(e) {
+function xv(e) {
   if (!e) return null;
   const t = e.style.getPropertyValue("grid-template-columns"), n = /repeat\(\s*(\d+)\s*,/.exec(t);
   return n ? Number(n[1]) : null;
@@ -8802,7 +8815,7 @@ function ql(e) {
 function On(e) {
   return e ? e.minWidth != null && e.maxWidth != null ? `${e.minWidth}–${e.maxWidth}px` : e.minWidth != null ? `${e.minWidth}px or more` : `${e.maxWidth}px or less` : "entire";
 }
-function xv(e, t) {
+function yv(e, t) {
   const n = [...Array.from(e.querySelectorAll("*"))].reverse();
   n.push(e);
   for (const r of n) {
@@ -8927,13 +8940,13 @@ function Kl({
   affectedFrames: n = []
 }) {
   var jc, Bc, Wc, Hc, Uc;
-  const r = Pe(null), [o, i] = ee(null), [s, c] = ee(null), [l, d] = ee(null), [u, h] = ee("cases"), [m, b] = ee(!1), [x, w] = ee(lv), [v, A] = ee(null), [C, R] = ee("original"), [B, q] = ee("default"), [S, D] = ee("item"), [K, T] = ee("base"), [L, I] = ee({ minWidth: 768 }), [N, F] = ee(null), [O, J] = ee(!0), [Se, Y] = ee(!1), [Me, le] = ee(!1), [ae, P] = ee(null), [k, $] = ee(""), [E, ce] = ee(!1), [ne, Ae] = ee(""), [fe, ge] = ee(!1), [ze, Qe] = ee(""), [Je, bt] = ee(null), [_, xe] = ee(""), [oe, we] = ee(""), [W, Ne] = ee(0), [de, G] = Dd((p) => p + 1, 0), ve = Pe(""), Ee = Pe(null), U = Pe(null);
+  const r = Pe(null), [o, i] = ee(null), [s, c] = ee(null), [l, d] = ee(null), [u, h] = ee("cases"), [m, b] = ee(!1), [x, w] = ee(dv), [v, A] = ee(null), [C, R] = ee("original"), [B, q] = ee("default"), [S, D] = ee("item"), [K, T] = ee("base"), [L, I] = ee({ minWidth: 768 }), [N, F] = ee(null), [O, J] = ee(!0), [Se, Y] = ee(!1), [Me, le] = ee(!1), [ae, P] = ee(null), [k, $] = ee(""), [E, ce] = ee(!1), [ne, Ae] = ee(""), [fe, ge] = ee(!1), [ze, Qe] = ee(""), [Je, bt] = ee(null), [_, xe] = ee(""), [oe, we] = ee(""), [W, Ne] = ee(0), [de, G] = Dd((p) => p + 1, 0), ve = Pe(""), Ee = Pe(null), U = Pe(null);
   U.current = s;
   const $e = Pe(null);
   $e.current = l;
   const ie = Pe(n);
   ie.current = n;
-  const he = Z.buildApplyPayload(), V = JSON.stringify(he), re = sv(he), ke = JSON.stringify(re);
+  const he = Z.buildApplyPayload(), V = JSON.stringify(he), re = av(he), ke = JSON.stringify(re);
   function De() {
     var p;
     (p = Ee.current) == null || p.cleanup(), Ee.current = null;
@@ -8945,7 +8958,7 @@ function Kl({
     []
   ), We = Dt(() => {
     const p = Bf(), y = {};
-    for (const [M, H] of Object.entries(tv))
+    for (const [M, H] of Object.entries(nv))
       y[M] = p.filter((z) => H.test(z.name));
     return y;
   }, []);
@@ -8976,7 +8989,7 @@ function Kl({
       if (y) return;
       const H = [.../* @__PURE__ */ new Set([...re, ...M.files])], z = f.pages.filter(
         (ye) => (ye.sourcePaths ?? []).some(
-          (je) => H.some((yt) => av(je, yt))
+          (je) => H.some((yt) => cv(je, yt))
         )
       ).map((ye) => ({ id: Ts(ye), name: ye.name })), me = [
         ...ie.current,
@@ -9002,7 +9015,7 @@ function Kl({
         window.requestAnimationFrame(() => G());
         return;
       }
-      return Ee.current = pv(p, { repeat: v, text: C, state: B }), G(), () => De();
+      return Ee.current = mv(p, { repeat: v, text: C, state: B }), G(), () => De();
     }
   }, [s, v, C, B]), se(() => () => De(), []), se(() => {
     const p = [window];
@@ -9143,12 +9156,12 @@ function Kl({
     }
   }, j = s != null && s.isConnected ? s : null, It = o != null && o.isConnected ? o : null, pe = j != null && j.parentElement && j.parentElement !== Te ? j.parentElement : null, Ct = S === "container" && pe ? pe : j, te = j ? ct(j.getBoundingClientRect()) : null, Q = pe ? ct(pe.getBoundingClientRect()) : null, nr = S === "container" && Ct && Ct !== j ? ct(Ct.getBoundingClientRect()) : null, rr = It && It !== j ? ct(It.getBoundingClientRect()) : null, ft = j ? Oe.getComputedStyle(j) : null, Xe = pe ? Oe.getComputedStyle(pe) : null, No = Ct ? Oe.getComputedStyle(Ct) : null, lt = j ? ut(j) : "", dt = j ? jt(j) : null, en = j ? Ip(j) : null, mn = j ? Z.structuralEditKind(j) : null, Fr = j ? Z.hasPendingValueEdit(j) : !1, _r = j ? Z.structuralBlockReason(j, "insert") : "No elements are selected.", $c = j ? Z.structuralBlockReason(j, "remove") : "No elements are selected.", Lr = j ? Z.structuralBlockReason(j, "move") : "No elements are selected.", Tn = j && j.parentElement ? Array.from(j.parentElement.children).indexOf(j) : -1, Ji = ((Wc = j == null ? void 0 : j.parentElement) == null ? void 0 : Wc.children.length) ?? 0, Io = dt ? at()[dt.name] ?? null : null, zr = en && /^[A-Z]/.test(en.elementName) ? (dt == null ? void 0 : dt.name) ?? null : null, Dr = j ? Z.componentInsertBlockReason(j, zr) : "No elements are selected.", Pn = _.trim().toLocaleLowerCase(), Fn = Ue.filter(
     ([p, y]) => !Pn || p.toLocaleLowerCase().includes(Pn) || y.importPath.toLocaleLowerCase().includes(Pn)
-  ), xt = Fn.find(([p]) => p === oe) ?? Fn[0] ?? null, X = (xt == null ? void 0 : xt[1]) ?? null, be = xt ? Yc(xt[0]) : null, Fe = (j ? Gc(j) : null) ?? 0, _e = j ? fv(j, (dt == null ? void 0 : dt.props) ?? null, Io) : !1, Re = j ? hv(j, (dt == null ? void 0 : dt.props) ?? null, Io) : [], Ce = j ? Vf(j) : [], Ke = { count: Ce.length }, it = Se && j && It && It !== j ? [j, It] : null, tn = Z.entries, Bt = Object.entries((dt == null ? void 0 : dt.primitiveProps) ?? {}), nn = he, At = tn.reduce((p, y) => {
+  ), xt = Fn.find(([p]) => p === oe) ?? Fn[0] ?? null, X = (xt == null ? void 0 : xt[1]) ?? null, be = xt ? Yc(xt[0]) : null, Fe = (j ? Gc(j) : null) ?? 0, _e = j ? hv(j, (dt == null ? void 0 : dt.props) ?? null, Io) : !1, Re = j ? pv(j, (dt == null ? void 0 : dt.props) ?? null, Io) : [], Ce = j ? Vf(j) : [], Ke = { count: Ce.length }, it = Se && j && It && It !== j ? [j, It] : null, tn = Z.entries, Bt = Object.entries((dt == null ? void 0 : dt.primitiveProps) ?? {}), nn = he, At = tn.reduce((p, y) => {
     const M = p.find((H) => H.el === y.el);
     return M ? (M.label = y.label, M.items.push(y)) : p.push({ id: y.id, el: y.el, label: y.label, items: [y] }), p;
   }, []), ht = nn.styles.length + nn.texts.length + nn.operations.length, gn = Yo() != null, Or = gn && k !== V, Qi = At.filter(
     (p) => p.items.some((y) => !as(y))
-  ).length, jr = v != null || C !== "original" || B !== "default", _n = jr && j ? xv(j, Oe) : null, et = gv(Xe), or = et != null, kt = bv(pe), bn = K === "custom" ? L.minWidth != null || L.maxWidth != null ? {
+  ).length, jr = v != null || C !== "original" || B !== "default", _n = jr && j ? yv(j, Oe) : null, et = bv(Xe), or = et != null, kt = xv(pe), bn = K === "custom" ? L.minWidth != null || L.maxWidth != null ? {
     ...L.minWidth != null ? { minWidth: Math.max(0, Math.round(L.minWidth)) } : {},
     ...L.maxWidth != null ? { maxWidth: Math.max(0, Math.round(L.maxWidth)) } : {}
   } : null : ((Hc = Hl.find((p) => p.id === K)) == null ? void 0 : Hc.media) ?? null, Zi = Ce.filter((p) => p.isConnected && Oe.getComputedStyle(p).getPropertyValue("display") !== "none").map((p, y) => ({ el: p, index: y, rect: ct(p.getBoundingClientRect()) })).filter(({ rect: p }) => p.width > 0 && p.height > 0), es = Zi.slice().sort((p, y) => p.rect.top - y.rect.top || p.rect.left - y.rect.left).reduce((p, y) => {
@@ -9204,7 +9217,7 @@ function Kl({
     v != null ? `${v} items` : null,
     C === "long" ? "long text" : C === "extreme" ? "extreme text" : null,
     B === "selected" ? "selection status" : B === "disabled" ? "inactive" : B === "loading" ? "loading status" : null
-  ].filter(Boolean), Mo = (p) => A(p == null ? null : mv(p)), zn = (p, y, M) => {
+  ].filter(Boolean), Mo = (p) => A(p == null ? null : gv(p)), zn = (p, y, M) => {
     M ? p.style.setProperty(y, M) : p.style.removeProperty(y);
   }, $o = (p, y, M, H) => {
     if (p.button !== 0) return;
@@ -9238,7 +9251,7 @@ function Kl({
     ), (M = Ee.current) == null || M.mirrorStyle(j, p, y));
   }, os = (p) => {
     if (!pe) return;
-    const y = dv.find((M) => M.mode === p);
+    const y = uv.find((M) => M.mode === p);
     if (y) {
       for (const [M, H] of Object.entries(y.declarations)) tt(M, H);
       if (j)
@@ -9363,7 +9376,7 @@ function Kl({
         ie.current
       ), (H = Ee.current) == null || H.mirrorStyle(y, z, me);
     Z.toast(p === "wrap" ? "Change to multi-line content" : "Change to one line abbreviation");
-  }, Vr = m ? ov : rv, zh = u === "cases" && Q && Q.left + Q.width > window.innerWidth - Vr - 32 || te && te.left + te.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Vr - 16), Dh = ue ? 54 : 64, Dc = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? zh, window.innerWidth - Vr - 8)), Oc = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? Dh, window.innerHeight - 80)), Oh = (p) => {
+  }, Vr = m ? iv : ov, zh = u === "cases" && Q && Q.left + Q.width > window.innerWidth - Vr - 32 || te && te.left + te.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Vr - 16), Dh = ue ? 54 : 64, Dc = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? zh, window.innerWidth - Vr - 8)), Oc = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? Dh, window.innerHeight - 80)), Oh = (p) => {
     if (p.button !== 0) return;
     p.preventDefault();
     const y = { x: p.clientX, y: p.clientY, left: Dc, top: Oc };
@@ -10771,7 +10784,7 @@ function Kl({
               {
                 title: "Styles",
                 action: jr ? /* @__PURE__ */ a("button", { type: "button", className: "text-[10px] font-semibold text-[#0d99ff]", onClick: () => h("cases"), children: "Back to cases" }) : void 0,
-                children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5", children: (S === "container" ? ev : Zy).map(({ label: p, prop: y, tokenGroup: M }) => {
+                children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5", children: (S === "container" ? tv : ev).map(({ label: p, prop: y, tokenGroup: M }) => {
                   const H = M ? We[M] : [];
                   return /* @__PURE__ */ g("label", { className: "grid grid-cols-[56px_minmax(0,1fr)_82px] items-center gap-1.5 text-[10px] text-[#71717a]", children: [
                     /* @__PURE__ */ a("span", { className: "shrink-0", children: p }),
@@ -11167,7 +11180,7 @@ function Kl({
                 ] })
               ] }, `${p.componentFile}-${p.oldText}`)),
               nn.operations.map((p) => {
-                const y = cv(p), M = p.scope === "instance" ? "This screen" : "Shared source", H = p.affectedFrames.length > 0 ? p.affectedFrames.map((z) => z.name).join(", ") : "current element";
+                const y = lv(p), M = p.scope === "instance" ? "This screen" : "Shared source", H = p.affectedFrames.length > 0 ? p.affectedFrames.map((z) => z.name).join(", ") : "current element";
                 return /* @__PURE__ */ g(
                   "div",
                   {
@@ -11318,7 +11331,7 @@ function Yl() {
     )
   ] });
 }
-const yv = Be(function({ onClose: t }) {
+const vv = Be(function({ onClose: t }) {
   const n = Ye(Fa, Cn, Cn), r = f.activePage, o = Pe(null), i = Pe(null), [s, c] = ee(!1);
   if (se(() => Z.reset(), []), r.route != null) {
     const l = () => {
@@ -11482,10 +11495,10 @@ function Xl(e, t) {
   }
   return null;
 }
-function vv(e, t) {
+function wv(e, t) {
   return t == null ? { action: "clear" } : t === e ? { action: "idle" } : { action: "restart", frameId: t };
 }
-function wv(e, t) {
+function Sv(e, t) {
   return !(e && t === "select");
 }
 const Vo = 1;
@@ -11493,7 +11506,7 @@ function qf(e, t, n) {
   const r = t < 0 ? e.scrollLeft > Vo : t > 0 ? e.scrollLeft + e.clientWidth < e.scrollWidth - Vo : !1, o = n < 0 ? e.scrollTop > Vo : n > 0 ? e.scrollTop + e.clientHeight < e.scrollHeight - Vo : !1;
   return r || o;
 }
-function Sv(e) {
+function Nv(e) {
   var n;
   const t = (n = e.ownerDocument.defaultView) == null ? void 0 : n.getComputedStyle(e);
   return t ? [t.overflow, t.overflowX, t.overflowY].some(
@@ -11507,7 +11520,7 @@ function Kf(e) {
   return t && e instanceof t ? e : null;
 }
 function Yf(e, t, n) {
-  return Sv(e) && qf(e, t, n);
+  return Nv(e) && qf(e, t, n);
 }
 function Gf(e, t, n, r) {
   let o = e;
@@ -11520,13 +11533,13 @@ function Gf(e, t, n, r) {
   }
   return null;
 }
-function Nv(e) {
+function Iv(e) {
   for (const t of e.composedPath())
     if (t instanceof HTMLElement && t.dataset.pygmalionFrameScrollSurface === "true")
       return t;
   return null;
 }
-function Iv(e, t) {
+function Cv(e, t) {
   for (const n of e.composedPath())
     if (n instanceof HTMLElement) {
       if (Yf(n, e.deltaX, e.deltaY))
@@ -11535,7 +11548,7 @@ function Iv(e, t) {
     }
   return null;
 }
-function Cv(e, t) {
+function Pv(e, t) {
   const n = e.getBoundingClientRect();
   if (t.clientX < n.left || t.clientX > n.right || t.clientY < n.top || t.clientY > n.bottom)
     return !1;
@@ -11555,7 +11568,7 @@ function Cv(e, t) {
   const c = r.scrollingElement, l = Kf(c);
   return l && qf(l, t.deltaX, t.deltaY) ? (o.scrollBy({ left: t.deltaX, top: t.deltaY }), !0) : !1;
 }
-function Pv(e, t) {
+function Mv(e, t) {
   const n = e.elementFromPoint(t.clientX, t.clientY), r = Gf(
     n,
     e.host,
@@ -11564,20 +11577,20 @@ function Pv(e, t) {
   );
   return r ? (r.scrollBy({ left: t.deltaX, top: t.deltaY }), !0) : !1;
 }
-function Mv(e) {
+function $v(e) {
   if (e.ctrlKey || e.metaKey) return "canvas";
-  const t = Nv(e);
+  const t = Iv(e);
   if (!t) return "canvas";
-  if (Iv(e, t)) return "native-preview";
+  if (Cv(e, t)) return "native-preview";
   for (const n of t.querySelectorAll("iframe"))
-    if (Cv(n, e))
+    if (Pv(n, e))
       return "programmatic-preview";
   for (const n of t.querySelectorAll("*"))
-    if (n.shadowRoot && Pv(n.shadowRoot, e))
+    if (n.shadowRoot && Mv(n.shadowRoot, e))
       return "programmatic-preview";
   return "canvas";
 }
-function $v(e) {
+function Ev(e) {
   return {
     capturedFrames: e.frames.length,
     failedFrames: e.failures.length,
@@ -11593,12 +11606,12 @@ function $v(e) {
     )
   };
 }
-function Ev(e) {
+function Av(e) {
   if (!e.after) return "Baseline capture complete";
   const t = [];
   return e.domChanged && t.push("DOM"), e.screenshotChanged && t.push("Pixel"), e.pixelDiff && t.push(`${(e.pixelDiff.diffRatio * 100).toFixed(2)}%`), t.length > 0 ? t.join(" · ") : "No change";
 }
-function Av(e) {
+function kv(e) {
   return e.operations.length + e.texts.length + e.styles.reduce(
     (t, n) => t + Object.keys(n.declarations).length,
     0
@@ -11623,7 +11636,7 @@ function Jl({
   qa: e,
   title: t
 }) {
-  const n = $v(e);
+  const n = Ev(e);
   return /* @__PURE__ */ g(
     "section",
     {
@@ -11655,7 +11668,7 @@ function Jl({
               children: [
                 /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ a("code", { className: "min-w-0 flex-1 truncate text-[#444]", children: r.id }),
-                  /* @__PURE__ */ a("span", { className: "shrink-0 text-[#777]", children: Ev(r) })
+                  /* @__PURE__ */ a("span", { className: "shrink-0 text-[#777]", children: Av(r) })
                 ] }),
                 /* @__PURE__ */ g("div", { className: "mt-1 flex flex-wrap gap-2", children: [
                   /* @__PURE__ */ a(Ns, { href: r.before.screenshotUrl, label: "Before change" }),
@@ -11684,10 +11697,10 @@ function Jl({
     }
   );
 }
-const kv = Be(function() {
+const Rv = Be(function() {
   const [t, n] = ee(null), [r, o] = ee(""), [i, s] = ee(null), [c, l] = ee(null);
   if (!f.applyOpen) return null;
-  const d = f.getPendingSourceChanges(), u = JSON.stringify(d.payload), h = Av(d.payload), m = (i == null ? void 0 : i.fingerprint) === u && i.journalRevision === d.revision, b = Wf(), x = $p(), w = f.pages.filter(
+  const d = f.getPendingSourceChanges(), u = JSON.stringify(d.payload), h = kv(d.payload), m = (i == null ? void 0 : i.fingerprint) === u && i.journalRevision === d.revision, b = Wf(), x = $p(), w = f.pages.filter(
     (S) => S.route == null && S.importLayers !== !0 && S.publish !== !1 && (!x || (S.canvas ?? "default") === x || // Per-section screen canvases stay part of the host's screen flow.
     (S.canvas ?? "default").startsWith(`${x} · `))
   ).map((S) => ({
@@ -11746,7 +11759,7 @@ const kv = Be(function() {
     if (v) {
       n("publish"), o("");
       try {
-        await Xy();
+        await Jy();
         const S = await v({ tokens: b, pages: w });
         o(S != null && S.branch ? `Draft screens saved · ${S.branch}` : "Draft screens saved");
       } catch (S) {
@@ -11929,21 +11942,21 @@ const kv = Be(function() {
   ] });
 });
 let Na = "auto";
-function Rv(e) {
+function Tv(e) {
   Na = e ?? "auto";
 }
-function Tv(e) {
+function Fv(e) {
   return Na !== "auto" ? Na : e ? "worker-first" : "browser-first";
 }
-const Fv = 6, _v = 2, Lv = 1;
+const _v = 6, Lv = 2, zv = 1;
 function Ql(e, t) {
   const n = [];
   for (let r = 0; r < e.length; r += t)
     n.push(e.slice(r, r + t));
   return n;
 }
-function zv(e, t) {
-  const n = Math.max(1, t.chunkSize ?? Fv), r = /* @__PURE__ */ new Set(), o = [], i = /* @__PURE__ */ new Map();
+function Dv(e, t) {
+  const n = Math.max(1, t.chunkSize ?? _v), r = /* @__PURE__ */ new Set(), o = [], i = /* @__PURE__ */ new Map();
   for (const c of e) {
     const l = `${c.canonicalId}\0${c.fingerprint}`;
     if (r.has(l)) continue;
@@ -11964,7 +11977,7 @@ function zv(e, t) {
     )
   };
 }
-const Dv = Object.freeze([5e3, 1e4, 2e4, 4e4]), Ia = /* @__PURE__ */ new Set();
+const Ov = Object.freeze([5e3, 1e4, 2e4, 4e4]), Ia = /* @__PURE__ */ new Set();
 let Ca = {
   phase: "idle",
   pending: 0,
@@ -11975,24 +11988,24 @@ let Ca = {
 function Zl() {
   return Ca;
 }
-function Ov(e) {
+function jv(e) {
   return Ia.add(e), () => Ia.delete(e);
 }
-function jv(e) {
+function Bv(e) {
   const t = Ca;
   if (!(t.phase === e.phase && t.pending === e.pending && t.completed === e.completed && t.released === e.released && t.inFlight === e.inFlight)) {
     Ca = e;
     for (const n of Ia) n();
   }
 }
-function Bv(e, t = {}) {
+function Wv(e, t = {}) {
   const n = Math.max(
     1,
-    t.activeInFlight ?? _v
+    t.activeInFlight ?? Lv
   ), r = Math.max(
     1,
-    t.backgroundInFlight ?? Lv
-  ), o = e.notPreparedRetryMs ?? Dv, i = e.setTimeout ?? ((S, D) => setTimeout(S, D)), s = e.clearTimeout ?? ((S) => clearTimeout(S));
+    t.backgroundInFlight ?? zv
+  ), o = e.notPreparedRetryMs ?? Ov, i = e.setTimeout ?? ((S, D) => setTimeout(S, D)), s = e.clearTimeout ?? ((S) => clearTimeout(S));
   let c = 0, l = [], d = [], u = 0, h = 0, m = 0, b = 0, x = "idle";
   const w = /* @__PURE__ */ new Set(), v = () => ({
     phase: x,
@@ -12000,7 +12013,7 @@ function Bv(e, t = {}) {
     completed: m,
     released: b,
     inFlight: u + h
-  }), A = () => jv(v());
+  }), A = () => Bv(v());
   function C() {
     l.length === 0 && d.length === 0 && u === 0 && h === 0 && w.size === 0 && (x = m === 0 ? "idle" : "done"), A();
   }
@@ -12083,7 +12096,7 @@ function Bv(e, t = {}) {
     }
   };
 }
-const Wv = "/progress", Hv = /* @__PURE__ */ new Set([
+const Hv = "/progress", Uv = /* @__PURE__ */ new Set([
   "queued",
   "preparing",
   "capturing",
@@ -12106,10 +12119,10 @@ const Ri = /* @__PURE__ */ new Set();
 function ed() {
   return wn;
 }
-function Uv(e) {
+function Vv(e) {
   return Ri.add(e), () => Ri.delete(e);
 }
-function Vv(e) {
+function qv(e) {
   const t = Number(e.completed), n = Number(e.total), r = Number(e.jobCount);
   if (typeof e.active != "boolean" || !Number.isInteger(t) || !Number.isInteger(n) || !Number.isInteger(r) || t < 0 || n < 0 || r < 0 || t > n)
     throw new TypeError("Preview capture catalog progress is invalid.");
@@ -12125,22 +12138,22 @@ function Vv(e) {
     for (const i of Ri) i();
   }
 }
-function qv() {
+function Kv() {
   if (wn !== Pa) {
     wn = Pa;
     for (const e of Ri) e();
   }
 }
-function Kv(e) {
-  return `${e.replace(/\/$/, "")}${Wv}`;
-}
 function Yv(e) {
+  return `${e.replace(/\/$/, "")}${Hv}`;
+}
+function Gv(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e;
   if (typeof t.active != "boolean" || typeof t.phase != "string")
     return null;
   const n = Number(t.completed), r = Number(t.total), o = Number(t.jobCount);
-  return !Number.isInteger(n) || !Number.isInteger(r) || !Number.isInteger(o) || n < 0 || r < 0 || o < 0 || n > r ? null : t.active ? o === 0 || !Hv.has(t.phase) ? null : {
+  return !Number.isInteger(n) || !Number.isInteger(r) || !Number.isInteger(o) || n < 0 || r < 0 || o < 0 || n > r ? null : t.active ? o === 0 || !Uv.has(t.phase) ? null : {
     active: !0,
     phase: t.phase,
     completed: n,
@@ -12152,10 +12165,10 @@ function Yv(e) {
     ...typeof t.updatedAt == "number" && Number.isFinite(t.updatedAt) ? { updatedAt: t.updatedAt } : {}
   } : t.phase === "idle" && n === 0 && r === 0 && o === 0 ? si : null;
 }
-function Gv(e, t) {
+function Xv(e, t) {
   return e.active === t.active && e.phase === t.phase && e.completed === t.completed && e.total === t.total && e.jobCount === t.jobCount && e.jobId === t.jobId && e.frameId === t.frameId && e.captureStatus === t.captureStatus && e.updatedAt === t.updatedAt;
 }
-function Xv(e, t, n) {
+function Jv(e, t, n) {
   if (!(t.total > 0 && (t.active || e.active && t.completed < t.total)))
     return { progress: e, state: null };
   if (!e.active)
@@ -12191,11 +12204,11 @@ function Xv(e, t, n) {
     state: i
   };
 }
-function J1(e) {
+function Q1(e) {
   const [t, n] = ee(
     si
   ), r = Ye(
-    Uv,
+    Vv,
     ed,
     ed
   ), o = Pe(null);
@@ -12206,7 +12219,7 @@ function J1(e) {
       return;
     }
     let c = !1, l = null, d = null;
-    const u = Kv(s), h = (b) => {
+    const u = Yv(s), h = (b) => {
       if (c) return;
       const x = typeof document < "u" && document.hidden;
       l = setTimeout(m, x ? 2e3 : b ? 350 : 1e3);
@@ -12221,11 +12234,11 @@ function J1(e) {
           signal: d.signal
         });
         if (!b.ok) throw new Error(`Capture progress returned ${b.status}.`);
-        const x = await b.json(), w = Yv(x.progress);
+        const x = await b.json(), w = Gv(x.progress);
         if (!w) throw new Error("Capture progress response is invalid.");
         if (c) return;
         n(
-          (v) => Gv(v, w) ? v : w
+          (v) => Xv(v, w) ? v : w
         ), h(w.active);
       } catch {
         if (c) return;
@@ -12236,14 +12249,14 @@ function J1(e) {
       c = !0, l && clearTimeout(l), d == null || d.abort();
     };
   }, [e]);
-  const i = Xv(
+  const i = Jv(
     t,
     r,
     o.current
   );
   return o.current = i.state, i.progress;
 }
-function Jv({
+function Qv({
   previewIdentityReady: e,
   previewCacheHydrated: t,
   previewCacheKeys: n
@@ -12262,12 +12275,12 @@ function Jv({
     Ks,
     Ks
   ), o = Ye(
-    Ov,
+    jv,
     Zl,
     Zl
   ), i = e ? n.filter((l) => er(l)).length : 0, s = e ? n.filter((l) => yo(l)).length : 0, c = t && s === n.length;
   return Nr(() => {
-    Vv({
+    qv({
       active: o.phase === "running",
       completed: s,
       total: n.length,
@@ -12281,7 +12294,7 @@ function Jv({
     o.phase
   ]), Nr(
     () => () => {
-      qv();
+      Kv();
     },
     []
   ), /* @__PURE__ */ a(
@@ -12303,7 +12316,7 @@ function Jv({
     }
   );
 }
-const Qv = "pygmalion.design-ir", Zv = 1, ew = {
+const Zv = "pygmalion.design-ir", ew = 1, tw = {
   previewNodeLimit: 1200,
   maxNodes: 1e4,
   maxDepth: 64,
@@ -12317,13 +12330,13 @@ function Xf(e) {
     Xf(t);
   return e;
 }
-function tw(e) {
+function nw(e) {
   return new TextEncoder().encode(e).byteLength;
 }
-function nw(e) {
+function rw(e) {
   return e.startsWith("data:") ? "embedded" : e.startsWith("blob:") ? "ephemeral" : /^https?:\/\//i.test(e) ? "remote" : "project";
 }
-function rw(e) {
+function ow(e) {
   const t = [], n = e.domTag.toLowerCase(), r = e.domAttributes.src;
   r && ["img", "picture", "source"].includes(n) ? t.push({ kind: "image", source: r }) : r && n === "video" && t.push({ kind: "video", source: r });
   const o = e.domAttributes.poster;
@@ -12345,7 +12358,7 @@ function Ti(e) {
     e.message
   ].join("\0");
 }
-function ow(e) {
+function iw(e) {
   const t = at(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), o = [];
   let i = 0, s = 0, c = 0;
   const l = (m, b, x) => {
@@ -12383,10 +12396,10 @@ function ow(e) {
       nodeId: m.id,
       nodePath: x
     });
-    for (const v of rw(m)) {
+    for (const v of ow(m)) {
       const A = `${v.kind}\0${v.source}`, C = r.get(A) ?? {
         ...v,
-        portability: nw(v.source),
+        portability: rw(v.source),
         nodeIds: /* @__PURE__ */ new Set()
       };
       C.nodeIds.add(m.id), r.set(A, C), C.portability === "ephemeral" && o.push({
@@ -12463,8 +12476,8 @@ function ow(e) {
     )
   };
 }
-function iw(e) {
-  const t = { ...ew, ...e };
+function sw(e) {
+  const t = { ...tw, ...e };
   for (const [n, r] of Object.entries(t))
     if (!Number.isFinite(r) || r <= 0)
       throw new Error(`Design compile limit "${n}" must be positive.`);
@@ -12474,14 +12487,14 @@ function iw(e) {
     );
   return t;
 }
-function Q1(e, t) {
+function Z1(e, t) {
   return Jf(e, t).document;
 }
 function Jf(e, t) {
-  const n = Ap(e), r = ow(n);
+  const n = Ap(e), r = iw(n);
   return { document: Xf({
-    schema: Qv,
-    version: Zv,
+    schema: Zv,
+    version: ew,
     root: n,
     ...t ? { frame: { ...t } } : {},
     components: r.components,
@@ -12489,7 +12502,7 @@ function Jf(e, t) {
     metrics: r.metrics
   }), diagnostics: r.diagnostics };
 }
-function sw(e) {
+function aw(e) {
   const t = e.id.trim();
   if (!t || !e.label.trim() || !e.language.trim())
     throw new Error("Design codegen adapters require an id, label, and language.");
@@ -12500,13 +12513,13 @@ function sw(e) {
     qn.get(t) === r && (n ? qn.set(t, n) : qn.delete(t));
   };
 }
-function aw() {
+function cw() {
   return [...qn.values()].sort(
     (e, t) => e.label.localeCompare(t.label)
   );
 }
-function cw(e, t = {}) {
-  const n = t.target ?? "jsx-tailwind", r = t.purpose ?? "export", o = iw(t.limits), i = Jf(
+function lw(e, t = {}) {
+  const n = t.target ?? "jsx-tailwind", r = t.purpose ?? "export", o = sw(t.limits), i = Jf(
     e,
     t.frame
   ), { document: s } = i, c = [...i.diagnostics], l = qn.get(n);
@@ -12576,7 +12589,7 @@ function cw(e, t = {}) {
       message: m instanceof Error ? m.message : "The target generator failed."
     });
   }
-  const u = tw(d);
+  const u = nw(d);
   u > o.maxOutputBytes && (c.push({
     severity: "error",
     stage: "resource",
@@ -12600,14 +12613,14 @@ function cw(e, t = {}) {
     metrics: { ...s.metrics, outputBytes: h === "ready" ? u : 0 }
   };
 }
-sw({
+aw({
   id: "jsx-tailwind",
   label: "JSX + Tailwind",
   language: "jsx",
   extension: ".jsx",
   generate: ({ document: e }) => Ic(e.root, e.frame)
 });
-function lw(e) {
+function dw(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = [
@@ -12620,17 +12633,17 @@ function lw(e) {
   }
   return [...t.values()];
 }
-const dw = Be(function() {
+const uw = Be(function() {
   var h;
   const [t, n] = ee("jsx-tailwind"), [r, o] = ee(!1);
   if (!f.codeOpen) return null;
-  const i = aw(), s = i.some((m) => m.id === t) ? t : ((h = i[0]) == null ? void 0 : h.id) ?? t, c = cw(f.root, {
+  const i = cw(), s = i.some((m) => m.id === t) ? t : ((h = i[0]) == null ? void 0 : h.id) ?? t, c = lw(f.root, {
     target: s,
     purpose: "interactive",
     force: r
   }), l = c.document.components.filter(
     (m) => m.connectionId
-  ).length, d = lw(c.diagnostics), u = d.slice(0, 4);
+  ).length, d = dw(c.diagnostics), u = d.slice(0, 4);
   return /* @__PURE__ */ g("div", { className: "flex h-2/5 min-h-[180px] flex-none flex-col border-t border-[#e6e6e6] bg-[#1e1e1e]", children: [
     /* @__PURE__ */ g("div", { className: "flex items-center gap-2 px-3 py-1.5 text-[11px] text-neutral-400", children: [
       /* @__PURE__ */ a(
@@ -12709,7 +12722,7 @@ const dw = Be(function() {
       )
     ] }) : c.status === "blocked" ? /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 text-center text-[11px] text-red-300", children: "Resolve the compiler errors before generating code." }) : /* @__PURE__ */ a("pre", { className: "min-h-0 flex-1 overflow-auto px-3 pb-3 text-[11px] leading-relaxed text-emerald-300", children: c.code })
   ] });
-}), uw = Be(function() {
+}), fw = Be(function() {
   var l;
   const t = f.ctxMenu;
   if (!t) return null;
@@ -12784,13 +12797,13 @@ const dw = Be(function() {
     )
   ] });
 });
-function fw(e, t) {
+function hw(e, t) {
   const n = ` · ${t}`, r = e.indexOf(n);
   if (r < 0) return e;
   const o = e.slice(r + n.length);
   return o.startsWith(" · ") ? o.slice(3) : t;
 }
-function hw(e, t, n = () => !0, r = () => !0) {
+function pw(e, t, n = () => !0, r = () => !0) {
   const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set();
   for (const h of e) {
     const m = h.canvas ?? "default";
@@ -12805,7 +12818,7 @@ function hw(e, t, n = () => !0, r = () => !0) {
       l.push({ canvas: h, label: h, frames: m, declared: b });
       continue;
     }
-    const w = { canvas: h, label: fw(h, x), frames: m, declared: b }, v = u.get(x);
+    const w = { canvas: h, label: hw(h, x), frames: m, declared: b }, v = u.get(x);
     if (v === void 0) {
       u.set(x, d.length), d.push({ section: x, canvases: [w], frames: m, declared: b, single: !0 });
       continue;
@@ -12835,18 +12848,18 @@ function xo() {
 function Qf(e) {
   return $a.add(e), () => $a.delete(e);
 }
-const pw = "data-pygmalion-source", mw = "/__pygmalion-storyboard/source-usage", gw = 4e3;
+const mw = "data-pygmalion-source", gw = "/__pygmalion-storyboard/source-usage", bw = 4e3;
 function Pc(e) {
   if (!e) return null;
   const t = e.replaceAll("\\", "/").trim();
   return !t || t.startsWith("/") || t.includes("\0") || t.split("/").includes("..") || t.length > 1200 ? null : t;
 }
-function bw(e) {
+function xw(e) {
   if (!e) return null;
   const t = e.lastIndexOf("#");
   return t <= 0 ? null : Pc(e.slice(0, t));
 }
-function xw(e) {
+function yw(e) {
   if (!e) return null;
   const t = e.indexOf("|");
   return Pc(t > 0 ? e.slice(0, t) : e);
@@ -12856,12 +12869,12 @@ function Ea(e) {
   let r = 0;
   const o = (i) => {
     var l;
-    if (!i || r >= gw) return;
+    if (!i || r >= bw) return;
     r += 1, i.componentName && n.add(i.componentName);
-    const s = bw(i.sourceStyle);
+    const s = xw(i.sourceStyle);
     s && t.add(s);
-    const c = xw(
-      (l = i.domAttributes) == null ? void 0 : l[pw]
+    const c = yw(
+      (l = i.domAttributes) == null ? void 0 : l[mw]
     );
     c && t.add(c);
     for (const d of i.children ?? []) o(d);
@@ -12871,13 +12884,13 @@ function Ea(e) {
     componentNames: [...n].sort()
   };
 }
-function yw(e) {
+function vw(e) {
   if (!e) return;
   if (e.componentName) return e.componentName;
   const { componentNames: t } = Ea(e);
   return t.length === 1 ? t[0] : void 0;
 }
-function vw(e) {
+function ww(e) {
   const t = e.slice(e.lastIndexOf("/") + 1), n = t.indexOf(".");
   return n === -1 ? t : t.slice(0, n);
 }
@@ -12887,7 +12900,7 @@ function Zf(e) {
     const i = [...new Set(o.map(Pc).filter(Boolean))].sort();
     if (i.length !== 0) {
       if (t) {
-        const s = i.find((c) => vw(c) === t);
+        const s = i.find((c) => ww(c) === t);
         if (s) return s;
       }
       return i[0];
@@ -12895,7 +12908,7 @@ function Zf(e) {
   };
   return n(e.declaredFiles ?? []) ?? n(e.sourceFiles);
 }
-function ww(e) {
+function Sw(e) {
   var s;
   const t = e.usageByFile ?? {}, n = e.usageRequested ?? !1, r = new Map(
     e.consumers.map((c) => [c.frameId, c])
@@ -12933,7 +12946,7 @@ function ww(e) {
     unplacedFrameIds: i.sort()
   };
 }
-function Sw(e = []) {
+function Nw(e = []) {
   return {
     frames: [],
     canonicalGroups: [],
@@ -12962,7 +12975,7 @@ function Sw(e = []) {
     })).sort((t, n) => t.frameId.localeCompare(n.frameId))
   };
 }
-function Nw(e) {
+function Iw(e) {
   const t = /* @__PURE__ */ new Set([
     ...e.startFrameIds,
     ...e.branchFrameIds
@@ -13155,7 +13168,7 @@ function eh(e, t) {
         return (F = l.get(N.nodeId)) == null ? void 0 : F.frameId;
       }
     )
-  ), L = Nw({
+  ), L = Iw({
     frames: B,
     canonicalGroups: q,
     sharedSources: S,
@@ -13200,7 +13213,7 @@ function th(e) {
   }
   return n;
 }
-function Iw(e) {
+function Cw(e) {
   const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (o) => {
     const i = t.get(o);
     if (i) return { path: i, cyclic: !1 };
@@ -13217,9 +13230,9 @@ function Iw(e) {
   };
   return (o) => r(o).path;
 }
-function Cw(e) {
+function Pw(e) {
   if (e.frames.length === 0) return td;
-  const t = th(e), n = Iw(t), r = e.startFrameIds.length ? e.startFrameIds : e.frames.filter((d) => d.incomingTransitions.length === 0).map((d) => d.frameId);
+  const t = th(e), n = Cw(t), r = e.startFrameIds.length ? e.startFrameIds : e.frames.filter((d) => d.incomingTransitions.length === 0).map((d) => d.frameId);
   let o = [];
   for (const d of r) {
     const u = n(d);
@@ -13238,10 +13251,10 @@ function Cw(e) {
   const l = e.frames.map((d) => d.frameId).filter((d) => !i.has(d) && !c.has(d));
   return { spine: o, detours: s, detourParent: c, offJourney: l };
 }
-function Pw(e, t) {
+function Mw(e, t) {
   return t ? e.spine.includes(t) ? t : e.detourParent.get(t) ?? null : null;
 }
-function Mw(e) {
+function $w(e) {
   const t = th(e);
   return e.frames.filter((n) => (t.get(n.frameId) ?? []).length === 0);
 }
@@ -13280,7 +13293,7 @@ function pr({
     }
   );
 }
-const $w = {
+const Ew = {
   observed: "Frames observed rendering this piece",
   direct: "Files that name this piece; barrels are followed through",
   transitive: "Nothing names it directly. This is the dependency closure, which a barrel inflates — not a usage count.",
@@ -13288,10 +13301,10 @@ const $w = {
   unused: "The source scan found nothing that uses it",
   "not-traced": "No source file to trace, or no scan available"
 };
-function Ew(e) {
+function Aw(e) {
   return e.evidence === "observed" ? `${e.usedByFrames.length} frames` : e.evidence === "direct" ? `${e.usedByFiles.length} files` : e.evidence === "transitive" ? `${e.transitiveCount ?? 0} indirect` : e.evidence === "pending" ? "checking…" : e.evidence === "unused" ? "unused" : "not traced";
 }
-function Aw({
+function kw({
   children: e,
   count: t
 }) {
@@ -13323,19 +13336,19 @@ function Yn({
               children: "›"
             }
           ),
-          /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a(Aw, { count: t, children: e }) })
+          /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a(kw, { count: t, children: e }) })
         ]
       }
     ),
     o ? /* @__PURE__ */ a("div", { className: "mt-0.5 flex flex-col gap-0.5", children: r }) : null
   ] });
 }
-function kw({
+function Rw({
   model: e,
   frameById: t,
   onSelectFrame: n
 }) {
-  const r = Mw(e), o = f.canvasPages.filter((l) => l.route != null), i = o.filter((l) => {
+  const r = $w(e), o = f.canvasPages.filter((l) => l.route != null), i = o.filter((l) => {
     var d;
     return !((d = l.scenarioIds) != null && d.length);
   }), s = o.flatMap((l) => {
@@ -13393,14 +13406,14 @@ function kw({
     )
   ] });
 }
-function Rw({
+function Tw({
   model: e,
   onSelectFrame: t,
   activeFrameId: n,
   composition: r = null,
   frameNameById: o
 }) {
-  const i = new Map(e.frames.map((x) => [x.frameId, x])), s = Dt(() => Cw(e), [e]), c = Pw(s, n), [l, d] = ee({}), u = e.frames.filter((x) => x.warnings.length), h = (r == null ? void 0 : r.entries) ?? [], m = (r == null ? void 0 : r.unplacedFrameIds) ?? [];
+  const i = new Map(e.frames.map((x) => [x.frameId, x])), s = Dt(() => Pw(e), [e]), c = Mw(s, n), [l, d] = ee({}), u = e.frames.filter((x) => x.warnings.length), h = (r == null ? void 0 : r.entries) ?? [], m = (r == null ? void 0 : r.unplacedFrameIds) ?? [];
   return e.startFrameIds.length > 0 || e.branchFrameIds.length > 0 || e.canonicalGroups.length > 0 || e.sharedSources.length > 0 || e.warnings.length > 0 || e.unplacedFrames.length > 0 || h.length > 0 || m.length > 0 ? (
     // The height belongs to the panel that stacks the regions, so this one
     // fills what it is given rather than capping itself.
@@ -13508,7 +13521,7 @@ function Rw({
           ) : null,
           /* @__PURE__ */ g("div", { className: "mt-2 flex flex-col gap-2", children: [
             /* @__PURE__ */ a(
-              kw,
+              Rw,
               {
                 model: e,
                 frameById: i,
@@ -13541,8 +13554,8 @@ function Rw({
                           "span",
                           {
                             className: "shrink-0 text-[9px] text-[#999]",
-                            title: $w[x.evidence],
-                            children: Ew(x)
+                            title: Ew[x.evidence],
+                            children: Aw(x)
                           }
                         )
                       ] }),
@@ -13630,10 +13643,10 @@ function Rw({
     )
   ) : null;
 }
-function Tw({ type: e }) {
+function Fw({ type: e }) {
   return /* @__PURE__ */ a("span", { className: `shrink-0 ${e === "component" ? "text-[#9747ff]" : "text-[#999]"}`, children: e === "text" ? /* @__PURE__ */ a(yf, { size: 10 }) : e === "columns" ? /* @__PURE__ */ a(bc, { size: 10 }) : e === "component" ? /* @__PURE__ */ a($i, { size: 10 }) : /* @__PURE__ */ a(Pi, { size: 10 }) });
 }
-const Fw = Od(function e({ node: t, depth: n }) {
+const _w = Od(function e({ node: t, depth: n }) {
   return mf(() => {
     const r = f.isSelected(t.id), o = f.collapsed.has(t.id), i = t.children.length > 0, s = f.renamingId === t.id, c = t.type === "text" ? t.text : t.name, l = (d) => {
       const u = d.trim();
@@ -13670,7 +13683,7 @@ const Fw = Od(function e({ node: t, depth: n }) {
                 children: /* @__PURE__ */ a(ri, { open: !o })
               }
             ),
-            /* @__PURE__ */ a(Tw, { type: t.type }),
+            /* @__PURE__ */ a(Fw, { type: t.type }),
             s ? /* @__PURE__ */ a(
               "input",
               {
@@ -13730,7 +13743,7 @@ const Fw = Od(function e({ node: t, depth: n }) {
     ] });
   });
 });
-function _w({
+function Lw({
   id: e,
   name: t,
   active: n,
@@ -13776,7 +13789,7 @@ function nd() {
     return {};
   }
 }
-function Lw(e, t) {
+function zw(e, t) {
   const [n, r] = ee(() => {
     const i = nd()[e];
     return typeof i == "number" && Number.isFinite(i) ? i : t;
@@ -13792,7 +13805,7 @@ function Lw(e, t) {
     }
   }];
 }
-function zw({
+function Dw({
   label: e,
   height: t,
   onResize: n,
@@ -13847,7 +13860,7 @@ const Is = Be(function({
       ]
     }
   );
-}), Dw = Be(function() {
+}), Ow = Be(function() {
   const t = Ye(
     Fd,
     li,
@@ -13874,7 +13887,7 @@ const Is = Be(function({
       );
     }) })
   ] });
-}), Ow = Be(function({
+}), jw = Be(function({
   view: t = "story",
   onFrameFocus: n = (o) => f.selectFrame(o),
   storyboardReady: r = !0
@@ -13884,7 +13897,7 @@ const Is = Be(function({
     li,
     li
   );
-  const [o, i] = Lw("frames", 176), [s, c] = ee({}), l = hw(
+  const [o, i] = zw("frames", 176), [s, c] = ee({}), l = pw(
     f.pages,
     f.canvasNames,
     (I) => f.isScreenStateShown(I),
@@ -13902,10 +13915,10 @@ const Is = Be(function({
   ), w = new Set(x.map((I) => I.id)), v = [
     ...x.map(b),
     ...m ? [] : h.filter((I) => !w.has(I.id)).map(b)
-  ], A = r ? u ? eh(u, v) : Sw(v) : null, C = h.map((I) => ({
+  ], A = r ? u ? eh(u, v) : Nw(v) : null, C = h.map((I) => ({
     frameId: I.id,
     name: I.name,
-    componentName: yw(I.root),
+    componentName: vw(I.root),
     declaredFiles: I.sourcePaths ?? [],
     ...Ea(I.root)
   })), [R, B] = ee({}), [q, S] = ee(!1), K = (m ? [...new Set(C.map(Zf).filter(Boolean))].sort() : []).join(",");
@@ -13915,7 +13928,7 @@ const Is = Be(function({
     return S(!0), (async () => {
       try {
         const N = await fetch(
-          `${mw}?files=${encodeURIComponent(K)}`
+          `${gw}?files=${encodeURIComponent(K)}`
         );
         if (I || !N.ok) return;
         const F = await N.json();
@@ -13928,7 +13941,7 @@ const Is = Be(function({
       I = !0;
     };
   }, [K]);
-  const T = m ? ww({
+  const T = m ? Sw({
     usageByFile: R,
     usageRequested: q,
     catalog: C,
@@ -13941,7 +13954,7 @@ const Is = Be(function({
     f.pages.map((I) => [I.id, I.name])
   );
   return /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ a(Dw, {}),
+    /* @__PURE__ */ a(Ow, {}),
     t === "story" && /* @__PURE__ */ g(He, { children: [
       /* @__PURE__ */ g("div", { className: "shrink-0 border-b border-[#e6e6e6] px-3 py-2.5", children: [
         /* @__PURE__ */ a("div", { className: "text-[11px] font-semibold text-[#333]", children: "Pages" }),
@@ -14016,7 +14029,7 @@ const Is = Be(function({
         }) })
       ] }),
       A && /* @__PURE__ */ a("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ a(
-        Rw,
+        Tw,
         {
           model: A,
           onSelectFrame: n,
@@ -14038,7 +14051,7 @@ const Is = Be(function({
               /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-[#e6e6e6]" })
             ] }),
             /* @__PURE__ */ a(
-              _w,
+              Lw,
               {
                 id: I.id,
                 name: I.name,
@@ -14051,7 +14064,7 @@ const Is = Be(function({
         }) })
       ] }),
       /* @__PURE__ */ a(
-        zw,
+        Dw,
         {
           label: "Frames height",
           height: o,
@@ -14059,7 +14072,7 @@ const Is = Be(function({
         }
       ),
       /* @__PURE__ */ a("div", { className: "px-3 pb-1 pt-1 text-[11px] font-semibold text-[#333]", children: "Layers" }),
-      /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ a(Fw, { node: f.root, depth: 0 }) })
+      /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ a(_w, { node: f.root, depth: 0 }) })
     ] })
   ] });
 });
@@ -14071,7 +14084,7 @@ function rd(e, t, n) {
     );
   return Math.round(e);
 }
-function jw(e) {
+function Bw(e) {
   ih = e.map((t) => {
     const n = String(t.label ?? "").trim();
     if (!n) throw new Error("Viewport preset is missing a label.");
@@ -14086,16 +14099,16 @@ function jw(e) {
 function sh() {
   return ih;
 }
-function Bw(e, t) {
+function Ww(e, t) {
   return Math.round(t.width) !== e.width ? !1 : e.height == null || Math.round(t.height) === e.height;
 }
-function Ww(e, t) {
+function Hw(e, t) {
   return Object.entries((t == null ? void 0 : t.props) ?? {}).filter(
     ([n, r]) => Object.hasOwn(e.sourceProps, n) && r.some((o) => typeof o == typeof e.sourceProps[n])
   ).map(([n]) => n);
 }
-const Hw = 10;
-function Z1(e, t) {
+const Uw = 10;
+function eS(e, t) {
   var c, l;
   const n = [], r = new Set(t.scenarios.map((d) => d.id)), o = new Map(t.screens.map((d) => [d.id, d])), i = /* @__PURE__ */ new Map();
   for (const d of t.screens)
@@ -14111,7 +14124,7 @@ function Z1(e, t) {
       continue;
     }
     if (d.kind === "behavior" || d.kind === "todo") {
-      d.reason.trim().length < Hw && n.push({
+      d.reason.trim().length < Uw && n.push({
         severity: "error",
         scenarioId: d.scenarioId,
         message: `${d.kind} claim needs a substantive reason`
@@ -14231,7 +14244,7 @@ function Z1(e, t) {
     });
   return n;
 }
-function Uw(e) {
+function Vw(e) {
   return f.pages.find(
     (t) => (t.importPageId ?? t.id) === e
   ) ?? null;
@@ -14244,13 +14257,13 @@ function ah(e, t) {
   }
   return null;
 }
-function Vw(e) {
+function qw(e) {
   if (e.kind === "behavior" || e.kind === "todo")
     return {
       status: "failed",
       message: "behavior/todo claims have no editor state to reproduce"
     };
-  const t = Uw(e.screenId);
+  const t = Vw(e.screenId);
   if (!t)
     return { status: "failed", message: `screen "${e.screenId}" is not loaded` };
   if (f.selectFrame(t.id), e.kind === "frame" || e.kind === "screen-state" || e.kind === "catalog")
@@ -14317,7 +14330,7 @@ function Vw(e) {
   };
 }
 const fo = /* @__PURE__ */ new Map();
-function qw(e) {
+function Kw(e) {
   fo.clear();
   for (const t of e) {
     if (t.kind === "behavior" || t.kind === "todo") continue;
@@ -14325,10 +14338,10 @@ function qw(e) {
     n.push(t), fo.set(t.screenId, n);
   }
 }
-function Kw(e) {
+function Yw(e) {
   return fo.get(e) ?? [];
 }
-function Yw(e, t, n) {
+function Gw(e, t, n) {
   const r = [];
   for (const o of fo.get(e) ?? [])
     o.kind === "component-state" && o.componentName === t && o.prop === n && r.push(o.scenarioId);
@@ -14347,13 +14360,13 @@ function Le({
     /* @__PURE__ */ a("div", { className: "mt-1 flex flex-col gap-1.5", children: n })
   ] });
 }
-function Gw(e, t, n, r) {
+function Xw(e, t, n, r) {
   return Object.hasOwn(e.componentProps, t) ? e.componentProps[t] : r ?? n[0];
 }
 function od(e) {
   return typeof e == "boolean" ? e ? "On" : "Off" : String(e);
 }
-function Xw({
+function Jw({
   node: e,
   entry: t,
   sourceWritableProps: n = null,
@@ -14362,7 +14375,7 @@ function Xw({
 }) {
   return /* @__PURE__ */ a(He, { children: Object.entries(t.props ?? {}).map(([i, s]) => {
     var h, m;
-    const c = ((h = t.propLabels) == null ? void 0 : h[i]) ?? i, l = Gw(
+    const c = ((h = t.propLabels) == null ? void 0 : h[i]) ?? i, l = Xw(
       e,
       i,
       s,
@@ -14448,7 +14461,7 @@ function id({ kind: e }) {
     }
   ) : null;
 }
-const Jw = Be(function({
+const Qw = Be(function({
   page: t
 }) {
   if (!t.scenario || t.route == null) return null;
@@ -14531,7 +14544,7 @@ const Jw = Be(function({
       })
     }
   ) });
-}), Qw = {
+}), Zw = {
   frame: "FRAME",
   "screen-state": "STATE",
   "component-state": "TOGGLE",
@@ -14540,7 +14553,7 @@ const Jw = Be(function({
   "interactive-state": "AXIS",
   "card-slot": "SLOT",
   "list-length": "LIST"
-}, Zw = /* @__PURE__ */ new Set([
+}, e0 = /* @__PURE__ */ new Set([
   "component-state",
   "card-slot",
   "list-length"
@@ -14565,12 +14578,12 @@ function sd(e) {
       return "this frame";
   }
 }
-const e0 = Be(function({
+const t0 = Be(function({
   page: t
 }) {
-  const n = Kw(t.importPageId ?? t.id);
+  const n = Yw(t.importPageId ?? t.id);
   return n.length === 0 ? null : /* @__PURE__ */ a(Le, { title: "Scenario coverage", children: n.map((r) => {
-    const o = !f.editMode && Zw.has(r.kind);
+    const o = !f.editMode && e0.has(r.kind);
     return /* @__PURE__ */ g(
       "button",
       {
@@ -14581,33 +14594,33 @@ const e0 = Be(function({
         title: o ? Un : r.reason ?? sd(r),
         className: "flex h-7 items-center justify-between gap-2 rounded-md bg-[#fafafa] px-2 text-left ring-1 ring-inset ring-[#ececec] hover:bg-[#f0f7ff] disabled:cursor-not-allowed disabled:opacity-45 disabled:hover:bg-[#fafafa]",
         onClick: () => {
-          Vw(r);
+          qw(r);
         },
         children: [
           /* @__PURE__ */ a("span", { className: "truncate text-[11px] font-semibold text-[#333]", children: r.scenarioId }),
           /* @__PURE__ */ g("span", { className: "flex shrink-0 items-center gap-1", children: [
             /* @__PURE__ */ a("span", { className: "max-w-40 truncate text-[9px] text-[#999]", children: sd(r) }),
-            /* @__PURE__ */ a("span", { className: "rounded bg-[#f0f0f0] px-1 py-0.5 text-[8px] font-semibold tracking-wide text-[#666]", children: Qw[r.kind] ?? r.kind })
+            /* @__PURE__ */ a("span", { className: "rounded bg-[#f0f0f0] px-1 py-0.5 text-[8px] font-semibold tracking-wide text-[#666]", children: Zw[r.kind] ?? r.kind })
           ] })
         ]
       },
       r.scenarioId
     );
   }) });
-}), t0 = "/__pygmalion-storyboard/component-branches", ad = /* @__PURE__ */ new Map();
-function n0(e) {
+}), n0 = "/__pygmalion-storyboard/component-branches", ad = /* @__PURE__ */ new Map();
+function r0(e) {
   const t = ad.get(e);
   if (t) return t;
   const n = fetch(
-    `${t0}?source=${encodeURIComponent(e)}`
+    `${n0}?source=${encodeURIComponent(e)}`
   ).then((r) => r.ok ? r.json() : { branches: [] }).then((r) => r.branches ?? []).catch(() => []);
   return ad.set(e, n), n;
 }
-function r0(e) {
+function o0(e) {
   var t, n;
   return e.prop ? (((n = (t = at()[e.component]) == null ? void 0 : t.props) == null ? void 0 : n[e.prop]) ?? []).filter((o) => typeof o == "string") : (e.options ?? []).map((r) => r.label);
 }
-function o0({
+function i0({
   label: e,
   title: t,
   ariaLabel: n,
@@ -14632,7 +14645,7 @@ function o0({
     )
   ] });
 }
-const i0 = Be(function({
+const s0 = Be(function({
   page: t
 }) {
   const n = Lp(), [r, o] = ee({}), i = n.filter(
@@ -14641,7 +14654,7 @@ const i0 = Be(function({
   return se(() => {
     let c = !0;
     for (const l of s)
-      n0(l).then((d) => {
+      r0(l).then((d) => {
         c && o(
           (u) => u[l] ? u : { ...u, [l]: d }
         );
@@ -14652,7 +14665,7 @@ const i0 = Be(function({
   }, [s.join("|")]), i.length === 0 ? null : /* @__PURE__ */ a(Le, { title: "Screen dimensions", children: i.map((c) => {
     const l = [Xc(t, c)].filter(
       Boolean
-    ), d = r0(c), u = new Set(d), m = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
+    ), d = o0(c), u = new Set(d), m = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
       const x = [b.renders, ...b.values ?? []].filter(
         (w) => !!w
       );
@@ -14665,7 +14678,7 @@ const i0 = Be(function({
         className: "flex flex-col gap-1",
         children: [
           l.map((b) => /* @__PURE__ */ a(
-            o0,
+            i0,
             {
               label: c.label,
               title: c.component,
@@ -14705,7 +14718,7 @@ const i0 = Be(function({
       c.id
     );
   }) });
-}), s0 = Be(function({
+}), a0 = Be(function({
   page: t
 }) {
   const n = zd().filter(
@@ -14757,7 +14770,7 @@ const i0 = Be(function({
       r.id
     );
   }) });
-}), a0 = Be(function({
+}), c0 = Be(function({
   page: t
 }) {
   const n = Ld().filter(
@@ -14802,7 +14815,7 @@ const i0 = Be(function({
       );
     })
   ] }, o.id)) }, r.id)) });
-}), c0 = Be(function({
+}), l0 = Be(function({
   page: t
 }) {
   const n = jp(t, _d()), r = pg(t, n), o = Ed(t), i = f.previewMotionState(t.id), [s, c] = ee(
@@ -15002,10 +15015,7 @@ const i0 = Be(function({
               )
             }
           ),
-          /* @__PURE__ */ g("span", { className: "w-7 text-right text-[9px] tabular-nums text-[#999]", children: [
-            Math.round(i.progress * 100),
-            "%"
-          ] })
+          /* @__PURE__ */ a("span", { className: "w-7 text-right text-[9px] tabular-nums text-[#999]", children: i.mode === "frozen" ? "Base" : `${Math.round(i.progress * 100)}%` })
         ] })
       ]
     }
@@ -15015,7 +15025,7 @@ const i0 = Be(function({
     b("condition", "Condition states"),
     A
   ] });
-}), l0 = Be(function({
+}), d0 = Be(function({
   page: t
 }) {
   const { unclassified: n } = ff(
@@ -15044,7 +15054,7 @@ const i0 = Be(function({
       r.id
     ))
   ] });
-}), d0 = [
+}), u0 = [
   { v: "fill", label: "Fill" },
   { v: "fit", label: "Hug" },
   { v: "fixed", label: "Fixed" }
@@ -15058,7 +15068,7 @@ function Mt({ label: e, value: t }) {
 function cd(e, t) {
   return e === "fixed" ? `${Math.round(t ?? 0)}px` : e;
 }
-const u0 = Be(function({
+const f0 = Be(function({
   node: t
 }) {
   const n = t.type === "component" ? at()[t.componentName] : void 0, r = Object.entries(t.componentProps ?? {});
@@ -15076,7 +15086,7 @@ const u0 = Be(function({
     ] }),
     t.sourceComponent && /* @__PURE__ */ a(Le, { title: "Source", children: /* @__PURE__ */ a(Mt, { label: "Component", value: t.sourceComponent }) })
   ] });
-}), f0 = Be(function({
+}), h0 = Be(function({
   section: t,
   members: n
 }) {
@@ -15092,7 +15102,7 @@ const u0 = Be(function({
     /* @__PURE__ */ a(Mt, { label: "Frames", value: String(n) })
   ] }) });
 });
-function h0({ node: e }) {
+function p0({ node: e }) {
   const t = f.sharedSourceImpactFor(e);
   if (t.frames.length < 2) return null;
   const n = f.sharedSourceEditScopeFor(e), r = t.frames.slice(0, 3).map((s) => s.name), o = t.frames.length - r.length, i = `${r.join(" · ")}${o > 0 ? ` · ${o} more` : ""}`;
@@ -15127,7 +15137,7 @@ function h0({ node: e }) {
     /* @__PURE__ */ a("div", { className: "text-[10px] leading-relaxed text-[#999]", children: "Unsupported source operations remain limited to the selected frame." })
   ] });
 }
-function p0({ node: e }) {
+function m0({ node: e }) {
   var i;
   const t = e.type === "component" ? (i = at()[e.componentName]) == null ? void 0 : i.props : void 0, n = Object.entries(e.sourceProps).filter(
     ([s]) => !t || !Object.hasOwn(t, s)
@@ -15223,7 +15233,7 @@ function ld({ value: e, onChange: t }) {
       className: "h-7 min-w-0 flex-1 rounded-md bg-[#f5f5f5] px-1.5 text-[11px] text-[#333] outline-none hover:ring-1 hover:ring-inset hover:ring-[#e6e6e6]",
       value: e,
       onChange: (n) => t(n.target.value),
-      children: d0.map((n) => /* @__PURE__ */ a("option", { value: n.v, children: n.label }, n.v))
+      children: u0.map((n) => /* @__PURE__ */ a("option", { value: n.v, children: n.label }, n.v))
     }
   );
 }
@@ -15337,7 +15347,7 @@ function dd({
   )) });
 }
 const ud = ["start", "center", "end"];
-function m0({ node: e }) {
+function g0({ node: e }) {
   const t = e.type === "rows", n = (o, i) => f.patch(
     e,
     t ? { justify: o, alignItems: i } : { justify: i, alignItems: o }
@@ -15373,14 +15383,14 @@ function m0({ node: e }) {
     )
   ] });
 }
-function g0(e) {
+function b0(e) {
   const t = e.root.domStyle.display;
   if (t === "grid" || t === "inline-grid") return "grid";
   if (t === "block" || t === "contents") return "free";
   const n = e.root.domStyle.flexDirection;
   return n != null && n.startsWith("row") ? "horizontal" : n != null && n.startsWith("column") ? "vertical" : e.root.type === "columns" ? "horizontal" : "vertical";
 }
-function b0({ mode: e }) {
+function x0({ mode: e }) {
   return e === "grid" ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "grid h-4 w-4 grid-cols-2 gap-[3px]", children: [0, 1, 2, 3].map((t) => /* @__PURE__ */ a("i", { className: "rounded-[2px] border border-current" }, t)) }) : e === "vertical" || e === "horizontal" ? /* @__PURE__ */ g("span", { "aria-hidden": "true", className: `flex items-center gap-[3px] ${e === "vertical" ? "flex-col" : ""}`, children: [
     /* @__PURE__ */ a("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
     /* @__PURE__ */ a("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
@@ -15391,13 +15401,13 @@ function b0({ mode: e }) {
     /* @__PURE__ */ a("i", { className: "absolute bottom-0 left-[4px] h-[5px] w-[5px] rounded-[2px] border border-current" })
   ] });
 }
-const x0 = Be(function({ page: t }) {
+const y0 = Be(function({ page: t }) {
   Ye(
     sc,
     Er,
     Er
   );
-  const n = t.route == null, r = (b) => f.patchPage(t.id, b), o = g0(t), i = (b) => {
+  const n = t.route == null, r = (b) => f.patchPage(t.id, b), o = b0(t), i = (b) => {
     const x = { ...t.root.domStyle };
     b === "free" ? (x.display = "block", x.position = "relative", delete x.flexDirection, delete x.gridTemplateColumns) : b === "grid" ? (x.display = "grid", x.gridTemplateColumns || (x.gridTemplateColumns = "repeat(2, minmax(0, 1fr))"), x.gap || (x.gap = `${t.root.gap}px`), delete x.flexDirection) : (x.display = "flex", x.flexDirection = b === "horizontal" ? "row" : "column", delete x.gridTemplateColumns), f.patch(t.root, {
       type: b === "horizontal" ? "columns" : "rows",
@@ -15474,7 +15484,7 @@ const x0 = Be(function({ page: t }) {
           "aria-label": "Preview viewport",
           className: "flex flex-wrap gap-1",
           children: d.map((b) => {
-            const x = Bw(b, {
+            const x = Ww(b, {
               width: t.width ?? 390,
               height: t.height ?? 600
             });
@@ -15557,15 +15567,15 @@ const x0 = Be(function({ page: t }) {
         b.id
       ))
     ] }),
-    /* @__PURE__ */ a(Jw, { page: t }),
-    /* @__PURE__ */ a(c0, { page: t }),
+    /* @__PURE__ */ a(Qw, { page: t }),
     /* @__PURE__ */ a(l0, { page: t }),
+    /* @__PURE__ */ a(d0, { page: t }),
     f.editMode && /* @__PURE__ */ g(He, { children: [
-      /* @__PURE__ */ a(i0, { page: t }),
-      /* @__PURE__ */ a(a0, { page: t }),
-      /* @__PURE__ */ a(s0, { page: t })
+      /* @__PURE__ */ a(s0, { page: t }),
+      /* @__PURE__ */ a(c0, { page: t }),
+      /* @__PURE__ */ a(a0, { page: t })
     ] }),
-    /* @__PURE__ */ a(e0, { page: t }),
+    /* @__PURE__ */ a(t0, { page: t }),
     f.editMode && /* @__PURE__ */ g(He, { children: [
       /* @__PURE__ */ g(Le, { title: "Position", children: [
         /* @__PURE__ */ a("div", { className: "grid grid-cols-6 gap-1", children: [
@@ -15629,7 +15639,7 @@ const x0 = Be(function({ page: t }) {
             "aria-pressed": o === b,
             className: `flex h-8 items-center justify-center rounded-md ${o === b ? "bg-white text-[#18181b] shadow-sm ring-1 ring-inset ring-[#dedee3]" : "text-[#777] hover:text-[#333]"}`,
             onClick: () => i(b),
-            children: /* @__PURE__ */ a(b0, { mode: b })
+            children: /* @__PURE__ */ a(x0, { mode: b })
           },
           b
         )) }),
@@ -15710,7 +15720,7 @@ const x0 = Be(function({ page: t }) {
       ] })
     ] })
   ] });
-}), y0 = Be(function({ section: t }) {
+}), v0 = Be(function({ section: t }) {
   const n = f.canvasPages.filter((r) => r.section === t.name).length;
   return f.editMode ? /* @__PURE__ */ g("div", { "data-object-props": "section", className: "min-h-0 flex-1 overflow-auto", children: [
     /* @__PURE__ */ g(Le, { title: "Section", children: [
@@ -15786,16 +15796,16 @@ const x0 = Be(function({ page: t }) {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ a(f0, { section: t, members: n });
-}), v0 = Be(function() {
+  ] }) : /* @__PURE__ */ a(h0, { section: t, members: n });
+}), w0 = Be(function() {
   var l, d;
   if (((l = f.selectedCanvasObject) == null ? void 0 : l.kind) === "frame") {
     const u = f.selectedFrame;
-    return u ? /* @__PURE__ */ a(x0, { page: u }) : null;
+    return u ? /* @__PURE__ */ a(y0, { page: u }) : null;
   }
   if (((d = f.selectedCanvasObject) == null ? void 0 : d.kind) === "section") {
     const u = f.selectedSection;
-    return u ? /* @__PURE__ */ a(y0, { section: u }) : null;
+    return u ? /* @__PURE__ */ a(v0, { section: u }) : null;
   }
   const t = f.selected;
   if (!t)
@@ -15810,8 +15820,8 @@ const x0 = Be(function({ page: t }) {
       f.selectedIds.length,
       " selected · Property edits use the primary selection"
     ] }),
-    /* @__PURE__ */ a(h0, { node: t }),
     /* @__PURE__ */ a(p0, { node: t }),
+    /* @__PURE__ */ a(m0, { node: t }),
     /* @__PURE__ */ a(Le, { title: t.name, children: /* @__PURE__ */ a(
       "input",
       {
@@ -15839,15 +15849,15 @@ const x0 = Be(function({ page: t }) {
         t.componentName
       ] }),
       s && /* @__PURE__ */ a(
-        Xw,
+        Jw,
         {
           node: t,
           entry: s,
-          sourceWritableProps: t.sourceComponent ? Ww(t, s) : null,
+          sourceWritableProps: t.sourceComponent ? Hw(t, s) : null,
           propBadges: Object.fromEntries(
             Object.keys(s.props ?? {}).map((u) => [
               u,
-              Yw(
+              Gw(
                 f.activePage.importPageId ?? f.activePage.id,
                 t.componentName,
                 u
@@ -15880,7 +15890,7 @@ const x0 = Be(function({ page: t }) {
           onChange: (u) => n({ type: u })
         }
       ),
-      /* @__PURE__ */ a(m0, { node: t }),
+      /* @__PURE__ */ a(g0, { node: t }),
       /* @__PURE__ */ g("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ a(st, { label: "Gap", value: t.gap, onChange: (u) => n({ gap: u }) }),
         /* @__PURE__ */ a(st, { label: "Padding", value: t.padding, onChange: (u) => n({ padding: u }) })
@@ -15995,8 +16005,8 @@ const x0 = Be(function({ page: t }) {
       ),
       /* @__PURE__ */ a(ai, { value: t.color, onChange: (u) => n({ color: u }) })
     ] })
-  ] }) : /* @__PURE__ */ a(u0, { node: t });
-}), w0 = Be(function() {
+  ] }) : /* @__PURE__ */ a(f0, { node: t });
+}), S0 = Be(function() {
   return /* @__PURE__ */ g(He, { children: [
     /* @__PURE__ */ a(
       "button",
@@ -16050,7 +16060,7 @@ Be(function() {
     )
   ] });
 });
-function S0(e) {
+function N0(e) {
   return [...new Set(e)].sort().join(`
 `);
 }
@@ -16061,10 +16071,10 @@ function fd(e, t) {
     r - t.viewportHeight / 2
   );
 }
-function N0(e, t) {
+function I0(e, t) {
   return e === t ? 0 : e < t ? -1 : 1;
 }
-function I0(e, t = {}) {
+function C0(e, t = {}) {
   const n = t.hasSnapshot ?? (() => !1), r = [], o = [], i = /* @__PURE__ */ new Set();
   for (const h of e)
     if (!n(h.key)) {
@@ -16075,7 +16085,7 @@ function I0(e, t = {}) {
       i.has(h.key) || (i.add(h.key), o.push(h));
     }
   const s = o.map((h, m) => ({ candidate: h, order: m })).sort(
-    (h, m) => N0(h.candidate.distance, m.candidate.distance) || h.order - m.order
+    (h, m) => I0(h.candidate.distance, m.candidate.distance) || h.order - m.order
   ).map((h) => h.candidate), c = /* @__PURE__ */ new Map();
   for (const h of s) {
     if (h.groupKey == null) continue;
@@ -16104,33 +16114,33 @@ function I0(e, t = {}) {
   }
   return { units: l, interactionFrames: r };
 }
-const C0 = 250, P0 = 8, M0 = 32, $0 = /* @__PURE__ */ new Set();
+const P0 = 250, M0 = 8, $0 = 32, E0 = /* @__PURE__ */ new Set();
 let hd = {
   phase: "idle",
   total: 0,
   completed: 0,
   failed: 0
 };
-function E0(e) {
+function A0(e) {
   const t = hd;
   if (!(t.phase === e.phase && t.total === e.total && t.completed === e.completed && t.failed === e.failed)) {
     hd = e;
-    for (const n of $0) n();
+    for (const n of E0) n();
   }
 }
-function A0(e, t = {}) {
+function k0(e, t = {}) {
   const n = Math.max(
     1,
-    t.pauseBackoffMs ?? C0
+    t.pauseBackoffMs ?? P0
   ), r = Math.max(
     1,
-    t.interactionChunkSize ?? P0
+    t.interactionChunkSize ?? M0
   ), o = Math.max(
     0,
-    t.interactionRequestCap ?? M0
+    t.interactionRequestCap ?? $0
   );
   let i = 0, s = !1, c = null, l = 0, d = 0, u = 0;
-  const h = (A) => new Promise((C) => setTimeout(C, A)), m = (A) => E0({ phase: A, total: l, completed: d, failed: u }), b = (A, C) => {
+  const h = (A) => new Promise((C) => setTimeout(C, A)), m = (A) => A0({ phase: A, total: l, completed: d, failed: u }), b = (A, C) => {
     if (A)
       try {
         C ? A.discard() : A.release();
@@ -16197,7 +16207,7 @@ function A0(e, t = {}) {
   }
   return { run: w, cancel: v };
 }
-const pd = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", k0 = 600, vn = 200, ln = 280, R0 = 480, Cs = "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)]", to = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
+const pd = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", R0 = 600, vn = 200, ln = 280, T0 = 480, Cs = "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)]", to = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
 function Bn({
   icon: e,
   label: t,
@@ -16225,7 +16235,7 @@ function Bn({
     )
   );
 }
-const T0 = Be(function({
+const F0 = Be(function({
   previewIdentityReady: t = !0
 } = {}) {
   var bt;
@@ -16285,7 +16295,7 @@ const T0 = Be(function({
         )
       ])
     )
-  ], w = S0(x), [v, A] = ee("");
+  ], w = N0(x), [v, A] = ee("");
   se(() => {
     let _ = !0;
     return A(""), t ? (nc(x).then(() => {
@@ -16296,7 +16306,7 @@ const T0 = Be(function({
       _ = !1;
     };
   }, [w, t]);
-  const C = t && v === w, R = b.length, B = Tv(
+  const C = t && v === w, R = b.length, B = Fv(
     Zs()
   );
   se(() => {
@@ -16349,9 +16359,9 @@ const T0 = Be(function({
         ...V && ke ? { frame: { id: re, fingerprint: ke } } : {}
       });
     }
-    const de = I0(Ne, {
+    const de = C0(Ne, {
       hasSnapshot: er
-    }), G = fc(), ve = A0({
+    }), G = fc(), ve = k0({
       leaseInstance: async (U) => {
         const $e = W.get(U.pageId);
         if (!$e || $e.route == null) return null;
@@ -16471,7 +16481,7 @@ const T0 = Be(function({
   const D = Pe(null);
   se(() => {
     if (B !== "worker-first" || !t || !C) return;
-    const _ = _t(), xe = D.current ?? Bv({
+    const _ = _t(), xe = D.current ?? Wv({
       request: (de, G, { retry: ve }) => {
         if (!Zs()) return null;
         const Ee = (ie) => {
@@ -16558,7 +16568,7 @@ const T0 = Be(function({
         previewRevision: s,
         screenIds: U
       });
-      const ie = zv(Ee, { activeCanvas: q });
+      const ie = Dv(Ee, { activeCanvas: q });
       $e > 0 && (ie.background = []);
       const he = JSON.stringify([
         q,
@@ -16592,7 +16602,7 @@ const T0 = Be(function({
         (oe) => oe.id === K
       );
       xe && Yu(xe, s);
-    }, k0);
+    }, R0);
     return () => clearTimeout(_);
   }, [
     T,
@@ -16635,7 +16645,7 @@ const T0 = Be(function({
     const _ = n.current;
     if (!_) return;
     const xe = (oe) => {
-      const we = Mv(oe);
+      const we = $v(oe);
       if (we !== "native-preview") {
         if (we === "programmatic-preview") {
           oe.preventDefault();
@@ -16848,7 +16858,7 @@ const T0 = Be(function({
     const oe = xe.clientX, we = _ === "left" ? ne : fe, W = (de) => {
       const G = _ === "left" ? de.clientX - oe : oe - de.clientX, ve = Math.max(
         vn,
-        Math.min(R0, we + G)
+        Math.min(T0, we + G)
       );
       _ === "left" ? Ae(ve) : ge(ve);
     }, Ne = () => {
@@ -16867,7 +16877,7 @@ const T0 = Be(function({
       "data-preview-frame-count": R,
       children: [
         /* @__PURE__ */ a(
-          Jv,
+          Qv,
           {
             previewIdentityReady: t,
             previewCacheHydrated: C,
@@ -16884,7 +16894,7 @@ const T0 = Be(function({
             },
             onPointerMove: (_) => {
               var Ne;
-              if (!wv(f.editMode, f.tool)) return;
+              if (!Sv(f.editMode, f.tool)) return;
               const xe = (Ne = n.current) == null ? void 0 : Ne.getBoundingClientRect();
               if (!xe) return;
               const oe = Xl(
@@ -16894,7 +16904,7 @@ const T0 = Be(function({
                   panY: f.panY,
                   zoom: f.zoom
                 })
-              ), we = vv(
+              ), we = wv(
                 r.current,
                 oe
               );
@@ -17014,7 +17024,7 @@ const T0 = Be(function({
               ).map((_) => {
                 var xe;
                 return /* @__PURE__ */ a(
-                  Fy,
+                  _y,
                   {
                     page: _,
                     active: _.id === f.activePageId,
@@ -17106,7 +17116,7 @@ const T0 = Be(function({
             )) })
           ] }),
           /* @__PURE__ */ a(
-            Ow,
+            jw,
             {
               view: O,
               onFrameFocus: Qe,
@@ -17282,11 +17292,11 @@ const T0 = Be(function({
                   children: "↔"
                 }
               ),
-              /* @__PURE__ */ a(w0, {})
+              /* @__PURE__ */ a(S0, {})
             ] })
           ] }),
-          /* @__PURE__ */ a(v0, {}),
-          /* @__PURE__ */ a(dw, {}),
+          /* @__PURE__ */ a(w0, {}),
+          /* @__PURE__ */ a(uw, {}),
           /* @__PURE__ */ a(
             "div",
             {
@@ -17529,18 +17539,18 @@ const T0 = Be(function({
             children: f.tool === "section" && /* @__PURE__ */ a("div", { style: { position: "absolute", bottom: "100%", left: 0, marginBottom: 4, fontSize: 13, fontWeight: 700, color: "#666" }, children: "Section" })
           }
         ),
-        /* @__PURE__ */ a(kv, {}),
-        /* @__PURE__ */ a(uw, {}),
-        f.previewOpen && /* @__PURE__ */ a(yv, { onClose: () => f.closePreview() })
+        /* @__PURE__ */ a(Rv, {}),
+        /* @__PURE__ */ a(fw, {}),
+        f.previewOpen && /* @__PURE__ */ a(vv, { onClose: () => f.closePreview() })
       ]
     }
   );
-}), F0 = 1, _0 = 4;
-function L0() {
+}), _0 = 1, L0 = 4;
+function z0() {
   if (!(typeof navigator > "u"))
     return navigator.deviceMemory;
 }
-function z0(e, t, n, r = F0) {
+function D0(e, t, n, r = _0) {
   const o = /* @__PURE__ */ new Map();
   return e.forEach((i, s) => {
     if (!uc(i)) return;
@@ -17571,7 +17581,7 @@ function z0(e, t, n, r = F0) {
     });
   }), [...o.values()].sort((i, s) => s.members - i.members || i.order - s.order).slice(0, Math.max(0, r)).map((i) => i.target);
 }
-function D0(e, t, n) {
+function O0(e, t, n) {
   if (!e) return [];
   const r = (h) => h.importPageId ?? h.id, o = t.find((h) => h.id === n);
   if (!o) return [];
@@ -17604,13 +17614,13 @@ function D0(e, t, n) {
   }
   return d;
 }
-function O0(e) {
-  const t = e.deviceMemoryGb ?? L0();
-  if (t != null && t < _0)
+function j0(e) {
+  const t = e.deviceMemoryGb ?? z0();
+  if (t != null && t < L0)
     return () => {
     };
   const n = e.instances ?? fc(), r = e.getGraph ?? xo;
-  for (const o of z0(
+  for (const o of D0(
     e.getPages(),
     e.appOrigin,
     e.baselineEnvironment
@@ -17621,7 +17631,7 @@ function O0(e) {
     () => e.editor.activePageId,
     (o) => {
       if (!o) return;
-      const i = D0(
+      const i = O0(
         r(),
         e.getPages(),
         o
@@ -17633,7 +17643,7 @@ function O0(e) {
     }
   );
 }
-function j0(e) {
+function B0(e) {
   return e.flatMap((t, n) => {
     const r = t.id.trim() || `path:${n + 1}`, o = t.screenIds.map((i) => i.trim()).filter(Boolean);
     return o.slice(1).map((i, s) => {
@@ -17664,7 +17674,7 @@ function Aa(e, t = /* @__PURE__ */ new Set()) {
   }
   return t.delete(e), n;
 }
-function B0(e) {
+function W0(e) {
   return JSON.stringify(
     Aa({
       version: 1,
@@ -17688,11 +17698,11 @@ function B0(e) {
 function pt(e) {
   return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, n) => t.localeCompare(n));
 }
-function W0(e, t) {
+function H0(e, t) {
   var r;
   return ((r = e.id) == null ? void 0 : r.trim()) || `edge:${t + 1}`;
 }
-function H0(e) {
+function U0(e) {
   const t = [...e.screens].sort((r, o) => r.id.localeCompare(o.id)), n = t[0].id;
   return {
     id: `story:${n}`,
@@ -17721,7 +17731,7 @@ function md(e) {
     e.scenarioId
   ].join(":");
 }
-function U0(e) {
+function V0(e) {
   var le, ae;
   const t = [], n = [], r = /* @__PURE__ */ new Map();
   for (const P of e.screens) {
@@ -17742,7 +17752,7 @@ function U0(e) {
   for (const P of n) {
     let k;
     try {
-      if (k = (e.recipeKey ?? B0)(P), !k.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (k = (e.recipeKey ?? W0)(P), !k.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (E) {
       i.add(P.id), t.push({
         code: "invalid-recipe",
@@ -17754,7 +17764,7 @@ function U0(e) {
     const $ = o.get(k);
     $ ? $.screens.push(P) : o.set(k, { recipeKey: k, screens: [P] });
   }
-  const s = [...o.values()].map(H0).sort((P, k) => P.id.localeCompare(k.id)), c = {};
+  const s = [...o.values()].map(U0).sort((P, k) => P.id.localeCompare(k.id)), c = {};
   for (const P of s)
     for (const k of P.screenIds) c[k] = P.id;
   const l = new Map(s.map((P) => [P.id, P])), d = (P, k) => pt([
@@ -17813,7 +17823,7 @@ function U0(e) {
   let A = 0;
   for (const [P, k] of v)
     for (const $ of k) {
-      const E = W0($, A);
+      const E = H0($, A);
       A += 1;
       const ce = b($.from, E, "source"), ne = b($.to, E, "target");
       if (!ce || !ne || ce === ne) continue;
@@ -17983,7 +17993,7 @@ function U0(e) {
     coverage: Me
   };
 }
-function V0(e) {
+function q0(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
 function Fi(e) {
@@ -17997,7 +18007,7 @@ function Fi(e) {
 function gd(e) {
   return JSON.stringify(Fi(e ?? null));
 }
-function q0(e) {
+function K0(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function qt(e) {
@@ -18045,7 +18055,7 @@ function bd(e, t, n) {
     screenIds: n.get(i) ?? [s]
   })).sort((i, s) => i.representativeId.localeCompare(s.representativeId));
 }
-function K0(e) {
+function Y0(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e ?? []) {
@@ -18059,7 +18069,7 @@ function K0(e) {
   }
   return [...t.values()].sort((r, o) => r.id.localeCompare(o.id));
 }
-function Y0(e, t, n, r) {
+function G0(e, t, n, r) {
   return (e ?? []).flatMap((o, i) => {
     var h, m, b;
     const s = (h = o.from) == null ? void 0 : h.trim(), c = (m = o.to) == null ? void 0 : m.trim();
@@ -18083,7 +18093,7 @@ function Y0(e, t, n, r) {
     );
   });
 }
-function G0(e, t, n) {
+function X0(e, t, n) {
   const r = qt(e.route);
   if (!r) return [];
   const o = t.filter(
@@ -18107,7 +18117,7 @@ function G0(e, t, n) {
     )
   ].sort((c, l) => c.localeCompare(l));
 }
-function X0(e, t) {
+function J0(e, t) {
   const n = e.some((i) => i.importKind != null), r = t.candidates ?? [], o = dh(t);
   return e.filter(
     (i) => n ? i.importKind === "screens" : !!i.route
@@ -18129,7 +18139,7 @@ function X0(e, t) {
     scenario: i.scenario,
     state: i.state,
     scenarioId: i.scenarioId,
-    scenarioIds: G0(i, r, o),
+    scenarioIds: X0(i, r, o),
     interactions: i.interactions,
     environment: i.environment,
     preset: i.preset,
@@ -18146,7 +18156,7 @@ function Xi(e, t) {
   const i = !e.environment && !e.preset ? 0 : 1, s = !t.environment && !t.preset ? 0 : 1;
   return i !== s ? i - s : e.id.localeCompare(t.id);
 }
-function J0(e) {
+function Q0(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = qt(n.route);
@@ -18161,7 +18171,7 @@ function J0(e) {
     })
   );
 }
-function Q0(e) {
+function Z0(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = qt(n.route);
@@ -18176,7 +18186,7 @@ function Q0(e) {
     ])
   );
 }
-function Z0(e) {
+function e1(e) {
   return e.action === "wait" ? null : JSON.stringify(
     Fi({
       action: e.action,
@@ -18193,12 +18203,12 @@ function Z0(e) {
   );
 }
 function lh(e) {
-  return (e.interactions ?? []).map(Z0).filter((t) => t != null);
+  return (e.interactions ?? []).map(e1).filter((t) => t != null);
 }
-function e1(e, t) {
+function t1(e, t) {
   return e.length < t.length && e.every((n, r) => n === t[r]);
 }
-function t1(e, t) {
+function n1(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = qt(r.route);
@@ -18217,7 +18227,7 @@ function t1(e, t) {
     }));
   });
 }
-function n1(e, t) {
+function r1(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = qt(r.route);
@@ -18235,7 +18245,7 @@ function n1(e, t) {
       const d = i.get(l.id);
       if (!d.length) return [];
       const h = o.filter(
-        (m) => e1(
+        (m) => t1(
           i.get(m.id),
           d
         )
@@ -18267,7 +18277,7 @@ function n1(e, t) {
     });
   });
 }
-function r1(e) {
+function o1(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
@@ -18299,7 +18309,7 @@ function r1(e) {
     });
   });
 }
-function o1(e, t, n) {
+function i1(e, t, n) {
   const r = new Set(
     (t.routes ?? []).map((o) => qt(o.path)).filter((o) => !!o)
   );
@@ -18321,7 +18331,7 @@ function o1(e, t, n) {
     } : o;
   });
 }
-function i1(e, t) {
+function s1(e, t) {
   var d, u, h, m, b;
   const n = new Set(e.map((x) => x.id)), r = new Map(
     e.map((x, w) => [x.id, w])
@@ -18386,42 +18396,42 @@ function i1(e, t) {
 }
 function dh(e) {
   var t, n;
-  return V0(
+  return q0(
     (n = (t = e.scenarios) == null ? void 0 : t.find(
       (r) => r.id === "environment:baseline"
     )) == null ? void 0 : n.environment
   );
 }
-function s1(e) {
+function a1(e) {
   var l, d, u, h, m;
-  const t = X0(
+  const t = J0(
     e.pages,
     e.manifest
-  ), n = J0(t), r = Q0(t), o = o1(
+  ), n = Q0(t), r = Z0(t), o = i1(
     t,
     e.manifest,
     n
   ), s = [
-    ...Y0(
+    ...G0(
       e.manifest.edges,
       n,
       r,
       new Set(o.map((b) => b.id))
     ),
-    ...t1(o, n),
     ...n1(o, n),
-    ...r1(o)
+    ...r1(o, n),
+    ...o1(o)
   ], c = [
     ...((l = e.storyboard) == null ? void 0 : l.edges) ?? [],
-    ...j0(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
+    ...B0(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
   ];
-  return U0({
+  return V0({
     screens: o,
     assets: e.assets,
-    scenarios: K0(e.manifest.routes),
+    scenarios: Y0(e.manifest.routes),
     explicitEdges: c,
     inferredEdges: s,
-    startScreenIds: (h = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && h.length ? e.storyboard.startScreenIds : i1(o, [...c, ...s]),
+    startScreenIds: (h = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && h.length ? e.storyboard.startScreenIds : s1(o, [...c, ...s]),
     nonVisualScenarioIds: (m = e.storyboard) == null ? void 0 : m.nonVisualScenarioIds
   });
 }
@@ -18434,12 +18444,12 @@ async function uh(e) {
   if (!n.ok)
     throw new Error(`Storyboard discovery failed (${n.status})`);
   const r = await n.json();
-  if (!q0(r))
+  if (!K0(r))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: r,
     baselineEnvironment: dh(r),
-    graph: s1({
+    graph: a1({
       manifest: r,
       pages: e.pages,
       assets: e.assets,
@@ -18447,7 +18457,7 @@ async function uh(e) {
     })
   };
 }
-async function eS(e) {
+async function tS(e) {
   kn(null);
   try {
     const t = await uh(e);
@@ -18456,15 +18466,15 @@ async function eS(e) {
     throw kn(null), t;
   }
 }
-const _i = "var(--pygmalion-catalog-surface, #ffffff)", Li = "var(--pygmalion-catalog-canvas, #f5f5f5)", ka = "var(--pygmalion-catalog-border, #e5e7eb)", zi = "var(--pygmalion-catalog-text, #202124)", Vt = "var(--pygmalion-catalog-muted, #6b7280)", a1 = "var(--pygmalion-catalog-header, #11182f)", c1 = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function tS({
+const _i = "var(--pygmalion-catalog-surface, #ffffff)", Li = "var(--pygmalion-catalog-canvas, #f5f5f5)", ka = "var(--pygmalion-catalog-border, #e5e7eb)", zi = "var(--pygmalion-catalog-text, #202124)", Vt = "var(--pygmalion-catalog-muted, #6b7280)", c1 = "var(--pygmalion-catalog-header, #11182f)", l1 = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function nS({
   title: e,
   eyebrow: t,
   description: n,
   version: r,
   meta: o,
   children: i,
-  headerBackground: s = a1,
+  headerBackground: s = c1,
   headerColor: c = "#ffffff",
   bodyBackground: l = _i,
   bodyGap: d = 40
@@ -18581,7 +18591,7 @@ function tS({
     }
   );
 }
-function nS({
+function rS({
   title: e,
   itemId: t,
   count: n,
@@ -18626,7 +18636,7 @@ function nS({
     }
   );
 }
-function rS({
+function oS({
   rows: e,
   columns: t,
   cornerLabel: n,
@@ -18645,7 +18655,7 @@ function rS({
         display: "inline-block",
         width: "max-content",
         padding: s ? 16 : 0,
-        border: s ? `1px dashed ${c1}` : void 0,
+        border: s ? `1px dashed ${l1}` : void 0,
         borderRadius: s ? 4 : void 0
       },
       children: /* @__PURE__ */ g(
@@ -18723,11 +18733,11 @@ function rS({
     }
   );
 }
-function l1(e) {
+function d1(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
 function fh(e, t, n = "PygmalionCatalog") {
-  const r = (o) => l1(o).replace(/-/g, "_");
+  const r = (o) => d1(o).replace(/-/g, "_");
   return `${n}_${r(e)}_${r(t)}`;
 }
 function hh(e, t) {
@@ -18749,10 +18759,10 @@ function ph(e) {
     t.add(n.id);
   }
 }
-function d1(e, t, n) {
+function u1(e, t, n) {
   return typeof e == "function" ? e(t, n) : e;
 }
-function u1({
+function f1({
   page: e,
   items: t,
   renderPreview: n,
@@ -18856,7 +18866,7 @@ function u1({
     }
   );
 }
-function oS(e) {
+function iS(e) {
   ph(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const o of e.items) {
@@ -18880,7 +18890,7 @@ function oS(e) {
   const n = {}, r = [];
   for (const o of t.values()) {
     const i = () => /* @__PURE__ */ a(
-      u1,
+      f1,
       {
         page: o.page,
         items: o.items,
@@ -18893,7 +18903,7 @@ function oS(e) {
       component: i,
       children: "none"
     };
-    const s = d1(e.frame, o.page, o.items);
+    const s = u1(e.frame, o.page, o.items);
     r.push({
       ...o.page,
       componentName: o.registryName,
@@ -18911,7 +18921,7 @@ function oS(e) {
     }
   };
 }
-function f1(e, t = 60) {
+function h1(e, t = 60) {
   const n = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, c]) => c.length > 0).sort(([c, l], [d, u]) => u.length - l.length || c.localeCompare(d)), r = n[0], o = n[1], i = Math.max(1, (r == null ? void 0 : r[1].length) ?? 1), s = o == null ? void 0 : o[1].slice(0, Math.max(1, Math.floor(t / i)));
   return {
     row: r,
@@ -18920,7 +18930,7 @@ function f1(e, t = 60) {
     additional: n.slice(2)
   };
 }
-function h1(e, t, n, r) {
+function p1(e, t, n, r) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
@@ -18928,7 +18938,7 @@ function h1(e, t, n, r) {
     ...t.column && r !== void 0 ? { [t.column[0]]: r } : {}
   };
 }
-function p1({
+function m1({
   item: e,
   entry: t,
   maxVariantCells: n
@@ -18954,7 +18964,7 @@ function p1({
         ]
       }
     );
-  const r = f1(t, n), o = ((c = r.row) == null ? void 0 : c[1]) ?? [void 0], i = ((l = r.column) == null ? void 0 : l[1]) ?? [void 0], s = t.component;
+  const r = h1(t, n), o = ((c = r.row) == null ? void 0 : c[1]) ?? [void 0], i = ((l = r.column) == null ? void 0 : l[1]) ?? [void 0], s = t.component;
   return /* @__PURE__ */ g(
     "section",
     {
@@ -18985,7 +18995,7 @@ function p1({
             children: o.flatMap(
               (d) => i.map((u) => {
                 var b, x;
-                const h = h1(t, r, d, u), m = [
+                const h = p1(t, r, d, u), m = [
                   r.row && d !== void 0 ? `${((b = t.propLabels) == null ? void 0 : b[r.row[0]]) ?? r.row[0]}=${String(d)}` : "",
                   r.column && u !== void 0 ? `${((x = t.propLabels) == null ? void 0 : x[r.column[0]]) ?? r.column[0]}=${String(u)}` : ""
                 ].filter(Boolean).join(" · ");
@@ -19044,7 +19054,7 @@ function p1({
     }
   );
 }
-function iS(e) {
+function sS(e) {
   ph(e.items);
   const t = {}, n = [], r = [], o = e.maxVariantCells ?? 60;
   for (const i of e.items) {
@@ -19053,7 +19063,7 @@ function iS(e) {
       i.id,
       e.registryPrefix
     ), c = e.registry[i.name], l = () => /* @__PURE__ */ a(
-      p1,
+      m1,
       {
         item: i,
         entry: c,
@@ -19081,7 +19091,7 @@ function iS(e) {
     }
   };
 }
-const Ps = (e) => e.map((t) => `"${t.name}"`).join(", "), xd = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, m1 = (e) => e.state ?? "default", g1 = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, qo = (e, t) => {
+const Ps = (e) => e.map((t) => `"${t.name}"`).join(", "), xd = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, g1 = (e) => e.state ?? "default", b1 = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, qo = (e, t) => {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = n.get(t(r));
@@ -19089,7 +19099,7 @@ const Ps = (e) => e.map((t) => `"${t.name}"`).join(", "), xd = (e) => `${e.width
   }
   return n;
 };
-function sS(e) {
+function aS(e) {
   const t = qo(
     e.filter((r) => !!r.scenario && r.route != null),
     (r) => r.scenario
@@ -19106,7 +19116,7 @@ function sS(e) {
     }
     const i = qo(o, (s) => s.canvas);
     if (i.size > 1) {
-      const s = [...i.entries()].map(([c, l]) => `${g1(c)}: ${Ps(l)}`).join("; ");
+      const s = [...i.entries()].map(([c, l]) => `${b1(c)}: ${Ps(l)}`).join("; ");
       n.push({
         severity: "warning",
         code: "cross-canvas",
@@ -19124,7 +19134,7 @@ function sS(e) {
           message: `Scenario "${r}" mixes viewports: ${d}; sibling states should share one viewport so flipping between them compares like with like.`
         });
       }
-      const l = qo(s, m1);
+      const l = qo(s, g1);
       for (const [d, u] of l)
         u.length < 2 || n.push({
           severity: "warning",
@@ -19136,23 +19146,23 @@ function sS(e) {
   }
   return n.sort((r, o) => r.severity !== o.severity ? r.severity === "warning" ? -1 : 1 : r.scenario < o.scenario ? -1 : r.scenario > o.scenario ? 1 : 0);
 }
-const mh = 42e4, b1 = 2e3, x1 = 500, y1 = 5e3, v1 = 3e4;
-function w1(e) {
-  const t = y1 * 2 ** Math.max(0, e);
-  return Math.min(t, v1);
-}
+const mh = 42e4, x1 = 2e3, y1 = 500, v1 = 5e3, w1 = 3e4;
 function S1(e) {
+  const t = v1 * 2 ** Math.max(0, e);
+  return Math.min(t, w1);
+}
+function N1(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-async function N1(e) {
+async function I1(e) {
   const {
     initial: t,
     fetchStatus: n,
     requestResync: r,
     timeoutMs: o = mh,
-    intervalMs: i = x1,
+    intervalMs: i = y1,
     now: s = Date.now,
-    sleep: c = S1
+    sleep: c = N1
   } = e;
   let l = t, d = !1;
   const u = s();
@@ -19169,9 +19179,9 @@ async function N1(e) {
   }
   return l;
 }
-const yd = /^[a-f0-9]{64}$/, I1 = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, C1 = /^p\d+$/;
+const yd = /^[a-f0-9]{64}$/, C1 = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, P1 = /^p\d+$/;
 function Ra(e) {
-  return typeof e == "string" && I1.test(e) ? e : void 0;
+  return typeof e == "string" && C1.test(e) ? e : void 0;
 }
 function vd(e, t) {
   const n = new URL(e, t);
@@ -19191,7 +19201,7 @@ function wd(e) {
   const t = e;
   return !Number.isSafeInteger(t.width) || !Number.isSafeInteger(t.height) || Number(t.width) < 1 || Number(t.height) < 1 || Number(t.width) > 65536 || Number(t.height) > 65536 ? null : { width: Number(t.width), height: Number(t.height) };
 }
-function P1(e) {
+function M1(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e, n = wd(t.before), r = wd(t.after);
   if (!n || !r || !Number.isSafeInteger(t.changedPixels) || !Number.isSafeInteger(t.totalPixels) || Number(t.changedPixels) < 0 || Number(t.totalPixels) < 1 || Number(t.changedPixels) > Number(t.totalPixels) || typeof t.threshold != "number" || !Number.isFinite(t.threshold) || t.threshold < 0 || t.threshold > 1)
@@ -19208,7 +19218,7 @@ function P1(e) {
     heatmapUrl: o
   };
 }
-function M1(e, t) {
+function $1(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const n = e;
   if (typeof n.id != "string" || !n.id) return null;
@@ -19216,7 +19226,7 @@ function M1(e, t) {
   if (!o) return null;
   const i = Ms(n.after);
   if (t === "changed" && !i) return null;
-  const s = i ? P1(n.pixelDiff) : null;
+  const s = i ? M1(n.pixelDiff) : null;
   return {
     id: n.id,
     before: o,
@@ -19228,7 +19238,7 @@ function M1(e, t) {
     ...s ? { pixelDiff: s } : {}
   };
 }
-function $1(e, t = []) {
+function E1(e, t = []) {
   const n = new Set(t), r = n.size > 0, o = /* @__PURE__ */ new Set(), i = [
     ...e.styles.map((s) => s.affectedFrames ?? []),
     ...e.texts.map((s) => s.affectedFrames ?? []),
@@ -19236,7 +19246,7 @@ function $1(e, t = []) {
   ];
   for (const s of i)
     for (const c of s) {
-      if (r && C1.test(c.id) && !n.has(c.id))
+      if (r && P1.test(c.id) && !n.has(c.id))
         throw new Error(
           `"Impact Screen"${c.name}"This internal editor ID (${c.id}) is used. A canonical screen ID is required.`
         );
@@ -19256,7 +19266,7 @@ async function Sd(e, t, n) {
     );
   if (typeof o.baselineId != "string" || !o.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const i = Array.isArray(o.frames) ? o.frames.map((u) => M1(u, n.phase)).filter((u) => u != null) : [], s = Array.isArray(o.failures) ? o.failures.map((u) => {
+  const i = Array.isArray(o.frames) ? o.frames.map((u) => $1(u, n.phase)).filter((u) => u != null) : [], s = Array.isArray(o.failures) ? o.failures.map((u) => {
     if (!u || typeof u != "object" || Array.isArray(u)) return null;
     const h = u;
     return typeof h.id == "string" && typeof h.error == "string" ? { id: h.id, error: h.error } : null;
@@ -19273,12 +19283,12 @@ const $s = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, E1 = "pygmalion.designSessionId", A1 = "/__pygmalion-qa", Ko = /* @__PURE__ */ new Map();
+}, A1 = "pygmalion.designSessionId", k1 = "/__pygmalion-qa", Ko = /* @__PURE__ */ new Map();
 function Nd() {
   var e;
   return typeof window < "u" && ((e = window.crypto) != null && e.randomUUID) ? window.crypto.randomUUID() : `pygmalion-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function k1(e, t) {
+function R1(e, t) {
   if (e) return e;
   const n = Ko.get(t);
   if (n) return n;
@@ -19298,23 +19308,23 @@ async function rn(e) {
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-const R1 = 3e4;
-function Es(e = R1) {
+const T1 = 3e4;
+function Es(e = T1) {
   return typeof AbortSignal > "u" || typeof AbortSignal.timeout != "function" ? {} : { signal: AbortSignal.timeout(e) };
 }
-function aS(e = {}) {
+function cS(e = {}) {
   var Me, le, ae, P, k;
   const {
     sessionId: t,
-    sessionStorageKey: n = E1,
+    sessionStorageKey: n = A1,
     autoStart: r = !0,
     fetcher: o = fetch,
     formatApplyMessage: i
-  } = e, s = ((Me = e.endpoints) == null ? void 0 : Me.mirror) ?? $s.mirror, c = ((le = e.endpoints) == null ? void 0 : le.sessions) ?? $s.sessions, l = ((ae = e.endpoints) == null ? void 0 : ae.inspect) ?? $s.inspect, d = e.visualQa != null, u = ((P = e.visualQa) == null ? void 0 : P.endpoint) ?? A1, h = JSON.stringify(((k = e.visualQa) == null ? void 0 : k.eligibleFrameIds) ?? []), m = Dt(
+  } = e, s = ((Me = e.endpoints) == null ? void 0 : Me.mirror) ?? $s.mirror, c = ((le = e.endpoints) == null ? void 0 : le.sessions) ?? $s.sessions, l = ((ae = e.endpoints) == null ? void 0 : ae.inspect) ?? $s.inspect, d = e.visualQa != null, u = ((P = e.visualQa) == null ? void 0 : P.endpoint) ?? k1, h = JSON.stringify(((k = e.visualQa) == null ? void 0 : k.eligibleFrameIds) ?? []), m = Dt(
     () => JSON.parse(h),
     [h]
   ), b = Dt(
-    () => k1(t, n),
+    () => R1(t, n),
     [t, n]
   ), [x, w] = ee({
     state: "idle",
@@ -19346,7 +19356,7 @@ function aS(e = {}) {
             ...$ || ne ? {} : Es()
           });
           let fe = await rn(Ae);
-          if ($ || (fe = await N1({
+          if ($ || (fe = await I1({
             initial: fe,
             fetchStatus: async () => rn(
               await o(`${s}/status`, Es())
@@ -19495,7 +19505,7 @@ function aS(e = {}) {
       );
       if (!E.ok || !Number.isSafeInteger(E.revision))
         throw new Error(E.error ?? "Pygmalion could not preview the visual changes");
-      const ce = d ? $1($, m) : [];
+      const ce = d ? E1($, m) : [];
       let ne;
       const Ae = v.appOrigin ?? x.appOrigin;
       if (ce.length > 0) {
@@ -19583,7 +19593,7 @@ function aS(e = {}) {
     if (x.state !== "error") return;
     const $ = window.setTimeout(() => {
       K(!1);
-    }, w1(J.current++));
+    }, S1(J.current++));
     return () => window.clearTimeout($);
   }, [r, C, x.state, K]), se(() => {
     if (!r || x.state !== "idle") return;
@@ -19599,7 +19609,7 @@ function aS(e = {}) {
         } catch {
         }
       })();
-    }, b1);
+    }, x1);
     return () => {
       $ = !0, window.clearInterval(E);
     };
@@ -19624,7 +19634,7 @@ function aS(e = {}) {
     revertLastVisual: O
   };
 }
-function cS({
+function lS({
   value: e,
   currentCommit: t = null,
   refs: n,
@@ -19718,15 +19728,15 @@ function cS({
     }
   );
 }
-const Id = 10, T1 = 0.5;
+const Id = 10, F1 = 0.5;
 function Cd(e) {
   const t = (e.selector ?? "").trim(), n = (e.text ?? "").trim(), r = e.attribute ? `${e.attribute.name ?? ""}=${e.attribute.value ?? ""}` : "";
   return `${t}|${n}|${r}`;
 }
-function lS(e, t) {
+function dS(e, t) {
   const n = [];
   if (e.length === 0) return n;
-  const r = (t == null ? void 0 : t.genericShare) ?? T1, o = /* @__PURE__ */ new Map();
+  const r = (t == null ? void 0 : t.genericShare) ?? F1, o = /* @__PURE__ */ new Map();
   for (const s of e)
     for (const c of new Set(
       (s.assertions ?? []).map((l) => Cd(l))
@@ -19767,15 +19777,15 @@ function lS(e, t) {
   }
   return n;
 }
-function F1(e) {
+function _1(e) {
   const t = [], n = /\[data-testid=["']([^"']+)["']\]/g;
   let r = n.exec(e);
   for (; r; )
     t.push(r[1]), r = n.exec(e);
   return t;
 }
-function dS(e) {
-  const t = new Set(e.hooks), n = new Set(e.answered ?? []), r = new Set(e.targets.flatMap((i) => F1(i))), o = [];
+function uS(e) {
+  const t = new Set(e.hooks), n = new Set(e.answered ?? []), r = new Set(e.targets.flatMap((i) => _1(i))), o = [];
   for (const i of e.hooks)
     r.has(i) || n.has(i) || o.push({
       severity: "error",
@@ -19794,7 +19804,7 @@ function dS(e) {
     });
   return o;
 }
-function uS(e) {
+function fS(e) {
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
     if (!r.route || !r.scenario || !r.state || r.stateKind) continue;
@@ -19815,7 +19825,7 @@ function uS(e) {
   }
   return n;
 }
-function fS(e) {
+function hS(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     if (!n.route) continue;
@@ -19829,7 +19839,7 @@ function fS(e) {
   return [...t.values()].sort((n, r) => r.screens - n.screens);
 }
 let gh = !1, bh = "";
-const hS = {
+const pS = {
   editor: f,
   getObserverTree: qp,
   isObservableProp: Vp,
@@ -19839,8 +19849,8 @@ const hS = {
       Promise.resolve().then(() => oa),
       Promise.resolve().then(() => eb),
       Promise.resolve().then(() => Em),
-      import("./FrozenRoutePreview-V9-gxIyv.js").then((u) => u.bq),
-      import("./FrozenRoutePreview-V9-gxIyv.js").then((u) => u.bp)
+      import("./FrozenRoutePreview-BVYL3dLT.js").then((u) => u.bq),
+      import("./FrozenRoutePreview-BVYL3dLT.js").then((u) => u.bp)
     ]), s = i.getMountedShadowPreviewHandle(e), c = f.pages.find(
       (u) => u.id === e
     );
@@ -19940,17 +19950,17 @@ const hS = {
     };
   }
 };
-function pS(e) {
+function mS(e) {
   f.navigateToPageByName(e);
 }
-function mS() {
+function gS() {
   f.openPreview();
 }
-function gS() {
+function bS() {
   const e = Z.entries.length > 0;
   return e && Z.discardPending(), f.resetCurrentEdits() || e;
 }
-function bS({
+function xS({
   registry: e,
   tokens: t,
   initialPages: n,
@@ -20011,7 +20021,7 @@ function bS({
   const [bt, _] = ee();
   d && (d.assertComplete(), Yp(d));
   const xe = e ?? (d == null ? void 0 : d.getRegistry()), oe = t ?? (d == null ? void 0 : d.getTokens()), we = n ?? (d == null ? void 0 : d.getInitialPages());
-  xe && Gp(xe), Ly(i ?? []), oe && Jy(oe), jw(s ?? []), Xp(c ?? []), Qy(u ?? null), Nu(b), yu(
+  xe && Gp(xe), zy(i ?? []), oe && Qy(oe), Bw(s ?? []), Xp(c ?? []), Zy(u ?? null), Nu(b), yu(
     !!(w != null && w.trim())
   );
   const W = bt ?? x, Ne = Dt(
@@ -20067,7 +20077,7 @@ function bS({
       interactions: V.interactions,
       assertions: V.assertions
     })
-  ), v != null && Mu(v), lm(C ?? null), R != null && Jp(R), B != null && Qp(B), Rv(q), f.initEditMode(o !== "view-only"), qu(S ?? []), Hu(D ?? 1), qw(K ?? []), Zp(T ?? []), em(L ?? []), tm(I ?? [], N), nm(F ?? []), rm(O ?? [], J), om(Se ?? []), jb(Y ?? 0), im(Me ?? le ?? []), Ox(ae ?? []), dm(P ?? null), um($ ?? null), sm(E ?? null), fm(ce ?? null), we && f.initPagesFromComponents(we, { initialCanvas: r }), Nr(() => {
+  ), v != null && Mu(v), lm(C ?? null), R != null && Jp(R), B != null && Qp(B), Tv(q), f.initEditMode(o !== "view-only"), qu(S ?? []), Hu(D ?? 1), Kw(K ?? []), Zp(T ?? []), em(L ?? []), tm(I ?? [], N), nm(F ?? []), rm(O ?? [], J), om(Se ?? []), jb(Y ?? 0), im(Me ?? le ?? []), Ox(ae ?? []), dm(P ?? null), um($ ?? null), sm(E ?? null), fm(ce ?? null), we && f.initPagesFromComponents(we, { initialCanvas: r }), Nr(() => {
     h != null && am(h), m != null && cm(m), Gg(l ?? []);
   }, [h, l, m]), Nr(() => {
     !W || !we || !Je || na(W, {
@@ -20099,7 +20109,7 @@ function bS({
     Je
   ]), se(() => {
     Zc(k ?? null);
-    const V = Gy(f);
+    const V = Xy(f);
     return () => {
       V(), Zc(null);
     };
@@ -20345,70 +20355,70 @@ function bS({
     const V = h ?? Cn();
     if (!V) return;
     const re = `${V}|${m ?? Zn()}`;
-    return he.current != null && he.current !== re && Jb(), he.current = re, O0({
+    return he.current != null && he.current !== re && Jb(), he.current = re, j0({
       editor: f,
       getPages: () => f.pages,
       appOrigin: V,
       baselineEnvironment: _t()
     });
-  }, [h, Je, m]), /* @__PURE__ */ a(T0, { previewIdentityReady: Je });
+  }, [h, Je, m]), /* @__PURE__ */ a(F0, { previewIdentityReady: Je });
 }
 export {
-  ew as DEFAULT_DESIGN_COMPILE_LIMITS,
-  vS as DESIGN_IMPORT_KINDS,
-  Qv as DESIGN_IR_SCHEMA,
-  Zv as DESIGN_IR_VERSION,
-  T1 as GENERIC_ASSERTION_SHARE,
+  tw as DEFAULT_DESIGN_COMPILE_LIMITS,
+  wS as DESIGN_IMPORT_KINDS,
+  Zv as DESIGN_IR_SCHEMA,
+  ew as DESIGN_IR_VERSION,
+  F1 as GENERIC_ASSERTION_SHARE,
   xl as MIN_SURFACE_REASON_LENGTH,
   Id as MIN_UNVERIFIED_REASON_LENGTH,
-  Wv as PYGMALION_PREVIEW_CAPTURE_PROGRESS_SUFFIX,
+  Hv as PYGMALION_PREVIEW_CAPTURE_PROGRESS_SUFFIX,
   fx as PYGMALION_PREVIEW_CAPTURE_SCHEMA_VERSION,
-  tS as PygmalionCatalogDocument,
-  rS as PygmalionCatalogMatrix,
-  nS as PygmalionCatalogSection,
-  bS as PygmalionEditor,
+  nS as PygmalionCatalogDocument,
+  oS as PygmalionCatalogMatrix,
+  rS as PygmalionCatalogSection,
+  xS as PygmalionEditor,
   Kp as STORYBOARD_ENVIRONMENT_CONTROL,
-  wS as STORYBOARD_ENVIRONMENT_QUERY,
-  cS as SourceRefControl,
-  hS as __debug,
-  Vw as applyScenarioCoverageClaim,
-  G1 as applyTokenOverride,
+  SS as STORYBOARD_ENVIRONMENT_QUERY,
+  lS as SourceRefControl,
+  pS as __debug,
+  qw as applyScenarioCoverageClaim,
+  X1 as applyTokenOverride,
   Mx as bootstrapPreviewArtifact,
-  W1 as clearPreviewEnvironmentControlValues,
+  H1 as clearPreviewEnvironmentControlValues,
   Og as clearPygmalionPreviewCache,
-  cw as compileDesignDocument,
-  iS as createDesignComponentCatalog,
-  f1 as createDesignComponentVariantMatrix,
-  oS as createDesignGalleryCatalog,
-  SS as createDesignImportController,
-  Q1 as createDesignIntermediateDocument,
-  NS as createDesignScreenCollection,
+  lw as compileDesignDocument,
+  sS as createDesignComponentCatalog,
+  h1 as createDesignComponentVariantMatrix,
+  iS as createDesignGalleryCatalog,
+  NS as createDesignImportController,
+  Z1 as createDesignIntermediateDocument,
+  IS as createDesignScreenCollection,
   yx as createPreviewArtifactHttpTransport,
-  H1 as createPreviewCacheNamespace,
+  U1 as createPreviewCacheNamespace,
   px as createPreviewFrameFingerprint,
   of as createPreviewRecipeFingerprint,
   xx as createStoryboardCaptureRecipeIdentity,
-  U0 as createStoryboardGraph,
-  s1 as createStoryboardGraphFromDiscovery,
+  V0 as createStoryboardGraph,
+  a1 as createStoryboardGraphFromDiscovery,
   eh as createStoryboardGraphViewModel,
-  j0 as createStoryboardPathEdges,
+  B0 as createStoryboardPathEdges,
   ch as createStoryboardRouteScenarioId,
   Sr as createStoryboardRouteUrl,
-  l1 as designCatalogKey,
+  d1 as designCatalogKey,
   fh as designCatalogRegistryName,
-  uS as detectStateGroupCandidates,
+  fS as detectStateGroupCandidates,
   Lx as enumerateControlCandidates,
-  Y1 as enumerateDesignComponentConnectionCases,
+  G1 as enumerateDesignComponentConnectionCases,
   Dx as enumerateRequestCandidates,
-  V1 as enumerateRouteCandidates,
-  IS as expandDesignScreenCasesViewports,
-  CS as expandDesignScreenCollectionViewports,
+  q1 as enumerateRouteCandidates,
+  CS as expandDesignScreenCasesViewports,
+  PS as expandDesignScreenCollectionViewports,
   ff as frameSurfaceDemands,
-  PS as framesMissingScenario,
-  aw as getDesignCodegenAdapters,
-  K1 as getDesignComponentConnection,
+  MS as framesMissingScenario,
+  cw as getDesignCodegenAdapters,
+  Y1 as getDesignComponentConnection,
   ya as getDesignComponentConnectionForComponent,
-  q1 as getDesignComponentConnections,
+  K1 as getDesignComponentConnections,
   Wx as getObservedRequests,
   Jg as getPreviewEnvironmentControlValue,
   Xg as getPreviewEnvironmentControls,
@@ -20421,61 +20431,61 @@ export {
   xo as getStoryboardGraph,
   jx as getSurfaceClassifications,
   sh as getViewportPresets,
-  F1 as hooksInSelector,
+  _1 as hooksInSelector,
   uh as loadStoryboardDiscovery,
-  MS as mergeScreenPresets,
+  $S as mergeScreenPresets,
   Ot as mergeStoryboardEnvironment,
-  Kv as previewCaptureProgressEndpoint,
-  eS as publishStoryboardDiscovery,
-  pS as pygmalionNavigate,
-  mS as pygmalionOpenPreview,
-  gS as pygmalionResetCurrentEdits,
-  B1 as reconstructRoutePreviewArtifactScreenshotV3,
-  j1 as reconstructRoutePreviewArtifactSnapshotV3,
-  sw as registerDesignCodegenAdapter,
+  Yv as previewCaptureProgressEndpoint,
+  tS as publishStoryboardDiscovery,
+  mS as pygmalionNavigate,
+  gS as pygmalionOpenPreview,
+  bS as pygmalionResetCurrentEdits,
+  W1 as reconstructRoutePreviewArtifactScreenshotV3,
+  B1 as reconstructRoutePreviewArtifactSnapshotV3,
+  aw as registerDesignCodegenAdapter,
   zx as requestEndpointShape,
-  X1 as resetTokenOverrides,
+  J1 as resetTokenOverrides,
   Px as resolvePreviewArtifactFrames,
-  X0 as resolveStoryboardScreenCases,
+  J0 as resolveStoryboardScreenCases,
   kp as selectSessionPreset,
   Gp as setComponentRegistry,
-  Ly as setDesignComponentConnections,
+  zy as setDesignComponentConnections,
   Bx as setObservedRequests,
   Qg as setPreviewEnvironmentControlValue,
   Gg as setPreviewEnvironmentControls,
   am as setPygmalionAppOrigin,
-  $S as setPygmalionArtifactOrigin,
+  ES as setPygmalionArtifactOrigin,
   Mu as setPygmalionPreviewConcurrency,
   cm as setPygmalionPreviewRevision,
   Xp as setSessionPresets,
   Kr as setStoryboardBaselineEnvironment,
   kn as setStoryboardGraph,
   Ox as setSurfaceClassifications,
-  Jy as setTokens,
-  jw as setViewportPresets,
-  B0 as storyboardScreenRecipeKey,
+  Qy as setTokens,
+  Bw as setViewportPresets,
+  W0 as storyboardScreenRecipeKey,
   sc as subscribePreviewEnvironmentControls,
   Fd as subscribeSessionPresets,
   Qf as subscribeStoryboardGraph,
-  fS as summarizeConditionCoverage,
+  hS as summarizeConditionCoverage,
   Ex as unclassifiedSurfaces,
-  J1 as usePygmalionPreviewCaptureProgress,
-  aS as usePygmalionProject,
+  Q1 as usePygmalionPreviewCaptureProgress,
+  cS as usePygmalionProject,
   Lf as validateDesignComponentConnections,
-  ES as validateFrameBranchKinds,
-  dS as validateHookTargeting,
-  AS as validateInteractiveStates,
+  AS as validateFrameBranchKinds,
+  uS as validateHookTargeting,
+  kS as validateInteractiveStates,
   Cx as validatePreviewArtifactBundle,
   ji as validateRoutePreviewArtifactV3Browser,
-  Z1 as validateScenarioCoverage,
-  kS as validateScreenCards,
-  lS as validateScreenConformance,
-  RS as validateScreenDimensions,
+  eS as validateScenarioCoverage,
+  RS as validateScreenCards,
+  dS as validateScreenConformance,
+  TS as validateScreenDimensions,
   Fb as validateScreenFlows,
-  TS as validateScreenLanes,
-  FS as validateScreenLists,
-  _S as validateScreenStateAxes,
-  sS as validateScreenStateGroups,
-  LS as validateSectionHeaders,
-  U1 as validateSurfaceDemands
+  FS as validateScreenLanes,
+  _S as validateScreenLists,
+  LS as validateScreenStateAxes,
+  aS as validateScreenStateGroups,
+  zS as validateSectionHeaders,
+  V1 as validateSurfaceDemands
 };