@pygmalionjs/pygmalion 0.6.10 → 0.6.12

package/dist-lib/pygmalion.js

@@ -2,8 +2,8 @@ var dm = Object.defineProperty;
 var um = (e, t, n) => t in e ? dm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var vn = (e, t, n) => um(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as a, jsxs as g, Fragment as He } from "react/jsx-runtime";
-import { R as hi, u as fm, b as hm, c as Ya, d as Gd, g as ut, f as mm, m as Dt, e as f, h as Lt, r as hn, i as Ws, j as er, k as Ga, l as In, n as Xd, o as Ir, p as pm, q as Yn, t as We, v as gm, w as bm, x as xm, y as vm, z as ym, A as wm, B as Sm, C as Hs, D as Nm, E as Im, G as Cm, H as Pm, I as $m, J as Mm, S as Em, K as km, L as Jd, M as Am, O as Us, P as Rm, Q as Tm, T as Fm, U as Lm, V as _m, W as sl, X as al, Y as Qd, Z as Zd, _ as zm, $ as cl, a0 as Dm, a1 as eu, a2 as Om, a3 as jm, a4 as Bm, a5 as Wm, a6 as Hm, a7 as Um, a8 as tu, a9 as Vm, aa as Km, ab as ee, ac as ll, ad as dl, ae as qm, af as ps, ag as Ym, ah as Qo, ai as Vs, aj as Gm, ak as nu, al as Xm, am as Jm, an as Qm, s as Zm, ao as ep, ap as ru, aq as mi, ar as tp, as as np, at as ou, au as iu, av as Ks, aw as su, ax as rp, ay as op, az as ul, aA as ip, aB as sp, aC as fl, aD as ap, aE as cp, aF as lp, aG as dp, aH as gs, aI as up, aJ as fp, aK as hp, aL as mp, aM as pp, aN as gp, aO as bp, aP as xp, a as vp, aQ as yp, aR as wp, aS as Sp, aT as Np, aU as Ip, aV as Cp, aW as Pp, aX as $p, aY as Mp, aZ as Ep, a_ as kp, a$ as Ap, b0 as Rp, b1 as qr, b2 as hl, b3 as Tp, b4 as Fp, b5 as Lp, b6 as _p, b7 as ml } from "./FrozenRoutePreview-CPnB5j1D.js";
-import { b8 as hN, b9 as mN, ba as pN, bb as gN, bc as bN, bd as xN, be as vN, bf as yN, bg as wN, bh as SN, bi as NN, bj as IN, bk as CN, bl as PN, bm as $N, bn as MN, bo as EN } from "./FrozenRoutePreview-CPnB5j1D.js";
+import { R as hi, u as fm, b as hm, c as Ya, d as Gd, g as ut, f as mm, m as Dt, e as f, h as Lt, r as hn, i as Ws, j as er, k as Ga, l as In, n as Xd, o as Ir, p as pm, q as Yn, t as We, v as gm, w as bm, x as xm, y as vm, z as ym, A as wm, B as Sm, C as Hs, D as Nm, E as Im, G as Cm, H as Pm, I as $m, J as Mm, S as Em, K as km, L as Jd, M as Am, O as Us, P as Rm, Q as Tm, T as Fm, U as Lm, V as _m, W as sl, X as al, Y as Qd, Z as Zd, _ as zm, $ as cl, a0 as Dm, a1 as eu, a2 as Om, a3 as jm, a4 as Bm, a5 as Wm, a6 as Hm, a7 as Um, a8 as tu, a9 as Vm, aa as Km, ab as ee, ac as ll, ad as dl, ae as qm, af as ps, ag as Ym, ah as Qo, ai as Vs, aj as Gm, ak as nu, al as Xm, am as Jm, an as Qm, s as Zm, ao as ep, ap as ru, aq as mi, ar as tp, as as np, at as ou, au as iu, av as Ks, aw as su, ax as rp, ay as op, az as ul, aA as ip, aB as sp, aC as fl, aD as ap, aE as cp, aF as lp, aG as dp, aH as gs, aI as up, aJ as fp, aK as hp, aL as mp, aM as pp, aN as gp, aO as bp, aP as xp, a as vp, aQ as yp, aR as wp, aS as Sp, aT as Np, aU as Ip, aV as Cp, aW as Pp, aX as $p, aY as Mp, aZ as Ep, a_ as kp, a$ as Ap, b0 as Rp, b1 as qr, b2 as hl, b3 as Tp, b4 as Fp, b5 as Lp, b6 as _p, b7 as ml } from "./FrozenRoutePreview-CGxN_gIm.js";
+import { b8 as mN, b9 as pN, ba as gN, bb as bN, bc as xN, bd as vN, be as yN, bf as wN, bg as SN, bh as NN, bi as IN, bj as CN, bk as PN, bl as $N, bm as MN, bn as EN, bo as kN } from "./FrozenRoutePreview-CGxN_gIm.js";
 import { useRef as ke, useLayoutEffect as Cr, useSyncExternalStore as qe, useCallback as kt, useReducer as au, useEffect as ie, memo as cu, createElement as ho, useState as Q, useMemo as wt } from "react";
 import { createPortal as zp } from "react-dom";
 const Xa = {
@@ -572,7 +572,7 @@ function qi(e) {
     c.has(l) || t.push(`Screenshot asset "${l}" is unreferenced.`);
   return { valid: t.length === 0, errors: t, bytes: n };
 }
-function RS(e, t) {
+function TS(e, t) {
   var o;
   const n = qi(e);
   if (!n.valid)
@@ -585,7 +585,7 @@ function RS(e, t) {
     t
   ) : null;
 }
-function TS(e, t) {
+function FS(e, t) {
   var s;
   const n = qi(e);
   if (!n.valid)
@@ -2496,7 +2496,7 @@ function Sb(e, t) {
     );
   nr.get(e) !== t && (nr.set(e, t), yc());
 }
-function FS() {
+function LS() {
   nr.size && (nr.clear(), yc());
 }
 function Nb() {
@@ -2633,7 +2633,7 @@ function kb(e, t) {
     (Ht == null ? void 0 : Ht.adapter) === t && Ci(!0);
   };
 }
-function LS(e) {
+function _S(e) {
   const t = Ht;
   if (!t || yt.phase !== "interacting" || !yt.scroll)
     return !1;
@@ -3295,45 +3295,45 @@ function Zi(e = {}) {
   }
   async function k(_, D) {
     if (e.prepare) return e.prepare(_, D);
-    const { getDesignImportController: B } = await import("./FrozenRoutePreview-CPnB5j1D.js").then((I) => I.bq), C = B();
+    const { getDesignImportController: j } = await import("./FrozenRoutePreview-CGxN_gIm.js").then((I) => I.bq), C = j();
     if (!C)
       throw new Error("The design import controller is not available.");
     return C.prepareScreenCapture(_, D);
   }
   async function L(_, D) {
     if (e.settle) return e.settle(_, D);
-    const { settleScreen: B } = await import("./FrozenRoutePreview-CPnB5j1D.js").then((C) => C.bp);
-    return B(_, D);
+    const { settleScreen: j } = await import("./FrozenRoutePreview-CGxN_gIm.js").then((C) => C.bp);
+    return j(_, D);
   }
   async function P(_, D) {
     if (e.serialize) return e.serialize(_, D);
-    const { serializeRoutePreview: B } = await Promise.resolve().then(() => ga);
-    return B(_, D);
+    const { serializeRoutePreview: j } = await Promise.resolve().then(() => ga);
+    return j(_, D);
   }
   async function R(_, D) {
     if (e.publish) return e.publish(_, D);
-    const { setRoutePreviewSnapshot: B } = await Promise.resolve().then(() => ga);
-    return B(_, D);
+    const { setRoutePreviewSnapshot: j } = await Promise.resolve().then(() => ga);
+    return j(_, D);
   }
-  function N(_, D, B) {
+  function N(_, D, j) {
     for (let C = D; C < _.waypoints.length; C += 1)
       _.waypoints[C].cacheKey && E(_.waypoints[C].screenId, {
         status: "failed",
         pathId: _.id,
-        reason: B
+        reason: j
       });
   }
   async function T(_, D) {
     var Pe, U, se, ae;
-    const B = o();
-    if (!B) {
+    const j = o();
+    if (!j) {
       N(_, 0, "flow session container unavailable");
       return;
     }
     const C = sx(_), I = C != null, A = (C == null ? void 0 : C.iframe) ?? r();
     let X = (C == null ? void 0 : C.skip) ?? 0, ge = !1;
     const _e = l(), te = _.waypoints[0];
-    A.style.width = `${Math.round(te.width)}px`, A.style.height = `${Math.round(te.height)}px`, I || B.appendChild(A);
+    A.style.width = `${Math.round(te.width)}px`, A.style.height = `${Math.round(te.height)}px`, I || j.appendChild(A);
     try {
       I || (await d(A, _.url), Jn.boots += 1, Jn.bootsByRunner[n] = (Jn.bootsByRunner[n] ?? 0) + 1);
       for (let K = 0; K < _.waypoints.length; K += 1) {
@@ -3417,17 +3417,17 @@ function Zi(e = {}) {
      */
     materialize(_) {
       let D = 0;
-      for (const B of _)
-        if (!(h.has(B.id) || (B.waypoints.some((A) => A.cacheKey) ? B.waypoints.filter(
+      for (const j of _)
+        if (!(h.has(j.id) || (j.waypoints.some((A) => A.cacheKey) ? j.waypoints.filter(
           (A) => A.cacheKey && !u.has(A.screenId)
-        ) : B.waypoints).length === 0)) {
-          h.add(B.id);
-          for (const A of B.waypoints)
+        ) : j.waypoints).length === 0)) {
+          h.add(j.id);
+          for (const A of j.waypoints)
             A.cacheKey && !u.has(A.screenId) && E(A.screenId, {
               status: "pending",
-              pathId: B.id
+              pathId: j.id
             });
-          x.push(B), D += 1;
+          x.push(j), D += 1;
         }
       return D > 0 && (y(), W()), D;
     },
@@ -3440,10 +3440,10 @@ function Zi(e = {}) {
      */
     pruneQueue(_) {
       let D = 0;
-      for (let B = x.length - 1; B >= 0; B -= 1) {
-        const C = x[B];
+      for (let j = x.length - 1; j >= 0; j -= 1) {
+        const C = x[j];
         if (!_(C)) {
-          x.splice(B, 1), h.delete(C.id);
+          x.splice(j, 1), h.delete(C.id);
           for (const I of C.waypoints) {
             if (!I.cacheKey) continue;
             const A = u.get(I.screenId);
@@ -4386,7 +4386,7 @@ function Ai(e, t, n) {
     }
   );
 }
-function _S({
+function zS({
   sourceRevision: e,
   recipes: t,
   recipeVersion: n,
@@ -4718,7 +4718,7 @@ function cv(e) {
     t.has(r) && n.add(r), t.add(r);
   return [...n];
 }
-function zS(e, t) {
+function DS(e, t) {
   var s;
   const n = [], r = new Map(e.map((c) => [c.id, c])), o = /* @__PURE__ */ new Map();
   for (const c of e)
@@ -4793,7 +4793,7 @@ function dv(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 DS(e) {
+function OS(e) {
   const t = e.declaredScreens.map((o) => o.route).filter((o) => typeof o == "string").map(Fl), n = /* @__PURE__ */ new Set(), r = [];
   for (const o of e.routes) {
     const i = o.path ?? o.id;
@@ -6692,7 +6692,7 @@ function ny(e, t, n = Zv) {
     c,
     t.interactions ?? []
   ), D = null;
-  const B = () => {
+  const j = () => {
     if (D == null || D.remove(), D = null, h.length === 0) return;
     const te = [];
     for (const Pe of u) {
@@ -6712,7 +6712,7 @@ function ny(e, t, n = Zv) {
     te.length !== 0 && (D = i.createElement("style"), D.dataset.pygmalionHeldPseudoStyle = "", D.textContent = te.join(`
 `), o.append(D));
   };
-  B();
+  j();
   let C = !1, I = {
     mode: "frozen",
     seekRevision: 0
@@ -6725,7 +6725,7 @@ function ny(e, t, n = Zv) {
     get heldPseudoIssues() {
       return [...W.issues, ..._];
     },
-    refreshLinkedHeldPseudoCss: B,
+    refreshLinkedHeldPseudoCss: j,
     restoreScrollInteractions: () => (C || (_ = $s(
       o,
       c,
@@ -6845,15 +6845,15 @@ const oy = We(function({
   }), v = ke(d);
   v.current = d;
   const [y, E] = Q(0), [k, L] = Q([]), P = f.frozenPreviewOverrideCss(t), R = f.frozenPreviewMutations(), N = JSON.stringify(R), T = f.previewMotionState(t.id), W = T.targetId ? Qd(t).find(
-    (B) => B.id === T.targetId
+    (j) => j.id === T.targetId
   ) : void 0, _ = `${mc()}:${s}:shared-overrides`, D = ke(l);
   return D.current = l, ie(() => {
-    const B = m.current;
-    if (!B) return;
+    const j = m.current;
+    if (!j) return;
     let C = null;
     const I = Lx(() => {
       try {
-        C = ny(B, {
+        C = ny(j, {
           ...r ? {
             bodyHtml: r.bodyHtml,
             bodyAttributes: r.bodyAttributes,
@@ -6880,13 +6880,13 @@ const oy = We(function({
       }, C == null || C.teardown(), h.current === C && (h.current = null);
     };
   }, [r, i, _, n]), ie(() => {
-    const B = h.current;
-    if (!B) return;
+    const j = h.current;
+    if (!j) return;
     let C = !1, I = null;
     return (async () => {
       var X;
       const A = Array.from(
-        B.root.querySelectorAll('link[rel~="stylesheet"]')
+        j.root.querySelectorAll('link[rel~="stylesheet"]')
       );
       await Promise.all(
         A.map(
@@ -6894,14 +6894,14 @@ const oy = We(function({
             ge.addEventListener("load", () => _e(), { once: !0 }), ge.addEventListener("error", () => _e(), { once: !0 });
           })
         )
-      ), B.refreshLinkedHeldPseudoCss();
+      ), j.refreshLinkedHeldPseudoCss();
       try {
         await ((X = document.fonts) == null ? void 0 : X.ready);
       } catch {
       }
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          C || (B.restoreScrollInteractions(), I = zm(t.id, B, {
+          C || (j.restoreScrollInteractions(), I = zm(t.id, j, {
             stale: c || k.length > 0
           }), f.promoteFrozenLayerImportIfPending(t.id));
         });
@@ -6910,16 +6910,16 @@ const oy = We(function({
       C = !0, I == null || I();
     };
   }, [y, t.id, k, c]), ie(() => {
-    var B;
-    (B = h.current) == null || B.updateOverrideCss(P);
+    var j;
+    (j = h.current) == null || j.updateOverrideCss(P);
   }, [y, P]), ie(() => {
-    const B = h.current;
-    if (!B) return;
+    const j = h.current;
+    if (!j) return;
     b.current();
     let C = !1;
-    const I = Xv(B.root, R, {
+    const I = Xv(j.root, R, {
       baseUrl: i
-    }), A = [I.cleanup], X = [...B.heldPseudoIssues, ...I.issues], ge = B.root.host.ownerDocument, _e = () => {
+    }), A = [I.cleanup], X = [...j.heldPseudoIssues, ...I.issues], ge = j.root.host.ownerDocument, _e = () => {
       const se = [...new Set(X)];
       L(
         (ae) => JSON.stringify(ae) === JSON.stringify(se) ? ae : se
@@ -6930,7 +6930,7 @@ const oy = We(function({
       if (!se.component || se.staleReason) return [];
       let ae;
       try {
-        ae = [...B.root.querySelectorAll(se.selector)];
+        ae = [...j.root.querySelectorAll(se.selector)];
       } catch {
         return X.push(`DOM selector cannot be applied:${se.key}`), [];
       }
@@ -6973,8 +6973,8 @@ const oy = We(function({
       });
     };
   }, [i, y, N, s]), ie(() => {
-    var B;
-    (B = h.current) == null || B.updateMotion({
+    var j;
+    (j = h.current) == null || j.updateMotion({
       mode: T.mode,
       progress: T.progress,
       seekRevision: T.seekRevision,
@@ -7154,7 +7154,7 @@ const py = We(function({
   const { appOrigin: l, previewRevision: d } = Jb(), u = ke(null), m = ke(null), h = ke(null), b = ke(null), x = ke(null), v = ke(!1), y = ke(Xb()), E = ke(
     () => {
     }
-  ), k = ke(null), L = ke(!1), P = ke(null), R = ke(0), N = ke(null), T = ke(null), [W, _] = Q(null), [D, B] = Q(!1), C = (W == null ? void 0 : W.width) ?? t.width ?? 390, I = (W == null ? void 0 : W.height) ?? hn(t), A = (W == null ? void 0 : W.x) ?? t.x ?? 0, X = (W == null ? void 0 : W.y) ?? t.y ?? 0, ge = c !== "idle", _e = c === "interacting", te = f.editMode ? n : _e, Pe = Dt(
+  ), k = ke(null), L = ke(!1), P = ke(null), R = ke(0), N = ke(null), T = ke(null), [W, _] = Q(null), [D, j] = Q(!1), C = (W == null ? void 0 : W.width) ?? t.width ?? 390, I = (W == null ? void 0 : W.height) ?? hn(t), A = (W == null ? void 0 : W.x) ?? t.x ?? 0, X = (W == null ? void 0 : W.y) ?? t.y ?? 0, ge = c !== "idle", _e = c === "interacting", te = f.editMode ? n : _e, Pe = Dt(
     Lt(),
     an(t, n)
   ), U = Ut(
@@ -7293,12 +7293,12 @@ const py = We(function({
   ]), ie(() => {
     const Y = u.current;
     if (!Y || typeof IntersectionObserver > "u") {
-      B(!0);
+      j(!0);
       return;
     }
     const de = new IntersectionObserver(
       ([Re]) => {
-        B(Re.isIntersecting);
+        j(Re.isIntersecting);
       },
       { rootMargin: "600px" }
     );
@@ -8438,10 +8438,10 @@ ${o.join(`
     Jl = i;
   }
 }
-function OS() {
+function jS() {
   return [...Tr.values()].map(rs);
 }
-function jS(e) {
+function BS(e) {
   const t = Tr.get(e);
   return t ? rs(t) : void 0;
 }
@@ -8501,7 +8501,7 @@ function lh() {
     )
   );
 }
-function BS(e, t = {}) {
+function WS(e, t = {}) {
   const n = Tr.get(e);
   if (!n)
     throw new Error(`Unknown component connection "${e}".`);
@@ -8818,12 +8818,12 @@ function Ty(e) {
 function ph() {
   return [...Di.entries()].map(([e, t]) => ({ name: e, value: t }));
 }
-function WS(e, t) {
+function HS(e, t) {
   Di.set(e, t), document.documentElement.style.setProperty(e, t);
   const n = ph();
   Zn == null || Zn(n), fh(n);
 }
-function HS() {
+function US() {
   for (const e of Di.keys()) document.documentElement.style.removeProperty(e);
   Di.clear(), Zn == null || Zn([]), fh([]);
 }
@@ -9286,7 +9286,7 @@ function cd({
   affectedFrames: n = []
 }) {
   var tl, nl, rl, ol, il;
-  const r = ke(null), [o, i] = Q(null), [s, c] = Q(null), [l, d] = Q(null), [u, m] = Q("cases"), [h, b] = Q(!1), [x, v] = Q(Uy), [y, E] = Q(null), [k, L] = Q("original"), [P, R] = Q("default"), [N, T] = Q("item"), [W, _] = Q("base"), [D, B] = Q({ minWidth: 768 }), [C, I] = Q(null), [A, X] = Q(!0), [ge, _e] = Q(!1), [te, Pe] = Q(!1), [U, se] = Q(null), [ae, K] = Q(""), [q, $e] = Q(!1), [Ie, Ae] = Q(""), [fe, me] = Q(!1), [ue, ot] = Q(""), [S, $] = Q(null), [F, G] = Q(""), [O, ce] = Q(""), [le, J] = Q(0), [Se, he] = au((p) => p + 1, 0), H = ke(""), Ce = ke(null), ye = ke(null);
+  const r = ke(null), [o, i] = Q(null), [s, c] = Q(null), [l, d] = Q(null), [u, m] = Q("cases"), [h, b] = Q(!1), [x, v] = Q(Uy), [y, E] = Q(null), [k, L] = Q("original"), [P, R] = Q("default"), [N, T] = Q("item"), [W, _] = Q("base"), [D, j] = Q({ minWidth: 768 }), [C, I] = Q(null), [A, X] = Q(!0), [ge, _e] = Q(!1), [te, Pe] = Q(!1), [U, se] = Q(null), [ae, K] = Q(""), [q, $e] = Q(!1), [Ie, Ae] = Q(""), [fe, me] = Q(!1), [ue, ot] = Q(""), [S, $] = Q(null), [F, G] = Q(""), [O, ce] = Q(""), [le, J] = Q(0), [Se, he] = au((p) => p + 1, 0), H = ke(""), Ce = ke(null), ye = ke(null);
   ye.current = s;
   const Ne = ke(null);
   Ne.current = l;
@@ -9305,7 +9305,7 @@ function cd({
   ), Le = wt(() => {
     const p = mh(), w = {};
     for (const [M, V] of Object.entries(_y))
-      w[M] = p.filter((j) => V.test(j.name));
+      w[M] = p.filter((B) => V.test(B.name));
     return w;
   }, []);
   if (ie(() => he(), []), ie(() => {
@@ -9333,13 +9333,13 @@ function cd({
     let w = !1;
     return me(!0), ot(""), p(Ye).then((M) => {
       if (w) return;
-      const V = [.../* @__PURE__ */ new Set([...Ye, ...M.files])], j = f.pages.filter(
+      const V = [.../* @__PURE__ */ new Set([...Ye, ...M.files])], B = f.pages.filter(
         (we) => (we.sourcePaths ?? []).some(
           (Be) => V.some((Nt) => Wy(Be, Nt))
         )
       ).map((we) => ({ id: Vs(we), name: we.name })), ve = [
         ...ne.current,
-        ...j.filter(
+        ...B.filter(
           (we) => !ne.current.some((Be) => Be.id === we.id)
         )
       ];
@@ -9376,17 +9376,17 @@ function cd({
   }, [Ve, Ge]), ie(() => {
     const p = [window];
     Ge && Ve && Ve !== window && p.push(Ve);
-    const w = (j) => {
-      if (j.key === "Alt" && _e(!0), Ne.current) return;
-      (j.metaKey || j.ctrlKey) && j.key.toLowerCase() === "z" ? (j.preventDefault(), j.stopPropagation(), j.shiftKey ? ee.redo() : ee.undo()) : j.key === "Escape" && ye.current && (j.stopPropagation(), c(null));
-    }, M = (j) => {
-      j.key === "Alt" && _e(!1);
+    const w = (B) => {
+      if (B.key === "Alt" && _e(!0), Ne.current) return;
+      (B.metaKey || B.ctrlKey) && B.key.toLowerCase() === "z" ? (B.preventDefault(), B.stopPropagation(), B.shiftKey ? ee.redo() : ee.undo()) : B.key === "Escape" && ye.current && (B.stopPropagation(), c(null));
+    }, M = (B) => {
+      B.key === "Alt" && _e(!1);
     }, V = () => _e(!1);
-    for (const j of p)
-      j.addEventListener("keydown", w, !0), j.addEventListener("keyup", M, !0), j.addEventListener("blur", V);
+    for (const B of p)
+      B.addEventListener("keydown", w, !0), B.addEventListener("keyup", M, !0), B.addEventListener("blur", V);
     return () => {
-      for (const j of p)
-        j.removeEventListener("keydown", w, !0), j.removeEventListener("keyup", M, !0), j.removeEventListener("blur", V);
+      for (const B of p)
+        B.removeEventListener("keydown", w, !0), B.removeEventListener("keyup", M, !0), B.removeEventListener("blur", V);
     };
   }, [Ve, Ge]), ie(() => {
     const p = l;
@@ -9399,9 +9399,9 @@ function cd({
       p.textContent = H.current, ve && we !== H.current && (ee.recordText(p, we, Qe(p), ne.current), ee.toast("change text")), d(null);
     }, V = (ve) => {
       ve.stopPropagation(), ve.key === "Enter" ? (ve.preventDefault(), M(!0)) : ve.key === "Escape" && M(!1);
-    }, j = () => M(!0);
-    return p.addEventListener("keydown", V), p.addEventListener("blur", j), () => {
-      p.removeEventListener("keydown", V), p.removeEventListener("blur", j);
+    }, B = () => M(!0);
+    return p.addEventListener("keydown", V), p.addEventListener("blur", B), () => {
+      p.removeEventListener("keydown", V), p.removeEventListener("blur", B);
     };
   }, [l]), ie(() => {
     if (ee.toastSeq === 0) return;
@@ -9416,7 +9416,7 @@ function cd({
       if (!M) return null;
       const V = M.contentDocument;
       if (!V) return null;
-      const j = M.getBoundingClientRect(), ve = V.elementFromPoint(p.clientX - j.left, p.clientY - j.top);
+      const B = M.getBoundingClientRect(), ve = V.elementFromPoint(p.clientX - B.left, p.clientY - B.top);
       return !ve || ve.nodeType !== 1 || ve === V.body || ve === V.documentElement ? null : ve;
     }
     const w = t == null ? void 0 : t.current;
@@ -9493,12 +9493,12 @@ function cd({
       return;
     }
     try {
-      const j = await p(M);
-      ee.clearApplied(), $((j == null ? void 0 : j.qa) ?? null), se(null), K(""), Ae("");
-      const ve = j != null && j.qa ? j.qa.complete ? ` · ${j.qa.frames.length} affected frames checked` : ` · ${j.qa.failures.length} QA failures` : "";
-      ee.toast(`${(j == null ? void 0 : j.message) ?? `Applied ${(j == null ? void 0 : j.applied) ?? V} changes`}${ve}`);
-    } catch (j) {
-      ee.toast(`Apply failed:${String(j).slice(0, 80)}`);
+      const B = await p(M);
+      ee.clearApplied(), $((B == null ? void 0 : B.qa) ?? null), se(null), K(""), Ae("");
+      const ve = B != null && B.qa ? B.qa.complete ? ` · ${B.qa.frames.length} affected frames checked` : ` · ${B.qa.failures.length} QA failures` : "";
+      ee.toast(`${(B == null ? void 0 : B.message) ?? `Applied ${(B == null ? void 0 : B.applied) ?? V} changes`}${ve}`);
+    } catch (B) {
+      ee.toast(`Apply failed:${String(B).slice(0, 80)}`);
     }
   }, z = s != null && s.isConnected ? s : null, jt = o != null && o.isConnected ? o : null, be = z != null && z.parentElement && z.parentElement !== Me ? z.parentElement : null, St = N === "container" && be ? be : z, oe = z ? ze(z.getBoundingClientRect()) : null, Z = be ? ze(be.getBoundingClientRect()) : null, rr = N === "container" && St && St !== z ? ze(St.getBoundingClientRect()) : null, Fn = jt && jt !== z ? ze(jt.getBoundingClientRect()) : null, at = z ? Ve.getComputedStyle(z) : null, Xe = be ? Ve.getComputedStyle(be) : null, Io = St ? Ve.getComputedStyle(St) : null, Mt = z ? Qe(z) : "", pt = z ? At(z) : null, dn = z ? qm(z) : null, un = z ? ee.structuralEditKind(z) : null, is = z ? ee.hasPendingValueEdit(z) : !1, Co = z ? ee.structuralBlockReason(z, "insert") : "No elements are selected.", ss = z ? ee.structuralBlockReason(z, "remove") : "No elements are selected.", Cn = z ? ee.structuralBlockReason(z, "move") : "No elements are selected.", or = z && z.parentElement ? Array.from(z.parentElement.children).indexOf(z) : -1, Po = ((rl = z == null ? void 0 : z.parentElement) == null ? void 0 : rl.children.length) ?? 0, _r = pt ? ut()[pt.name] ?? null : null, ir = dn && /^[A-Z]/.test(dn.elementName) ? (pt == null ? void 0 : pt.name) ?? null : null, zr = z ? ee.componentInsertBlockReason(z, ir) : "No elements are selected.", $o = F.trim().toLocaleLowerCase(), Ln = st.filter(
     ([p, w]) => !$o || p.toLocaleLowerCase().includes($o) || w.importPath.toLocaleLowerCase().includes($o)
@@ -9512,7 +9512,7 @@ function cd({
     ...D.maxWidth != null ? { maxWidth: Math.max(0, Math.round(D.maxWidth)) } : {}
   } : null : ((ol = od.find((p) => p.id === W)) == null ? void 0 : ol.media) ?? null, Or = Dr.filter((p) => p.isConnected && Ve.getComputedStyle(p).getPropertyValue("display") !== "none").map((p, w) => ({ el: p, index: w, rect: ze(p.getBoundingClientRect()) })).filter(({ rect: p }) => p.width > 0 && p.height > 0), jr = Or.slice().sort((p, w) => p.rect.top - w.rect.top || p.rect.left - w.rect.left).reduce((p, w) => {
     const M = p.find((V) => Math.abs(V.top - w.rect.top) < 6);
-    return M ? (M.top = Math.min(M.top, w.rect.top), M.bottom = Math.max(M.bottom, w.rect.top + w.rect.height), M.left = Math.min(M.left, w.rect.left), M.right = Math.max(M.right, w.rect.left + w.rect.width), M.items.push(w), M.items.sort((V, j) => V.rect.left - j.rect.left)) : p.push({
+    return M ? (M.top = Math.min(M.top, w.rect.top), M.bottom = Math.max(M.bottom, w.rect.top + w.rect.height), M.left = Math.min(M.left, w.rect.left), M.right = Math.max(M.right, w.rect.left + w.rect.width), M.items.push(w), M.items.sort((V, B) => V.rect.left - B.rect.left)) : p.push({
       top: w.rect.top,
       bottom: w.rect.top + w.rect.height,
       left: w.rect.left,
@@ -9521,7 +9521,7 @@ function cd({
     }), p;
   }, []).sort((p, w) => p.top - w.top), cs = jr.flatMap(
     (p, w) => p.items.slice(0, -1).map((M, V) => {
-      const j = p.items[V + 1], ve = M.rect.left + M.rect.width, we = j.rect.left, Be = Math.max(M.rect.top, j.rect.top), Nt = Math.min(M.rect.top + M.rect.height, j.rect.top + j.rect.height);
+      const B = p.items[V + 1], ve = M.rect.left + M.rect.width, we = B.rect.left, Be = Math.max(M.rect.top, B.rect.top), Nt = Math.min(M.rect.top + M.rect.height, B.rect.top + B.rect.height);
       return { key: `${w}-${V}`, left: ve, top: Be, width: Math.max(0, we - ve), height: Math.max(16, Nt - Be) };
     })
   ), Wh = jr.slice(0, -1).map((p, w) => {
@@ -9568,10 +9568,10 @@ function cd({
   }, Ro = (p, w, M, V) => {
     if (p.button !== 0) return;
     p.preventDefault(), p.stopPropagation();
-    const j = p.clientX, ve = p.clientY, we = document.body.style.cursor, Be = document.body.style.userSelect;
+    const B = p.clientX, ve = p.clientY, we = document.body.style.cursor, Be = document.body.style.userSelect;
     document.body.style.cursor = w, document.body.style.userSelect = "none";
     const Nt = (Mn) => {
-      M(Mn.clientX - j, Mn.clientY - ve), he();
+      M(Mn.clientX - B, Mn.clientY - ve), he();
     }, $n = () => {
       window.removeEventListener("pointermove", Nt), window.removeEventListener("pointerup", $n), document.body.style.cursor = we, document.body.style.userSelect = Be, V(), he();
     };
@@ -9622,44 +9622,44 @@ function cd({
   }, hs = (p, w) => {
     if (!be) return;
     const M = be.style.getPropertyValue(p), V = p === "column-gap" ? xn : p === "row-gap" ? Br : Rt[p.replace("padding-", "")];
-    let j = V;
+    let B = V;
     const ve = p === "column-gap" || p === "padding-left" || p === "padding-right", we = p === "padding-right" || p === "padding-bottom" ? -1 : 1;
     I(p), p.startsWith("padding-") && X(!1), Ro(
       w,
       ve ? "ew-resize" : "ns-resize",
       (Be, Nt) => {
-        j = Math.max(0, Math.min(256, Math.round(V + (ve ? Be : Nt) * we))), be.style.setProperty(p, `${j}px`);
+        B = Math.max(0, Math.min(256, Math.round(V + (ve ? Be : Nt) * we))), be.style.setProperty(p, `${B}px`);
       },
       () => {
-        Dn(be, p, M), nt(p, `${j}px`), I(null), ee.toast(
-          `${p === "column-gap" ? "column spacing" : p === "row-gap" ? "row spacing" : p.replace("padding-", "padding")} ${j}px`
+        Dn(be, p, M), nt(p, `${B}px`), I(null), ee.toast(
+          `${p === "column-gap" ? "column spacing" : p === "row-gap" ? "row spacing" : p.replace("padding-", "padding")} ${B}px`
         );
       }
     );
   }, Fo = (p, w) => {
     if (!be || !Z) return;
     const M = be.style.getPropertyValue("width"), V = be.style.getPropertyValue("height");
-    let j = Math.round(Z.width), ve = Math.round(Z.height);
+    let B = Math.round(Z.width), ve = Math.round(Z.height);
     Ro(
       w,
       p === "width" ? "ew-resize" : p === "height" ? "ns-resize" : "nwse-resize",
       (we, Be) => {
-        p !== "height" && (j = Math.max(200, Math.min(1920, Math.round(Z.width + we))), be.style.setProperty("width", `${j}px`)), p !== "width" && (ve = Math.max(80, Math.min(1600, Math.round(Z.height + Be))), be.style.setProperty("height", `${ve}px`));
+        p !== "height" && (B = Math.max(200, Math.min(1920, Math.round(Z.width + we))), be.style.setProperty("width", `${B}px`)), p !== "width" && (ve = Math.max(80, Math.min(1600, Math.round(Z.height + Be))), be.style.setProperty("height", `${ve}px`));
       },
       () => {
-        Dn(be, "width", M), Dn(be, "height", V), p !== "height" && nt("width", `${j}px`), p !== "width" && nt("height", `${ve}px`), ee.toast(`container${j} × ${ve}px`);
+        Dn(be, "width", M), Dn(be, "height", V), p !== "height" && nt("width", `${B}px`), p !== "width" && nt("height", `${ve}px`), ee.toast(`container${B} × ${ve}px`);
       }
     );
   }, rm = (p) => {
     if (!be || !z) return;
-    const w = be.style.getPropertyValue("display"), M = be.style.getPropertyValue("grid-template-columns"), V = z.style.getPropertyValue("min-width"), j = As(be, (oe == null ? void 0 : oe.width) ?? 240);
-    let ve = j;
+    const w = be.style.getPropertyValue("display"), M = be.style.getPropertyValue("grid-template-columns"), V = z.style.getPropertyValue("min-width"), B = As(be, (oe == null ? void 0 : oe.width) ?? 240);
+    let ve = B;
     Ro(
       p,
       "ew-resize",
       (we) => {
         var Be;
-        ve = Math.max(80, Math.min(600, Math.round(j + we))), be.style.setProperty("display", "grid"), be.style.setProperty(
+        ve = Math.max(80, Math.min(600, Math.round(B + we))), be.style.setProperty("display", "grid"), be.style.setProperty(
           "grid-template-columns",
           `repeat(auto-fit, minmax(min(${ve}px, 100%), 1fr))`
         ), z.style.setProperty("min-width", "0"), (Be = Ce.current) == null || Be.mirrorStyle(z, "min-width", "0");
@@ -9675,7 +9675,7 @@ function cd({
     Ro(
       p,
       "ns-resize",
-      (j, ve) => {
+      (B, ve) => {
         var we;
         V = Math.max(40, Math.min(1200, Math.round(M + ve))), z.style.setProperty("height", `${V}px`), (we = Ce.current) == null || we.mirrorStyle(z, "height", `${V}px`);
       },
@@ -9686,8 +9686,8 @@ function cd({
   }, Lo = (p, w, M) => {
     const V = p === "container" ? Z : oe;
     if (!V) return;
-    const j = M === "fill" ? "100%" : M === "hug" ? w === "width" ? "fit-content" : "auto" : `${Math.round(V[w])}px`;
-    p === "container" ? nt(w, j) : (ct(w, j), w === "width" && ct("flex", M === "fill" ? "1 1 0" : "0 0 auto")), ee.toast(`${p === "container" ? "container" : "item"} ${w === "width" ? "width" : "height"} ${M}`);
+    const B = M === "fill" ? "100%" : M === "hug" ? w === "width" ? "fit-content" : "auto" : `${Math.round(V[w])}px`;
+    p === "container" ? nt(w, B) : (ct(w, B), w === "width" && ct("flex", M === "fill" ? "1 1 0" : "0 0 auto")), ee.toast(`${p === "container" ? "container" : "item"} ${w === "width" ? "width" : "height"} ${M}`);
   }, ms = (p, w) => {
     const M = A ? p === "left" || p === "right" ? ["left", "right"] : ["top", "bottom"] : [p];
     for (const V of M) nt(`padding-${V}`, `${Math.max(0, w)}px`);
@@ -9712,15 +9712,15 @@ function cd({
       "text-overflow": "ellipsis",
       "overflow-wrap": "normal"
     };
-    for (const [j, ve] of Object.entries(M))
+    for (const [B, ve] of Object.entries(M))
       ee.recordStyle(
         w,
-        j,
+        B,
         ve,
         Qe(w),
         nn,
         ne.current
-      ), (V = Ce.current) == null || V.mirrorStyle(w, j, ve);
+      ), (V = Ce.current) == null || V.mirrorStyle(w, B, ve);
     ee.toast(p === "wrap" ? "Change to multi-line content" : "Change to one line abbreviation");
   }, Vr = h ? Oy : Dy, sm = u === "cases" && Z && Z.left + Z.width > window.innerWidth - Vr - 32 || oe && oe.left + oe.width / 2 > window.innerWidth / 2 ? 16 : Math.max(16, window.innerWidth - Vr - 16), am = Ge ? 54 : 64, Zc = Math.max(8, Math.min((x == null ? void 0 : x.x) ?? sm, window.innerWidth - Vr - 8)), el = Math.max(8, Math.min((x == null ? void 0 : x.y) ?? am, window.innerHeight - 80)), cm = (p) => {
     if (p.button !== 0) return;
@@ -9732,10 +9732,10 @@ function cd({
         x: Math.max(8, Math.min(w.left + ve.clientX - w.x, window.innerWidth - Vr - 8)),
         y: Math.max(8, Math.min(w.top + ve.clientY - w.y, window.innerHeight - 80))
       }, v(M);
-    }, j = () => {
-      id(M), window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", j);
+    }, B = () => {
+      id(M), window.removeEventListener("mousemove", V), window.removeEventListener("mouseup", B);
     };
-    window.addEventListener("mousemove", V), window.addEventListener("mouseup", j);
+    window.addEventListener("mousemove", V), window.addEventListener("mouseup", B);
   }, _o = (p, w, M = !1) => ({
     position: "absolute",
     left: p.left,
@@ -9747,13 +9747,13 @@ function cd({
     pointerEvents: "none"
   }), lr = { lines: [], labels: [] };
   if (de) {
-    const p = ze(de[0].getBoundingClientRect()), w = ze(de[1].getBoundingClientRect()), M = p.left + p.width, V = p.top + p.height, j = w.left + w.width, ve = w.top + w.height, we = M <= w.left ? { from: M, to: w.left } : j <= p.left ? { from: j, to: p.left } : null, Be = V <= w.top ? { from: V, to: w.top } : ve <= p.top ? { from: ve, to: p.top } : null;
+    const p = ze(de[0].getBoundingClientRect()), w = ze(de[1].getBoundingClientRect()), M = p.left + p.width, V = p.top + p.height, B = w.left + w.width, ve = w.top + w.height, we = M <= w.left ? { from: M, to: w.left } : B <= p.left ? { from: B, to: p.left } : null, Be = V <= w.top ? { from: V, to: w.top } : ve <= p.top ? { from: ve, to: p.top } : null;
     if (we && we.to - we.from > 0.5) {
       const Nt = we.to - we.from, $n = Math.max(p.top, w.top), Mn = Math.min(V, ve), Kr = Mn > $n ? ($n + Mn) / 2 : (p.top + V + w.top + ve) / 4;
       lr.lines.push({ left: we.from, top: Kr - 0.5, width: Nt, height: 1 }), lr.labels.push({ x: we.from + Nt / 2, y: Kr, text: `${Math.round(Nt)}px` });
     }
     if (Be && Be.to - Be.from > 0.5) {
-      const Nt = Be.to - Be.from, $n = Math.max(p.left, w.left), Mn = Math.min(M, j), Kr = Mn > $n ? ($n + Mn) / 2 : (p.left + M + w.left + j) / 4;
+      const Nt = Be.to - Be.from, $n = Math.max(p.left, w.left), Mn = Math.min(M, B), Kr = Mn > $n ? ($n + Mn) / 2 : (p.left + M + w.left + B) / 4;
       lr.lines.push({ left: Kr - 0.5, top: Be.from, width: 1, height: Nt }), lr.labels.push({ x: Kr, y: Be.from + Nt / 2, text: `${Math.round(Nt)}px` });
     }
   }
@@ -10445,7 +10445,7 @@ function cd({
                       {
                         label: "Min",
                         value: D.minWidth ?? 0,
-                        onCommit: (p) => B((w) => ({
+                        onCommit: (p) => j((w) => ({
                           minWidth: p || void 0,
                           maxWidth: p > 0 && w.maxWidth != null && w.maxWidth < p ? p : w.maxWidth
                         }))
@@ -10456,7 +10456,7 @@ function cd({
                       {
                         label: "Max",
                         value: D.maxWidth ?? 0,
-                        onCommit: (p) => B((w) => ({
+                        onCommit: (p) => j((w) => ({
                           minWidth: p > 0 && w.minWidth != null && w.minWidth > p ? p : w.minWidth,
                           maxWidth: p || void 0
                         }))
@@ -11140,11 +11140,11 @@ function cd({
                         "aria-label": `${w} value`,
                         defaultValue: Io.getPropertyValue(w),
                         className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-2 text-[11px] text-[#18181b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
-                        onKeyDown: (j) => {
-                          j.key === "Enter" && Ot(w, j.target.value);
+                        onKeyDown: (B) => {
+                          B.key === "Enter" && Ot(w, B.target.value);
                         },
-                        onBlur: (j) => {
-                          j.currentTarget.value !== Io.getPropertyValue(w) && Ot(w, j.currentTarget.value);
+                        onBlur: (B) => {
+                          B.currentTarget.value !== Io.getPropertyValue(w) && Ot(w, B.currentTarget.value);
                         }
                       },
                       `${Se}-${N}-${w}`
@@ -11155,16 +11155,16 @@ function cd({
                         "aria-label": `${w} token`,
                         value: "",
                         className: "h-7 min-w-0 rounded-md bg-[#f4f4f5] px-1.5 text-[10px] text-[#52525b] outline-none focus:ring-1 focus:ring-inset focus:ring-[#0d99ff]",
-                        onChange: (j) => {
-                          j.target.value && Ot(w, `var(${j.target.value})`);
+                        onChange: (B) => {
+                          B.target.value && Ot(w, `var(${B.target.value})`);
                         },
                         children: [
                           /* @__PURE__ */ a("option", { value: "", children: "Token" }),
-                          V.map((j) => /* @__PURE__ */ g("option", { value: j.name, children: [
-                            j.name.replace(/^--/, ""),
+                          V.map((B) => /* @__PURE__ */ g("option", { value: B.name, children: [
+                            B.name.replace(/^--/, ""),
                             " · ",
-                            j.value
-                          ] }, j.name))
+                            B.value
+                          ] }, B.name))
                         ]
                       }
                     ) : /* @__PURE__ */ a("span", { className: "h-7 rounded-md bg-[#fafafa] px-1.5 py-1.5 text-center text-[10px] text-[#c4c4c8]", children: "Direct" })
@@ -11186,7 +11186,7 @@ function cd({
               /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5", children: je.map(([p, w]) => {
                 const M = Re.find(
                   (we) => we.kind === "prop" && we.el === z && we.prop === p
-                ), V = M ? typeof w == "boolean" ? M.to === "true" : typeof w == "number" ? Number(M.to) : M.to : w, j = Ym(z, p), ve = (we) => {
+                ), V = M ? typeof w == "boolean" ? M.to === "true" : typeof w == "number" ? Number(M.to) : M.to : w, B = Ym(z, p), ve = (we) => {
                   const Be = typeof w == "number" ? Number(we) : we;
                   typeof Be == "number" && !Number.isFinite(Be) || Be !== V && ee.recordProp(
                     z,
@@ -11243,9 +11243,9 @@ function cd({
                       /* @__PURE__ */ a(
                         "span",
                         {
-                          className: `truncate rounded px-1 py-1 text-center text-[8px] font-semibold ${j ? "bg-[#dcfce7] text-[#15803d]" : "bg-[#f3e8ff] text-[#7c3aed]"}`,
-                          title: j ? "Previewed immediately in the DOM" : "Visible after applying the source change and HMR",
-                          children: j ? "immediately" : "HMR"
+                          className: `truncate rounded px-1 py-1 text-center text-[8px] font-semibold ${B ? "bg-[#dcfce7] text-[#15803d]" : "bg-[#f3e8ff] text-[#7c3aed]"}`,
+                          title: B ? "Previewed immediately in the DOM" : "Visible after applying the source change and HMR",
+                          children: B ? "immediately" : "HMR"
                         }
                       )
                     ]
@@ -11389,10 +11389,10 @@ function cd({
                 ),
                 children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
                   S.frames.map((p) => {
-                    var j, ve;
+                    var B, ve;
                     const w = p.domChanged === !0, M = p.screenshotChanged === !0, V = [
                       ["Before change", p.before.screenshotUrl],
-                      ["After change", (j = p.after) == null ? void 0 : j.screenshotUrl],
+                      ["After change", (B = p.after) == null ? void 0 : B.screenshotUrl],
                       ["Diff", ((ve = p.pixelDiff) == null ? void 0 : ve.heatmapUrl) ?? void 0]
                     ].filter((we) => typeof we[1] == "string");
                     return /* @__PURE__ */ g(
@@ -11500,10 +11500,10 @@ function cd({
                         "@media ",
                         jn(p.media)
                       ] }),
-                      /* @__PURE__ */ a("div", { className: "mt-1 flex flex-col gap-0.5 font-mono text-[10px] text-[#52525b]", children: Object.entries(p.declarations).map(([V, j]) => /* @__PURE__ */ g("div", { className: "truncate", children: [
+                      /* @__PURE__ */ a("div", { className: "mt-1 flex flex-col gap-0.5 font-mono text-[10px] text-[#52525b]", children: Object.entries(p.declarations).map(([V, B]) => /* @__PURE__ */ g("div", { className: "truncate", children: [
                         V,
                         ": ",
-                        /* @__PURE__ */ a("b", { children: j })
+                        /* @__PURE__ */ a("b", { children: B })
                       ] }, V)) })
                     ]
                   },
@@ -11526,7 +11526,7 @@ function cd({
                 ] })
               ] }, `${p.componentFile}-${p.oldText}`)),
               Ee.operations.map((p) => {
-                const w = Hy(p), M = p.scope === "instance" ? "This screen" : "Shared source", V = p.affectedFrames.length > 0 ? p.affectedFrames.map((j) => j.name).join(", ") : "current element";
+                const w = Hy(p), M = p.scope === "instance" ? "This screen" : "Shared source", V = p.affectedFrames.length > 0 ? p.affectedFrames.map((B) => B.name).join(", ") : "current element";
                 return /* @__PURE__ */ g(
                   "div",
                   {
@@ -12364,10 +12364,10 @@ function Sw(e, t = {}) {
     l.length === 0 && d.length === 0 && u === 0 && m === 0 && v.size === 0 && (x = h === 0 ? "idle" : "done"), E();
   }
   function L(N, T, W) {
-    var B;
+    var j;
     const _ = o[Math.min(N.attempt, o.length - 1)];
     if (_ == null || N.attempt >= o.length) {
-      b += N.frames.length, (B = e.release) == null || B.call(e, N.frames, "The capture runtime did not become ready.");
+      b += N.frames.length, (j = e.release) == null || j.call(e, N.frames, "The capture runtime did not become ready.");
       return;
     }
     const D = i(() => {
@@ -12389,16 +12389,16 @@ function Sw(e, t = {}) {
     }
     T ? m += 1 : u += 1, E(), _.then(
       (D) => {
-        var B;
-        T ? m -= 1 : u -= 1, W === c && (h += 1, D.status === "error" && (D.reason === "not-prepared" ? L(N, T, W) : (b += N.frames.length, (B = e.release) == null || B.call(
+        var j;
+        T ? m -= 1 : u -= 1, W === c && (h += 1, D.status === "error" && (D.reason === "not-prepared" ? L(N, T, W) : (b += N.frames.length, (j = e.release) == null || j.call(
           e,
           N.frames,
           D.message ?? "The capture endpoint could not answer."
         )))), R(c);
       },
       (D) => {
-        var B, C;
-        T ? m -= 1 : u -= 1, W === c && (h += 1, b += N.frames.length, (B = e.release) == null || B.call(
+        var j, C;
+        T ? m -= 1 : u -= 1, W === c && (h += 1, b += N.frames.length, (j = e.release) == null || j.call(
           e,
           N.frames,
           D instanceof Error ? D.message : String(D)
@@ -12550,7 +12550,7 @@ function Aw(e, t, n) {
     state: i
   };
 }
-function US(e) {
+function VS(e) {
   const [t, n] = Q(
     ui
   ), r = qe(
@@ -12833,7 +12833,7 @@ function jw(e) {
     );
   return t;
 }
-function VS(e, t) {
+function KS(e, t) {
   return Ih(e, t).document;
 }
 function Ih(e, t) {
@@ -13143,13 +13143,16 @@ const Vw = We(function() {
     )
   ] });
 });
-function qw(e, t) {
+function qw(e) {
+  return e.loose.reduce((t, n) => t + n.declared, 0) + e.groups.reduce((t, n) => t + n.declared, 0);
+}
+function Yw(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 Yw(e, t, n = () => !0, r = () => !0) {
+function Gw(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 m of e) {
     const h = m.canvas ?? "default";
@@ -13164,7 +13167,7 @@ function Yw(e, t, n = () => !0, r = () => !0) {
       l.push({ canvas: m, label: m, frames: h, declared: b });
       continue;
     }
-    const v = { canvas: m, label: qw(m, x), frames: h, declared: b }, y = u.get(x);
+    const v = { canvas: m, label: Yw(m, x), frames: h, declared: b }, y = u.get(x);
     if (y === void 0) {
       u.set(x, d.length), d.push({ section: x, canvases: [v], frames: h, declared: b, single: !0 });
       continue;
@@ -13191,21 +13194,21 @@ function Rn(e) {
 function Wa() {
   return ja;
 }
-function Gw(e) {
+function Xw(e) {
   return Ba.add(e), () => Ba.delete(e);
 }
-const Xw = "data-pygmalion-source", Jw = "/__pygmalion-storyboard/source-usage", Qw = 4e3;
+const Jw = "data-pygmalion-source", Qw = "/__pygmalion-storyboard/source-usage", Zw = 4e3;
 function Bc(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 Zw(e) {
+function e0(e) {
   if (!e) return null;
   const t = e.lastIndexOf("#");
   return t <= 0 ? null : Bc(e.slice(0, t));
 }
-function e0(e) {
+function t0(e) {
   if (!e) return null;
   const t = e.indexOf("|");
   return Bc(t > 0 ? e.slice(0, t) : e);
@@ -13215,12 +13218,12 @@ function Ha(e) {
   let r = 0;
   const o = (i) => {
     var l;
-    if (!i || r >= Qw) return;
+    if (!i || r >= Zw) return;
     r += 1, i.componentName && n.add(i.componentName);
-    const s = Zw(i.sourceStyle);
+    const s = e0(i.sourceStyle);
     s && t.add(s);
-    const c = e0(
-      (l = i.domAttributes) == null ? void 0 : l[Xw]
+    const c = t0(
+      (l = i.domAttributes) == null ? void 0 : l[Jw]
     );
     c && t.add(c);
     for (const d of i.children ?? []) o(d);
@@ -13230,13 +13233,13 @@ function Ha(e) {
     componentNames: [...n].sort()
   };
 }
-function t0(e) {
+function n0(e) {
   if (!e) return;
   if (e.componentName) return e.componentName;
   const { componentNames: t } = Ha(e);
   return t.length === 1 ? t[0] : void 0;
 }
-function n0(e) {
+function r0(e) {
   const t = e.slice(e.lastIndexOf("/") + 1), n = t.indexOf(".");
   return n === -1 ? t : t.slice(0, n);
 }
@@ -13246,7 +13249,7 @@ function Ch(e) {
     const i = [...new Set(o.map(Bc).filter(Boolean))].sort();
     if (i.length !== 0) {
       if (t) {
-        const s = i.find((c) => n0(c) === t);
+        const s = i.find((c) => r0(c) === t);
         if (s) return s;
       }
       return i[0];
@@ -13254,7 +13257,7 @@ function Ch(e) {
   };
   return n(e.declaredFiles ?? []) ?? n(e.sourceFiles);
 }
-function r0(e) {
+function o0(e) {
   var s;
   const t = e.usageByFile ?? {}, n = e.usageRequested ?? !1, r = new Map(
     e.consumers.map((c) => [c.frameId, c])
@@ -13292,7 +13295,7 @@ function r0(e) {
     unplacedFrameIds: i.sort()
   };
 }
-function o0(e = []) {
+function i0(e = []) {
   return {
     frames: [],
     canonicalGroups: [],
@@ -13324,7 +13327,7 @@ function o0(e = []) {
     })).sort((t, n) => t.frameId.localeCompare(n.frameId))
   };
 }
-function i0(e) {
+function s0(e) {
   const t = /* @__PURE__ */ new Set([
     ...e.startFrameIds,
     ...e.branchFrameIds
@@ -13344,7 +13347,7 @@ function Bn(e) {
     (t, n) => t.localeCompare(n)
   );
 }
-function s0(e, t) {
+function a0(e, t) {
   const n = [...t].filter((I) => I.frameId.trim()).map((I) => ({
     ...I,
     frameId: I.frameId.trim(),
@@ -13521,7 +13524,7 @@ function s0(e, t) {
         return (A = l.get(I.nodeId)) == null ? void 0 : A.frameId;
       }
     )
-  ), B = i0({
+  ), j = s0({
     frames: R,
     canonicalGroups: N,
     sharedSources: T,
@@ -13529,7 +13532,7 @@ function s0(e, t) {
     branchFrameIds: D
   }), C = [
     ...o,
-    ...R.filter((I) => !B.has(I.frameId)).map((I) => ({
+    ...R.filter((I) => !j.has(I.frameId)).map((I) => ({
       frameId: I.frameId,
       screenId: I.screenId,
       name: I.name,
@@ -13567,7 +13570,7 @@ function Ph(e) {
   }
   return n;
 }
-function a0(e) {
+function c0(e) {
   const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (o) => {
     const i = t.get(o);
     if (i) return { path: i, cyclic: !1 };
@@ -13584,9 +13587,9 @@ function a0(e) {
   };
   return (o) => r(o).path;
 }
-function c0(e) {
+function l0(e) {
   if (e.frames.length === 0) return md;
-  const t = Ph(e), n = a0(t), r = e.startFrameIds.length ? e.startFrameIds : e.frames.filter((d) => d.incomingTransitions.length === 0).map((d) => d.frameId);
+  const t = Ph(e), n = c0(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);
@@ -13605,15 +13608,15 @@ function c0(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 l0(e, t) {
+function d0(e, t) {
   return t ? e.spine.includes(t) ? t : e.detourParent.get(t) ?? null : null;
 }
-function d0(e) {
+function u0(e) {
   const t = Ph(e);
   return e.frames.filter((n) => (t.get(n.frameId) ?? []).length === 0);
 }
-function u0(e) {
-  return e.endDeclarationsEnabled === !0 || e.frames.some((n) => n.isEnd !== void 0) ? d0(e).filter((n) => n.isEnd !== !0) : [];
+function f0(e) {
+  return e.endDeclarationsEnabled === !0 || e.frames.some((n) => n.isEnd !== void 0) ? u0(e).filter((n) => n.isEnd !== !0) : [];
 }
 function Wc(e) {
   const t = "source-route:";
@@ -13625,7 +13628,7 @@ function Wc(e) {
     return e;
   }
 }
-const f0 = {
+const h0 = {
   screen: "Screen name",
   flow: "Flow",
   scenario: "Scenario",
@@ -13634,7 +13637,7 @@ const f0 = {
 function pd(e, t) {
   return e.find((n) => n.toLowerCase().includes(t));
 }
-function h0(e, t) {
+function m0(e, t) {
   const n = t.trim().toLowerCase();
   return n ? e.flatMap((r) => {
     if (r.name.toLowerCase().includes(n))
@@ -13651,7 +13654,7 @@ function h0(e, t) {
     (r, o) => +(o.matchKind === "screen") - +(r.matchKind === "screen") || r.name.localeCompare(o.name)
   ) : [];
 }
-function m0({
+function p0({
   results: e,
   activeFrameId: t,
   onSelectFrame: n
@@ -13674,7 +13677,7 @@ function m0({
           children: [
             /* @__PURE__ */ a("span", { className: `block truncate text-[11px] ${o ? "font-semibold" : "font-medium"}`, title: r.name, children: r.name }),
             r.matchKind !== "screen" ? /* @__PURE__ */ g("span", { className: "mt-0.5 block truncate text-[9px] text-[#8b95a1]", children: [
-              f0[r.matchKind],
+              h0[r.matchKind],
               i ? ` · ${i}` : ""
             ] }) : null
           ]
@@ -13723,7 +13726,7 @@ function br({
     }
   );
 }
-const p0 = {
+const g0 = {
   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.",
@@ -13731,10 +13734,10 @@ const p0 = {
   unused: "The source scan found nothing that uses it",
   "not-traced": "No source file to trace, or no scan available"
 };
-function g0(e) {
+function b0(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 b0({
+function x0({
   children: e,
   count: t
 }) {
@@ -13772,7 +13775,7 @@ function pn({
                   children: "›"
                 }
               ),
-              /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a(b0, { count: t, children: e }) })
+              /* @__PURE__ */ a("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a(x0, { count: t, children: e }) })
             ]
           }
         ),
@@ -13781,7 +13784,7 @@ function pn({
     }
   );
 }
-function x0({ model: e }) {
+function v0({ model: e }) {
   var b;
   const t = e.coverage.canonicalNodes, n = e.coverage.connectedNodes, r = e.coverage.nonVisualScenarios ?? (e.coverage.complete ? Math.max(
     0,
@@ -13881,7 +13884,7 @@ function x0({ model: e }) {
     }
   );
 }
-function v0(e) {
+function y0(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e.frames) {
     const r = n.routes[0] ? `route:${n.routes[0]}` : n.nodeId, o = t.get(r);
@@ -13903,12 +13906,12 @@ function v0(e) {
     }
   );
 }
-function y0({
+function w0({
   model: e,
   activeFrameId: t,
   onSelectFrame: n
 }) {
-  const r = wt(() => v0(e), [e]);
+  const r = wt(() => y0(e), [e]);
   return /* @__PURE__ */ g("section", { className: "mt-2.5", "data-storyboard-stateboard": !0, children: [
     /* @__PURE__ */ a("p", { className: "mb-2 px-1 text-[10px] leading-relaxed text-[#6b7684]", children: "Compare saved visual states of the same screen." }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: r.map((o, i) => {
@@ -13949,7 +13952,7 @@ function y0({
     }) })
   ] });
 }
-function w0({
+function S0({
   model: e,
   frameById: t,
   activeFrameId: n,
@@ -13957,7 +13960,7 @@ function w0({
 }) {
   const o = new Set(
     e.coverage.undeclaredEndScreens ?? []
-  ), i = u0(e).filter(
+  ), i = f0(e).filter(
     (h) => o.size === 0 ? !1 : o.has(h.canonicalScreenId) || o.has(h.screenId)
   ), s = f.canvasPages.filter((h) => h.route != null), c = s.filter(
     (h) => ep(h).length === 0
@@ -14095,7 +14098,7 @@ function gd({ frameId: e }) {
     }
   );
 }
-function S0(e, t, n) {
+function N0(e, t, n) {
   var s;
   const r = (s = e == null ? void 0 : e.label) == null ? void 0 : s.trim();
   if (!e || !r || !n || e.labelScope === "path" || e.kind === "authored-path")
@@ -14108,12 +14111,12 @@ function S0(e, t, n) {
     ...n.routes.flatMap((c) => [c, `Route ${c}`])
   ].map(o).includes(o(r)) ? void 0 : r;
 }
-function N0({
+function I0({
   model: e,
   activeFrameId: t,
   onSelectFrame: n
 }) {
-  const r = new Map(e.frames.map((b) => [b.frameId, b])), o = wt(() => c0(e), [e]), i = l0(o, t), [s, c] = Q({}), [l, d] = Q(!0), u = t ? r.get(t) : void 0, m = t != null && (o.spine.includes(t) || o.detourParent.has(t)), h = i ? o.spine.indexOf(i) + 1 : 0;
+  const r = new Map(e.frames.map((b) => [b.frameId, b])), o = wt(() => l0(e), [e]), i = d0(o, t), [s, c] = Q({}), [l, d] = Q(!0), u = t ? r.get(t) : void 0, m = t != null && (o.spine.includes(t) || o.detourParent.has(t)), h = i ? o.spine.indexOf(i) + 1 : 0;
   return o.spine.length === 0 ? null : /* @__PURE__ */ g(
     "section",
     {
@@ -14163,8 +14166,8 @@ function N0({
             const v = r.get(b);
             if (!v) return null;
             const y = x > 0 ? r.get(o.spine[x - 1]) : void 0, E = v.flows[0], k = E != null && (y == null ? void 0 : y.flows[0]) !== E, L = o.detours.get(b) ?? [], P = o.spine[x + 1], R = v.outgoingTransitions.find(
-              (B) => B.targetFrameId === P
-            ), N = P ? r.get(P) : void 0, T = S0(
+              (j) => j.targetFrameId === P
+            ), N = P ? r.get(P) : void 0, T = N0(
               R,
               v,
               N
@@ -14207,8 +14210,8 @@ function N0({
                     "aria-expanded": _,
                     "aria-label": `${_ ? "Collapse" : "Expand"} ${v.name}`,
                     className: `flex h-5 w-5 shrink-0 items-center justify-center rounded text-[10px] text-[#8b95a1] transition-transform hover:bg-[#f2f4f6] focus-visible:ring-2 focus-visible:ring-[#90c2ff] ${_ ? "rotate-90" : ""}`,
-                    onClick: () => c((B) => ({
-                      ...B,
+                    onClick: () => c((j) => ({
+                      ...j,
                       [b]: !_
                     })),
                     children: "›"
@@ -14237,25 +14240,25 @@ function N0({
                         "Other paths · ",
                         L.length
                       ] }),
-                      /* @__PURE__ */ a("div", { className: "mt-0.5 flex flex-col gap-0.5", children: L.map((B) => {
-                        const C = r.get(B);
+                      /* @__PURE__ */ a("div", { className: "mt-0.5 flex flex-col gap-0.5", children: L.map((j) => {
+                        const C = r.get(j);
                         return C ? /* @__PURE__ */ g(
                           "button",
                           {
                             type: "button",
-                            "data-journey-detour": B,
-                            "data-storyboard-frame-id": B,
-                            "aria-current": B === t ? "step" : void 0,
-                            className: `flex min-h-7 min-w-0 items-center gap-1 rounded-md px-1.5 py-1 text-left text-[10px] outline-none focus-visible:ring-2 focus-visible:ring-[#90c2ff] ${B === t ? "bg-[#e8f3ff] font-semibold text-[#1b64da]" : "text-[#6b7684] hover:bg-white"}`,
+                            "data-journey-detour": j,
+                            "data-storyboard-frame-id": j,
+                            "aria-current": j === t ? "step" : void 0,
+                            className: `flex min-h-7 min-w-0 items-center gap-1 rounded-md px-1.5 py-1 text-left text-[10px] outline-none focus-visible:ring-2 focus-visible:ring-[#90c2ff] ${j === t ? "bg-[#e8f3ff] font-semibold text-[#1b64da]" : "text-[#6b7684] hover:bg-white"}`,
                             title: C.name,
-                            onClick: () => n(B),
+                            onClick: () => n(j),
                             children: [
                               /* @__PURE__ */ a("span", { className: "text-[#8b95a1]", children: "↳" }),
                               /* @__PURE__ */ a("span", { className: "min-w-0 flex-1 truncate", children: C.name }),
-                              C.isEnd ? /* @__PURE__ */ a(gd, { frameId: B }) : null
+                              C.isEnd ? /* @__PURE__ */ a(gd, { frameId: j }) : null
                             ]
                           },
-                          B
+                          j
                         ) : null;
                       }) })
                     ] }) : null
@@ -14269,7 +14272,7 @@ function N0({
     }
   );
 }
-function I0({
+function C0({
   model: e,
   onSelectFrame: t,
   activeFrameId: n,
@@ -14319,7 +14322,7 @@ function I0({
     e.frames,
     e.unplacedFrames
   ]), v = wt(
-    () => h0(x, d),
+    () => m0(x, d),
     [x, d]
   ), y = d.trim().length > 0, E = (/* @__PURE__ */ new Set([
     ...e.frames.map((P) => P.frameId),
@@ -14386,7 +14389,7 @@ function I0({
             ) : null
           ] }),
           y ? /* @__PURE__ */ a(
-            m0,
+            p0,
             {
               results: v,
               activeFrameId: n,
@@ -14416,9 +14419,9 @@ function I0({
               ))
             }
           ) : null,
-          y ? null : /* @__PURE__ */ a(x0, { model: e }),
+          y ? null : /* @__PURE__ */ a(v0, { model: e }),
           !y && c === "stateboard" && k ? /* @__PURE__ */ a(
-            y0,
+            w0,
             {
               model: e,
               activeFrameId: n,
@@ -14426,7 +14429,7 @@ function I0({
             }
           ) : null,
           !y && (c === "journey" || !k) ? /* @__PURE__ */ a(
-            N0,
+            I0,
             {
               model: e,
               activeFrameId: n,
@@ -14435,7 +14438,7 @@ function I0({
           ) : null,
           /* @__PURE__ */ g("div", { className: "mt-2 flex flex-col gap-2", hidden: y, children: [
             c === "journey" || !k ? /* @__PURE__ */ a(He, { children: /* @__PURE__ */ a(
-              w0,
+              S0,
               {
                 model: e,
                 frameById: s,
@@ -14470,8 +14473,8 @@ function I0({
                           "span",
                           {
                             className: "shrink-0 text-[9px] text-[#999]",
-                            title: p0[P.evidence],
-                            children: g0(P)
+                            title: g0[P.evidence],
+                            children: b0(P)
                           }
                         )
                       ] }),
@@ -14563,10 +14566,10 @@ function I0({
     )
   ) : null;
 }
-function C0({ type: e }) {
+function P0({ type: e }) {
   return /* @__PURE__ */ a("span", { className: `shrink-0 ${e === "component" ? "text-[#9747ff]" : "text-[#999]"}`, children: e === "text" ? /* @__PURE__ */ a(Kf, { size: 10 }) : e === "columns" ? /* @__PURE__ */ a(Rc, { size: 10 }) : e === "component" ? /* @__PURE__ */ a(Li, { size: 10 }) : /* @__PURE__ */ a(Ti, { size: 10 }) });
 }
-const P0 = cu(function e({ node: t, depth: n }) {
+const $0 = cu(function e({ node: t, depth: n }) {
   return Wf(() => {
     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();
@@ -14603,7 +14606,7 @@ const P0 = cu(function e({ node: t, depth: n }) {
                 children: /* @__PURE__ */ a(ci, { open: !o })
               }
             ),
-            /* @__PURE__ */ a(C0, { type: t.type }),
+            /* @__PURE__ */ a(P0, { type: t.type }),
             s ? /* @__PURE__ */ a(
               "input",
               {
@@ -14663,7 +14666,7 @@ const P0 = cu(function e({ node: t, depth: n }) {
     ] });
   });
 });
-function $0({
+function M0({
   id: e,
   name: t,
   active: n,
@@ -14709,7 +14712,7 @@ function bd() {
     return {};
   }
 }
-function M0(e, t) {
+function E0(e, t) {
   const [n, r] = Q(() => {
     const i = bd()[e];
     return typeof i == "number" && Number.isFinite(i) ? i : t;
@@ -14725,7 +14728,7 @@ function M0(e, t) {
     }
   }];
 }
-function E0({
+function k0({
   label: e,
   height: t,
   onResize: n,
@@ -14755,12 +14758,17 @@ function Mh({
   declared: t,
   active: n = !1
 }) {
-  return t === 0 ? null : /* @__PURE__ */ a(
+  if (t === 0) return null;
+  const r = Math.max(0, t - e), o = t === 1 ? "page" : "pages", s = r ? `${t} ${o}. ${e} are on the canvas; ${r} alternate ${r === 1 ? "state is" : "states are"} available in the right panel.` : void 0;
+  return /* @__PURE__ */ a(
     "span",
     {
+      "data-frame-count": t,
+      "data-folded-state-count": r || void 0,
+      "aria-label": s ?? `${t} ${o}`,
       className: `shrink-0 rounded-full px-1.5 py-0.5 text-[9px] tabular-nums ${n ? "bg-white/80 text-[#1b64da]" : "bg-[#f2f4f6] text-[#8b95a1]"}`,
-      title: e === t ? void 0 : `${t - e} more in this lane, held back by a screen state`,
-      children: e === t ? e : `${e}/${t}`
+      title: s,
+      children: t
     }
   );
 }
@@ -14798,7 +14806,7 @@ const _s = We(function({
       ]
     }
   );
-}), k0 = We(function() {
+}), A0 = We(function() {
   const t = qe(
     ru,
     mi,
@@ -14825,7 +14833,7 @@ const _s = We(function({
       );
     }) })
   ] });
-}), A0 = We(function({
+}), R0 = We(function({
   view: t = "story",
   onFrameFocus: n = (o) => f.selectFrame(o),
   storyboardReady: r = !0
@@ -14835,13 +14843,13 @@ const _s = We(function({
     mi,
     mi
   );
-  const [o, i] = M0("frames", 176), [s, c] = Q({}), l = Yw(
+  const [o, i] = E0("frames", 176), [s, c] = Q({}), l = Gw(
     f.pages,
     f.canvasNames,
     (C) => f.isScreenStateShown(C),
     (C) => f.isInSelectedRuntime(C)
   ), d = (C) => C.canvases.some((I) => I.canvas === f.activeCanvas), u = qe(
-    Gw,
+    Xw,
     Wa,
     Wa
   ), m = f.canvasPages, h = m.length > 0 && m.every((C) => C.route == null), b = (C) => ({
@@ -14853,10 +14861,10 @@ const _s = We(function({
   ), v = new Set(x.map((C) => C.id)), y = [
     ...x.map(b),
     ...h ? [] : m.filter((C) => !v.has(C.id)).map(b)
-  ], E = r ? u ? s0(u, y) : o0(y) : null, k = m.map((C) => ({
+  ], E = r ? u ? a0(u, y) : i0(y) : null, k = m.map((C) => ({
     frameId: C.id,
     name: C.name,
-    componentName: t0(C.root),
+    componentName: n0(C.root),
     declaredFiles: C.sourcePaths ?? [],
     ...Ha(C.root)
   })), [L, P] = Q({}), [R, N] = Q(!1), W = (h ? [...new Set(k.map(Ch).filter(Boolean))].sort() : []).join(",");
@@ -14866,7 +14874,7 @@ const _s = We(function({
     return N(!0), (async () => {
       try {
         const I = await fetch(
-          `${Jw}?files=${encodeURIComponent(W)}`
+          `${Qw}?files=${encodeURIComponent(W)}`
         );
         if (C || !I.ok) return;
         const A = await I.json();
@@ -14879,7 +14887,7 @@ const _s = We(function({
       C = !0;
     };
   }, [W]);
-  const _ = h ? r0({
+  const _ = h ? o0({
     usageByFile: L,
     usageRequested: R,
     catalog: k,
@@ -14890,9 +14898,9 @@ const _s = We(function({
     }))
   }) : null, D = new Map(
     f.pages.map((C) => [C.id, C.name])
-  ), B = l.loose.length + l.groups.reduce((C, I) => C + I.canvases.length, 0);
+  ), j = qw(l);
   return /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ a(k0, {}),
+    /* @__PURE__ */ a(A0, {}),
     t === "story" && /* @__PURE__ */ g(He, { children: [
       /* @__PURE__ */ g(
         "section",
@@ -14903,7 +14911,14 @@ const _s = We(function({
           children: [
             /* @__PURE__ */ g("div", { className: "flex items-center justify-between px-0.5", children: [
               /* @__PURE__ */ a("div", { className: "text-[12px] font-semibold text-[#191f28]", children: "Pages" }),
-              /* @__PURE__ */ a("span", { className: "rounded-full bg-[#f2f4f6] px-2 py-0.5 text-[9px] tabular-nums text-[#6b7684]", children: B })
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  "data-page-count": j,
+                  className: "rounded-full bg-[#f2f4f6] px-2 py-0.5 text-[9px] tabular-nums text-[#6b7684]",
+                  children: j
+                }
+              )
             ] }),
             /* @__PURE__ */ g("div", { className: "mt-2 flex max-h-[224px] flex-col gap-0.5 overflow-y-auto", children: [
               l.loose.map((C) => /* @__PURE__ */ a(
@@ -14988,7 +15003,7 @@ const _s = We(function({
         }) })
       ] }),
       E && /* @__PURE__ */ a("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ a(
-        I0,
+        C0,
         {
           model: E,
           onSelectFrame: n,
@@ -15010,7 +15025,7 @@ const _s = We(function({
               /* @__PURE__ */ a("span", { className: "h-px flex-1 bg-[#e6e6e6]" })
             ] }),
             /* @__PURE__ */ a(
-              $0,
+              M0,
               {
                 id: C.id,
                 name: C.name,
@@ -15023,7 +15038,7 @@ const _s = We(function({
         }) })
       ] }),
       /* @__PURE__ */ a(
-        E0,
+        k0,
         {
           label: "Frames height",
           height: o,
@@ -15031,7 +15046,7 @@ const _s = We(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(P0, { node: f.root, depth: 0 }) })
+      /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ a($0, { node: f.root, depth: 0 }) })
     ] })
   ] });
 });
@@ -15043,7 +15058,7 @@ function xd(e, t, n) {
     );
   return Math.round(e);
 }
-function R0(e) {
+function T0(e) {
   Eh = e.map((t) => {
     const n = String(t.label ?? "").trim();
     if (!n) throw new Error("Viewport preset is missing a label.");
@@ -15058,16 +15073,16 @@ function R0(e) {
 function kh() {
   return Eh;
 }
-function T0(e, t) {
+function F0(e, t) {
   return Math.round(t.width) !== e.width ? !1 : e.height == null || Math.round(t.height) === e.height;
 }
-function F0(e, t) {
+function L0(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 L0 = 10;
-function KS(e, t) {
+const _0 = 10;
+function qS(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)
@@ -15083,7 +15098,7 @@ function KS(e, t) {
       continue;
     }
     if (d.kind === "behavior" || d.kind === "todo") {
-      d.reason.trim().length < L0 && n.push({
+      d.reason.trim().length < _0 && n.push({
         severity: "error",
         scenarioId: d.scenarioId,
         message: `${d.kind} claim needs a substantive reason`
@@ -15203,7 +15218,7 @@ function KS(e, t) {
     });
   return n;
 }
-function _0(e) {
+function z0(e) {
   return f.pages.find(
     (t) => (t.importPageId ?? t.id) === e
   ) ?? null;
@@ -15216,13 +15231,13 @@ function Ah(e, t) {
   }
   return null;
 }
-function z0(e) {
+function D0(e) {
   if (e.kind === "behavior" || e.kind === "todo")
     return {
       status: "failed",
       message: "behavior/todo claims have no editor state to reproduce"
     };
-  const t = _0(e.screenId);
+  const t = z0(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")
@@ -15289,7 +15304,7 @@ function z0(e) {
   };
 }
 const fo = /* @__PURE__ */ new Map();
-function D0(e) {
+function O0(e) {
   fo.clear();
   for (const t of e) {
     if (t.kind === "behavior" || t.kind === "todo") continue;
@@ -15297,10 +15312,10 @@ function D0(e) {
     n.push(t), fo.set(t.screenId, n);
   }
 }
-function O0(e) {
+function j0(e) {
   return fo.get(e) ?? [];
 }
-function j0(e, t, n) {
+function B0(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);
@@ -15344,13 +15359,13 @@ function xo({
     }
   );
 }
-function B0(e, t, n, r) {
+function W0(e, t, n, r) {
   return Object.hasOwn(e.componentProps, t) ? e.componentProps[t] : r ?? n[0];
 }
 function vd(e) {
   return typeof e == "boolean" ? e ? "On" : "Off" : String(e);
 }
-function W0({
+function H0({
   node: e,
   entry: t,
   sourceWritableProps: n = null,
@@ -15359,7 +15374,7 @@ function W0({
 }) {
   return /* @__PURE__ */ a(He, { children: Object.entries(t.props ?? {}).map(([i, s]) => {
     var m, h;
-    const c = ((m = t.propLabels) == null ? void 0 : m[i]) ?? i, l = B0(
+    const c = ((m = t.propLabels) == null ? void 0 : m[i]) ?? i, l = W0(
       e,
       i,
       s,
@@ -15449,8 +15464,9 @@ const wd = We(function({
   page: t
 }) {
   if (!t.scenario || t.route == null) return null;
-  const n = f.pages.filter(
-    (i) => i.route != null && i.importLayers === !0 && i.scenario === t.scenario
+  const n = f.screenStateGroup(
+    t.scenario,
+    t.canvas ?? "default"
   );
   if (n.length < 2) return null;
   const r = n[0], o = n.length === 2 && r.stateKind == null && n[1].stateKind != null ? n[1] : null;
@@ -15544,7 +15560,7 @@ const wd = We(function({
       )
     }
   );
-}), H0 = {
+}), U0 = {
   frame: "FRAME",
   "screen-state": "STATE",
   "component-state": "TOGGLE",
@@ -15553,7 +15569,7 @@ const wd = We(function({
   "interactive-state": "AXIS",
   "card-slot": "SLOT",
   "list-length": "LIST"
-}, U0 = /* @__PURE__ */ new Set([
+}, V0 = /* @__PURE__ */ new Set([
   "component-state",
   "card-slot",
   "list-length"
@@ -15581,9 +15597,9 @@ function Sd(e) {
 const Nd = We(function({
   page: t
 }) {
-  const n = O0(t.importPageId ?? t.id);
+  const n = j0(t.importPageId ?? t.id);
   return n.length === 0 ? null : /* @__PURE__ */ a(De, { title: "Scenario coverage", children: n.map((r) => {
-    const o = !f.editMode && U0.has(r.kind);
+    const o = !f.editMode && V0.has(r.kind);
     return /* @__PURE__ */ g(
       "button",
       {
@@ -15594,33 +15610,33 @@ const Nd = We(function({
         title: o ? Vn : 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: () => {
-          z0(r);
+          D0(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: H0[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: U0[r.kind] ?? r.kind })
           ] })
         ]
       },
       r.scenarioId
     );
   }) });
-}), V0 = "/__pygmalion-storyboard/component-branches", Id = /* @__PURE__ */ new Map();
-function K0(e) {
+}), K0 = "/__pygmalion-storyboard/component-branches", Id = /* @__PURE__ */ new Map();
+function q0(e) {
   const t = Id.get(e);
   if (t) return t;
   const n = fetch(
-    `${V0}?source=${encodeURIComponent(e)}`
+    `${K0}?source=${encodeURIComponent(e)}`
   ).then((r) => r.ok ? r.json() : { branches: [] }).then((r) => r.branches ?? []).catch(() => []);
   return Id.set(e, n), n;
 }
-function q0(e) {
+function Y0(e) {
   var t, n;
   return e.prop ? (((n = (t = ut()[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 Y0({
+function G0({
   label: e,
   title: t,
   ariaLabel: n,
@@ -15645,7 +15661,7 @@ function Y0({
     )
   ] });
 }
-const G0 = We(function({
+const X0 = We(function({
   page: t
 }) {
   const n = sp(), [r, o] = Q({}), i = n.filter(
@@ -15654,7 +15670,7 @@ const G0 = We(function({
   return ie(() => {
     let c = !0;
     for (const l of s)
-      K0(l).then((d) => {
+      q0(l).then((d) => {
         c && o(
           (u) => u[l] ? u : { ...u, [l]: d }
         );
@@ -15665,7 +15681,7 @@ const G0 = We(function({
   }, [s.join("|")]), i.length === 0 ? null : /* @__PURE__ */ a(De, { title: "Screen dimensions", children: i.map((c) => {
     const l = [ul(t, c)].filter(
       Boolean
-    ), d = q0(c), u = new Set(d), h = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
+    ), d = Y0(c), u = new Set(d), h = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
       const x = [b.renders, ...b.values ?? []].filter(
         (v) => !!v
       );
@@ -15678,7 +15694,7 @@ const G0 = We(function({
         className: "flex flex-col gap-1",
         children: [
           l.map((b) => /* @__PURE__ */ a(
-            Y0,
+            G0,
             {
               label: c.label,
               title: c.component,
@@ -15718,7 +15734,7 @@ const G0 = We(function({
       c.id
     );
   }) });
-}), X0 = We(function({
+}), J0 = We(function({
   page: t
 }) {
   const n = su().filter(
@@ -15770,7 +15786,7 @@ const G0 = We(function({
       r.id
     );
   }) });
-}), J0 = We(function({
+}), Q0 = We(function({
   page: t
 }) {
   const n = iu().filter(
@@ -15816,7 +15832,7 @@ const G0 = We(function({
     })
   ] }, o.id)) }, r.id)) });
 });
-function Q0({ pageId: e }) {
+function Z0({ pageId: e }) {
   const t = qe(
     nf,
     Pi,
@@ -16200,7 +16216,7 @@ const Cd = We(function({
       r.id
     ))
   ] });
-}), Z0 = [
+}), e1 = [
   { v: "fill", label: "Fill" },
   { v: "fit", label: "Hug" },
   { v: "fixed", label: "Fixed" }
@@ -16211,7 +16227,7 @@ function on({ label: e, value: t }) {
     /* @__PURE__ */ a("span", { className: "min-w-0 truncate text-right text-[#333]", title: t, children: t })
   ] });
 }
-function e1({
+function t1({
   group: e,
   title: t,
   description: n
@@ -16284,7 +16300,7 @@ function Md({
     }
   );
 }
-function t1({ page: e }) {
+function n1({ page: e }) {
   return /* @__PURE__ */ g(
     "div",
     {
@@ -16324,7 +16340,7 @@ function t1({ page: e }) {
 function Ed(e, t) {
   return e === "fixed" ? `${Math.round(t ?? 0)}px` : e;
 }
-const n1 = We(function({
+const r1 = We(function({
   node: t
 }) {
   const n = t.type === "component" ? ut()[t.componentName] : void 0, r = Object.entries(t.componentProps ?? {});
@@ -16342,7 +16358,7 @@ const n1 = We(function({
     ] }),
     t.sourceComponent && /* @__PURE__ */ a(De, { title: "Source", children: /* @__PURE__ */ a(on, { label: "Component", value: t.sourceComponent }) })
   ] });
-}), r1 = We(function({
+}), o1 = We(function({
   section: t,
   members: n
 }) {
@@ -16358,7 +16374,7 @@ const n1 = We(function({
     /* @__PURE__ */ a(on, { label: "Frames", value: String(n) })
   ] }) });
 });
-function o1({ node: e }) {
+function i1({ 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` : ""}`;
@@ -16393,7 +16409,7 @@ function o1({ node: e }) {
     /* @__PURE__ */ a("div", { className: "text-[10px] leading-relaxed text-[#999]", children: "Unsupported source operations remain limited to the selected frame." })
   ] });
 }
-function i1({ node: e }) {
+function s1({ node: e }) {
   var i;
   const t = e.type === "component" ? (i = ut()[e.componentName]) == null ? void 0 : i.props : void 0, n = Object.entries(e.sourceProps).filter(
     ([s]) => !t || !Object.hasOwn(t, s)
@@ -16528,7 +16544,7 @@ function Ad({ 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: Z0.map((n) => /* @__PURE__ */ a("option", { value: n.v, children: n.label }, n.v))
+      children: e1.map((n) => /* @__PURE__ */ a("option", { value: n.v, children: n.label }, n.v))
     }
   );
 }
@@ -16642,7 +16658,7 @@ function Rd({
   )) });
 }
 const Td = ["start", "center", "end"];
-function s1({ node: e }) {
+function a1({ node: e }) {
   const t = e.type === "rows", n = (o, i) => f.patch(
     e,
     t ? { justify: o, alignItems: i } : { justify: i, alignItems: o }
@@ -16678,14 +16694,14 @@ function s1({ node: e }) {
     )
   ] });
 }
-function a1(e) {
+function c1(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 c1({ mode: e }) {
+function l1({ 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" }),
@@ -16696,13 +16712,13 @@ function c1({ mode: e }) {
     /* @__PURE__ */ a("i", { className: "absolute bottom-0 left-[4px] h-[5px] w-[5px] rounded-[2px] border border-current" })
   ] });
 }
-const l1 = We(function({ page: t }) {
+const d1 = We(function({ page: t }) {
   qe(
     wc,
     Ar,
     Ar
   );
-  const n = t.route == null, r = (v) => f.patchPage(t.id, v), o = a1(t), i = (v) => {
+  const n = t.route == null, r = (v) => f.patchPage(t.id, v), o = c1(t), i = (v) => {
     const y = { ...t.root.domStyle };
     v === "free" ? (y.display = "block", y.position = "relative", delete y.flexDirection, delete y.gridTemplateColumns) : v === "grid" ? (y.display = "grid", y.gridTemplateColumns || (y.gridTemplateColumns = "repeat(2, minmax(0, 1fr))"), y.gap || (y.gap = `${t.root.gap}px`), delete y.flexDirection) : (y.display = "flex", y.flexDirection = v === "horizontal" ? "row" : "column", delete y.gridTemplateColumns), f.patch(t.root, {
       type: v === "horizontal" ? "columns" : "rows",
@@ -16763,7 +16779,7 @@ const l1 = We(function({ page: t }) {
             className: "flex gap-0.5 rounded-lg bg-[#f2f4f6] p-0.5",
             children: [
               d.map((v) => {
-                const y = (!m || h) && T0(v, {
+                const y = (!m || h) && F0(v, {
                   width: t.width ?? 390,
                   height: t.height ?? 600
                 });
@@ -16865,7 +16881,7 @@ const l1 = We(function({ page: t }) {
         value: t.name,
         onChange: (v) => r({ name: v.target.value })
       }
-    ) }) : /* @__PURE__ */ a(t1, { page: t }),
+    ) }) : /* @__PURE__ */ a(n1, { page: t }),
     b,
     f.editMode ? /* @__PURE__ */ g(He, { children: [
       /* @__PURE__ */ a(wd, { page: t }),
@@ -16873,20 +16889,20 @@ const l1 = We(function({ page: t }) {
       /* @__PURE__ */ a(Cd, { page: t }),
       /* @__PURE__ */ a(Pd, { page: t }),
       /* @__PURE__ */ a($d, { page: t }),
-      /* @__PURE__ */ a(G0, { page: t }),
-      /* @__PURE__ */ a(J0, { page: t }),
       /* @__PURE__ */ a(X0, { page: t }),
+      /* @__PURE__ */ a(Q0, { page: t }),
+      /* @__PURE__ */ a(J0, { page: t }),
       /* @__PURE__ */ a(Nd, { page: t })
     ] }) : /* @__PURE__ */ g(He, { children: [
       /* @__PURE__ */ a(
-        e1,
+        t1,
         {
           group: "screen-state",
           title: "Screen state",
           description: "Choose a reproducible state or use the running screen directly."
         }
       ),
-      t.route ? /* @__PURE__ */ a(Q0, { pageId: t.id }) : null,
+      t.route ? /* @__PURE__ */ a(Z0, { pageId: t.id }) : null,
       /* @__PURE__ */ a(wd, { page: t }),
       /* @__PURE__ */ a(Cd, { page: t }),
       /* @__PURE__ */ g(
@@ -16977,7 +16993,7 @@ const l1 = We(function({ page: t }) {
             "aria-pressed": o === v,
             className: `flex h-8 items-center justify-center rounded-md ${o === v ? "bg-white text-[#18181b] shadow-sm ring-1 ring-inset ring-[#dedee3]" : "text-[#777] hover:text-[#333]"}`,
             onClick: () => i(v),
-            children: /* @__PURE__ */ a(c1, { mode: v })
+            children: /* @__PURE__ */ a(l1, { mode: v })
           },
           v
         )) }),
@@ -17058,7 +17074,7 @@ const l1 = We(function({ page: t }) {
       ] })
     ] })
   ] });
-}), d1 = We(function({ section: t }) {
+}), u1 = We(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(De, { title: "Section", children: [
@@ -17134,16 +17150,16 @@ const l1 = We(function({ page: t }) {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ a(r1, { section: t, members: n });
-}), u1 = We(function() {
+  ] }) : /* @__PURE__ */ a(o1, { section: t, members: n });
+}), f1 = We(function() {
   var l, d;
   if (((l = f.selectedCanvasObject) == null ? void 0 : l.kind) === "frame") {
     const u = f.selectedFrame;
-    return u ? /* @__PURE__ */ a(l1, { page: u }) : null;
+    return u ? /* @__PURE__ */ a(d1, { page: u }) : null;
   }
   if (((d = f.selectedCanvasObject) == null ? void 0 : d.kind) === "section") {
     const u = f.selectedSection;
-    return u ? /* @__PURE__ */ a(d1, { section: u }) : null;
+    return u ? /* @__PURE__ */ a(u1, { section: u }) : null;
   }
   const t = f.selected;
   if (!t)
@@ -17158,8 +17174,8 @@ const l1 = We(function({ page: t }) {
       f.selectedIds.length,
       " selected · Property edits use the primary selection"
     ] }),
-    /* @__PURE__ */ a(o1, { node: t }),
     /* @__PURE__ */ a(i1, { node: t }),
+    /* @__PURE__ */ a(s1, { node: t }),
     /* @__PURE__ */ a(De, { title: t.name, children: /* @__PURE__ */ a(
       "input",
       {
@@ -17187,15 +17203,15 @@ const l1 = We(function({ page: t }) {
         t.componentName
       ] }),
       s && /* @__PURE__ */ a(
-        W0,
+        H0,
         {
           node: t,
           entry: s,
-          sourceWritableProps: t.sourceComponent ? F0(t, s) : null,
+          sourceWritableProps: t.sourceComponent ? L0(t, s) : null,
           propBadges: Object.fromEntries(
             Object.keys(s.props ?? {}).map((u) => [
               u,
-              j0(
+              B0(
                 f.activePage.importPageId ?? f.activePage.id,
                 t.componentName,
                 u
@@ -17228,7 +17244,7 @@ const l1 = We(function({ page: t }) {
           onChange: (u) => n({ type: u })
         }
       ),
-      /* @__PURE__ */ a(s1, { node: t }),
+      /* @__PURE__ */ a(a1, { node: t }),
       /* @__PURE__ */ g("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ a(xt, { label: "Gap", value: t.gap, onChange: (u) => n({ gap: u }) }),
         /* @__PURE__ */ a(xt, { label: "Padding", value: t.padding, onChange: (u) => n({ padding: u }) })
@@ -17343,8 +17359,8 @@ const l1 = We(function({ page: t }) {
       ),
       /* @__PURE__ */ a(fi, { value: t.color, onChange: (u) => n({ color: u }) })
     ] })
-  ] }) : /* @__PURE__ */ a(n1, { node: t });
-}), f1 = We(function() {
+  ] }) : /* @__PURE__ */ a(r1, { node: t });
+}), h1 = We(function() {
   return /* @__PURE__ */ g(He, { children: [
     /* @__PURE__ */ a(
       "button",
@@ -17398,7 +17414,7 @@ We(function() {
     )
   ] });
 });
-function h1(e) {
+function m1(e) {
   return [...new Set(e)].sort().join(`
 `);
 }
@@ -17409,10 +17425,10 @@ function Fd(e, t) {
     r - t.viewportHeight / 2
   );
 }
-function m1(e, t) {
+function p1(e, t) {
   return e === t ? 0 : e < t ? -1 : 1;
 }
-function p1(e, t = {}) {
+function g1(e, t = {}) {
   const n = t.hasSnapshot ?? (() => !1), r = [], o = [], i = /* @__PURE__ */ new Set();
   for (const m of e)
     if (!n(m.key)) {
@@ -17423,7 +17439,7 @@ function p1(e, t = {}) {
       i.has(m.key) || (i.add(m.key), o.push(m));
     }
   const s = o.map((m, h) => ({ candidate: m, order: h })).sort(
-    (m, h) => m1(m.candidate.distance, h.candidate.distance) || m.order - h.order
+    (m, h) => p1(m.candidate.distance, h.candidate.distance) || m.order - h.order
   ).map((m) => m.candidate), c = /* @__PURE__ */ new Map();
   for (const m of s) {
     if (m.groupKey == null) continue;
@@ -17452,33 +17468,33 @@ function p1(e, t = {}) {
   }
   return { units: l, interactionFrames: r };
 }
-const g1 = 250, b1 = 8, x1 = 32, v1 = /* @__PURE__ */ new Set();
+const b1 = 250, x1 = 8, v1 = 32, y1 = /* @__PURE__ */ new Set();
 let Ld = {
   phase: "idle",
   total: 0,
   completed: 0,
   failed: 0
 };
-function y1(e) {
+function w1(e) {
   const t = Ld;
   if (!(t.phase === e.phase && t.total === e.total && t.completed === e.completed && t.failed === e.failed)) {
     Ld = e;
-    for (const n of v1) n();
+    for (const n of y1) n();
   }
 }
-function w1(e, t = {}) {
+function S1(e, t = {}) {
   const n = Math.max(
     1,
-    t.pauseBackoffMs ?? g1
+    t.pauseBackoffMs ?? b1
   ), r = Math.max(
     1,
-    t.interactionChunkSize ?? b1
+    t.interactionChunkSize ?? x1
   ), o = Math.max(
     0,
-    t.interactionRequestCap ?? x1
+    t.interactionRequestCap ?? v1
   );
   let i = 0, s = !1, c = null, l = 0, d = 0, u = 0;
-  const m = (E) => new Promise((k) => setTimeout(k, E)), h = (E) => y1({ phase: E, total: l, completed: d, failed: u }), b = (E, k) => {
+  const m = (E) => new Promise((k) => setTimeout(k, E)), h = (E) => w1({ phase: E, total: l, completed: d, failed: u }), b = (E, k) => {
     if (E)
       try {
         k ? E.discard() : E.release();
@@ -17502,20 +17518,20 @@ function w1(e, t = {}) {
       }
       if (k !== i) return;
       h("running");
-      let B = null;
+      let j = null;
       try {
-        if (B = await e.leaseInstance(D), k !== i) {
-          b(B, !1);
+        if (j = await e.leaseInstance(D), k !== i) {
+          b(j, !1);
           return;
         }
-        if (c = B, await e.produce(D, B, () => k !== i), k !== i) {
-          c === B && x(!1);
+        if (c = j, await e.produce(D, j, () => k !== i), k !== i) {
+          c === j && x(!1);
           return;
         }
         d += 1, x(!1);
       } catch (C) {
         if (k !== i) return;
-        c = B, x(!0), u += 1, (N = e.log) == null || N.call(
+        c = j, x(!0), u += 1, (N = e.log) == null || N.call(
           e,
           `Preview sweep unit failed for ${D.pageId}: ${C instanceof Error ? C.message : String(C)}`
         );
@@ -17528,10 +17544,10 @@ function w1(e, t = {}) {
       if (k !== i) return;
       try {
         e.requestArtifactFrames(P.slice(D, D + r));
-      } catch (B) {
+      } catch (j) {
         (T = e.log) == null || T.call(
           e,
-          `Preview sweep delegation failed: ${B instanceof Error ? B.message : String(B)}`
+          `Preview sweep delegation failed: ${j instanceof Error ? j.message : String(j)}`
         );
       }
     }
@@ -17545,7 +17561,7 @@ function w1(e, t = {}) {
   }
   return { run: v, cancel: y };
 }
-const _d = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", S1 = 600, N1 = 200, zd = 280, I1 = 480, zs = "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 _d = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", N1 = 600, I1 = 200, zd = 280, C1 = 480, zs = "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 Wn({
   icon: e,
   label: t,
@@ -17573,7 +17589,7 @@ function Wn({
     )
   );
 }
-const C1 = We(function({
+const P1 = We(function({
   previewIdentityReady: t = !0
 } = {}) {
   var ot;
@@ -17622,7 +17638,7 @@ const C1 = We(function({
         )
       ])
     )
-  ], h = h1(m), [b, x] = Q("");
+  ], h = m1(m), [b, x] = Q("");
   ie(() => {
     let S = !0;
     return x(""), t ? (bc(m).then(() => {
@@ -17686,9 +17702,9 @@ const C1 = We(function({
         ...ne && re ? { frame: { id: xe, fingerprint: re } } : {}
       });
     }
-    const le = p1(ce, {
+    const le = g1(ce, {
       hasSnapshot: tr
-    }), J = $c(), Se = w1({
+    }), J = $c(), Se = S1({
       leaseInstance: async (H) => {
         const Ce = O.get(H.pageId);
         if (!Ce || Ce.route == null) return null;
@@ -17938,7 +17954,7 @@ const C1 = We(function({
         (F) => F.id === R
       );
       $ && Sf($, s);
-    }, S1);
+    }, N1);
     return () => clearTimeout(S);
   }, [
     N,
@@ -17947,7 +17963,7 @@ const C1 = We(function({
     t,
     s
   ]);
-  const [W, _] = Q(!1), [D, B] = Q(null), [C, I] = Q("story"), [A, X] = Q(null), ge = Object.keys(ut()), _e = f.canAddFrame, te = f.editMode, Pe = (S) => {
+  const [W, _] = Q(!1), [D, j] = Q(null), [C, I] = Q("story"), [A, X] = Q(null), ge = Object.keys(ut()), _e = f.canAddFrame, te = f.editMode, Pe = (S) => {
     f.setTool(S), X(null);
   }, [U, se] = Q(!0), [ae, K] = Q(!0), [q, $e] = Q(zd), [Ie, Ae] = Q(zd), fe = ke(!1), me = (S) => {
     const $ = f.pages.find((le) => le.id === S), F = n.current;
@@ -18197,8 +18213,8 @@ const C1 = We(function({
     $.preventDefault();
     const F = $.clientX, G = S === "left" ? q : Ie, O = (le) => {
       const J = S === "left" ? le.clientX - F : F - le.clientX, Se = Math.max(
-        N1,
-        Math.min(I1, G + J)
+        I1,
+        Math.min(C1, G + J)
       );
       S === "left" ? $e(Se) : Ae(Se);
     }, ce = () => {
@@ -18303,10 +18319,10 @@ const C1 = We(function({
               if (f.tool === "section") {
                 if (!f.editMode) return;
                 const J = { x: S.clientX, y: S.clientY }, Se = (H) => {
-                  fe.current = !0, B({ x0: J.x, y0: J.y, x1: H.clientX, y1: H.clientY });
+                  fe.current = !0, j({ x0: J.x, y0: J.y, x1: H.clientX, y1: H.clientY });
                 }, he = (H) => {
                   var ne;
-                  window.removeEventListener("mousemove", Se), window.removeEventListener("mouseup", he), B(null);
+                  window.removeEventListener("mousemove", Se), window.removeEventListener("mouseup", he), j(null);
                   const Ce = (ne = n.current) == null ? void 0 : ne.getBoundingClientRect();
                   if (!Ce) return;
                   const ye = (xe) => (xe - Ce.left - f.panX) / f.zoom, Ne = (xe) => (xe - Ce.top - f.panY) / f.zoom;
@@ -18320,7 +18336,7 @@ const C1 = We(function({
               let G = !1;
               const O = (J) => {
                 if (!G && Math.hypot(J.clientX - F.x, J.clientY - F.y) < 4) return;
-                G = !0, fe.current = !0, B({ x0: F.x, y0: F.y, x1: J.clientX, y1: J.clientY });
+                G = !0, fe.current = !0, j({ x0: F.x, y0: F.y, x1: J.clientX, y1: J.clientY });
                 const Se = Math.min(F.x, J.clientX), he = Math.max(F.x, J.clientX), H = Math.min(F.y, J.clientY), Ce = Math.max(F.y, J.clientY), ye = f.root.children.filter((Ne) => {
                   if (Ne.hidden || Ne.locked) return !1;
                   const ne = document.querySelector(`[data-node-id="${Ne.id}"]`);
@@ -18330,7 +18346,7 @@ const C1 = We(function({
                 }).map((Ne) => Ne.id);
                 f.setSelection(ye);
               }, ce = () => {
-                window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", ce), B(null);
+                window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", ce), j(null);
               };
               window.addEventListener("mousemove", O), window.addEventListener("mouseup", ce);
             },
@@ -18442,7 +18458,7 @@ const C1 = We(function({
             )) })
           ] }),
           /* @__PURE__ */ a(
-            A0,
+            R0,
             {
               view: C,
               onFrameFocus: me,
@@ -18593,9 +18609,9 @@ const C1 = We(function({
           ] }),
           /* @__PURE__ */ g("header", { className: "flex h-10 items-center gap-3 border-b border-[#e6e6e6] px-3", children: [
             /* @__PURE__ */ a("span", { className: "text-[11px] font-semibold text-[#333]", children: ((ot = f.selectedCanvasObject) == null ? void 0 : ot.kind) === "frame" ? "Preview" : "Design" }),
-            /* @__PURE__ */ a("span", { className: "ml-auto flex items-center gap-1 text-[11px] text-[#666]", children: /* @__PURE__ */ a(f1, {}) })
+            /* @__PURE__ */ a("span", { className: "ml-auto flex items-center gap-1 text-[11px] text-[#666]", children: /* @__PURE__ */ a(h1, {}) })
           ] }),
-          /* @__PURE__ */ a(u1, {}),
+          /* @__PURE__ */ a(f1, {}),
           /* @__PURE__ */ a(Vw, {}),
           /* @__PURE__ */ a(
             "div",
@@ -18845,12 +18861,12 @@ const C1 = We(function({
       ]
     }
   );
-}), P1 = 1, $1 = 4;
-function M1() {
+}), $1 = 1, M1 = 4;
+function E1() {
   if (!(typeof navigator > "u"))
     return navigator.deviceMemory;
 }
-function E1(e, t, n, r = P1) {
+function k1(e, t, n, r = $1) {
   const o = /* @__PURE__ */ new Map();
   return e.forEach((i, s) => {
     if (!Pc(i)) return;
@@ -18881,7 +18897,7 @@ function E1(e, t, n, r = P1) {
     });
   }), [...o.values()].sort((i, s) => s.members - i.members || i.order - s.order).slice(0, Math.max(0, r)).map((i) => i.target);
 }
-function k1(e, t, n) {
+function A1(e, t, n) {
   if (!e) return [];
   const r = (m) => m.importPageId ?? m.id, o = t.find((m) => m.id === n);
   if (!o) return [];
@@ -18914,13 +18930,13 @@ function k1(e, t, n) {
   }
   return d;
 }
-function A1(e) {
-  const t = e.deviceMemoryGb ?? M1();
-  if (t != null && t < $1)
+function R1(e) {
+  const t = e.deviceMemoryGb ?? E1();
+  if (t != null && t < M1)
     return () => {
     };
   const n = e.instances ?? $c(), r = e.getGraph ?? Wa;
-  for (const o of E1(
+  for (const o of k1(
     e.getPages(),
     e.appOrigin,
     e.baselineEnvironment
@@ -18931,7 +18947,7 @@ function A1(e) {
     () => e.editor.activePageId,
     (o) => {
       if (!o) return;
-      const i = k1(
+      const i = A1(
         r(),
         e.getPages(),
         o
@@ -18943,7 +18959,7 @@ function A1(e) {
     }
   );
 }
-function R1(e) {
+function T1(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) => {
@@ -18975,7 +18991,7 @@ function Va(e, t = /* @__PURE__ */ new Set()) {
   }
   return t.delete(e), n;
 }
-function T1(e) {
+function F1(e) {
   return JSON.stringify(
     Va({
       version: 1,
@@ -18999,11 +19015,11 @@ function T1(e) {
 function mt(e) {
   return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, n) => t.localeCompare(n));
 }
-function F1(e, t) {
+function L1(e, t) {
   var r;
   return ((r = e.id) == null ? void 0 : r.trim()) || `edge:${t + 1}`;
 }
-function L1(e) {
+function _1(e) {
   const t = [...e.screens].sort((r, o) => r.id.localeCompare(o.id)), n = t[0].id;
   return {
     id: `story:${n}`,
@@ -19032,7 +19048,7 @@ function Dd(e) {
     e.scenarioId
   ].join(":");
 }
-function _1(e) {
+function z1(e) {
   var fe, me, ue, ot;
   const t = [], n = [], r = /* @__PURE__ */ new Map();
   for (const S of e.screens) {
@@ -19053,7 +19069,7 @@ function _1(e) {
   for (const S of n) {
     let $;
     try {
-      if ($ = (e.recipeKey ?? T1)(S), !$.trim()) throw new Error("Recipe keys cannot be empty.");
+      if ($ = (e.recipeKey ?? F1)(S), !$.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (G) {
       i.add(S.id), t.push({
         code: "invalid-recipe",
@@ -19065,7 +19081,7 @@ function _1(e) {
     const F = o.get($);
     F ? F.screens.push(S) : o.set($, { recipeKey: $, screens: [S] });
   }
-  const s = [...o.values()].map(L1).sort((S, $) => S.id.localeCompare($.id)), c = {};
+  const s = [...o.values()].map(_1).sort((S, $) => S.id.localeCompare($.id)), c = {};
   for (const S of s)
     for (const $ of S.screenIds) c[$] = S.id;
   const l = new Map(s.map((S) => [S.id, S])), d = (S, $) => mt([
@@ -19124,7 +19140,7 @@ function _1(e) {
   let E = 0;
   for (const [S, $] of y)
     for (const F of $) {
-      const G = F1(F, E);
+      const G = L1(F, E);
       E += 1;
       const O = b(F.from, G, "source"), ce = b(F.to, G, "target");
       if (!O || !ce || O === ce) continue;
@@ -19219,8 +19235,8 @@ function _1(e) {
     }
     D.push(F);
   }
-  const B = mt(D);
-  for (const S of B) {
+  const j = mt(D);
+  for (const S of j) {
     if ((((ot = R.get(S)) == null ? void 0 : ot.length) ?? 0) === 0) continue;
     const $ = l.get(S);
     t.push({
@@ -19300,7 +19316,7 @@ function _1(e) {
   );
   const ae = mt(
     A.flatMap((S) => S.screenIds)
-  ), K = new Set(A.map((S) => S.id)), q = new Set(B), $e = _ ? m.filter(
+  ), K = new Set(A.map((S) => S.id)), q = new Set(j), $e = _ ? m.filter(
     (S) => {
       var $;
       return !K.has(S.id) && !q.has(S.id) && ((($ = R.get(S.id)) == null ? void 0 : $.length) ?? 0) === 0;
@@ -19333,13 +19349,13 @@ function _1(e) {
     sourceGroups: ge,
     startNodeIds: W,
     endDeclarationsEnabled: _,
-    endNodeIds: B,
+    endNodeIds: j,
     branches: _e,
     warnings: t,
     coverage: Ae
   };
 }
-function z1(e) {
+function D1(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
 function Bi(e) {
@@ -19353,7 +19369,7 @@ function Bi(e) {
 function Od(e) {
   return JSON.stringify(Bi(e ?? null));
 }
-function D1(e) {
+function O1(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function Kt(e) {
@@ -19401,7 +19417,7 @@ function jd(e, t, n) {
     screenIds: n.get(i) ?? [s]
   })).sort((i, s) => i.representativeId.localeCompare(s.representativeId));
 }
-function O1(e) {
+function j1(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e ?? []) {
@@ -19415,7 +19431,7 @@ function O1(e) {
   }
   return [...t.values()].sort((r, o) => r.id.localeCompare(o.id));
 }
-function j1(e, t, n, r) {
+function B1(e, t, n, r) {
   return (e ?? []).flatMap((o, i) => {
     var m, h, b;
     const s = (m = o.from) == null ? void 0 : m.trim(), c = (h = o.to) == null ? void 0 : h.trim();
@@ -19439,7 +19455,7 @@ function j1(e, t, n, r) {
     );
   });
 }
-function B1(e, t, n) {
+function W1(e, t, n) {
   const r = Kt(e.route);
   if (!r) return [];
   const o = t.filter(
@@ -19463,7 +19479,7 @@ function B1(e, t, n) {
     )
   ].sort((c, l) => c.localeCompare(l));
 }
-function W1(e, t) {
+function H1(e, t) {
   const n = e.some((i) => i.importKind != null), r = t.candidates ?? [], o = Fh(t);
   return e.filter(
     (i) => n ? i.importKind === "screens" : !!i.route
@@ -19485,7 +19501,7 @@ function W1(e, t) {
     scenario: i.scenario,
     state: i.state,
     scenarioId: i.scenarioId,
-    scenarioIds: B1(i, r, o),
+    scenarioIds: W1(i, r, o),
     interactions: i.interactions,
     environment: i.environment,
     preset: i.preset,
@@ -19502,7 +19518,7 @@ function os(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 H1(e) {
+function U1(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = Kt(n.route);
@@ -19517,7 +19533,7 @@ function H1(e) {
     })
   );
 }
-function U1(e) {
+function V1(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = Kt(n.route);
@@ -19532,7 +19548,7 @@ function U1(e) {
     ])
   );
 }
-function V1(e) {
+function K1(e) {
   return e.action === "wait" ? null : JSON.stringify(
     Bi({
       action: e.action,
@@ -19549,12 +19565,12 @@ function V1(e) {
   );
 }
 function Th(e) {
-  return (e.interactions ?? []).map(V1).filter((t) => t != null);
+  return (e.interactions ?? []).map(K1).filter((t) => t != null);
 }
-function K1(e, t) {
+function q1(e, t) {
   return e.length < t.length && e.every((n, r) => n === t[r]);
 }
-function q1(e, t) {
+function Y1(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = Kt(r.route);
@@ -19573,7 +19589,7 @@ function q1(e, t) {
     }));
   });
 }
-function Y1(e, t) {
+function G1(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = Kt(r.route);
@@ -19591,7 +19607,7 @@ function Y1(e, t) {
       const d = i.get(l.id);
       if (!d.length) return [];
       const m = o.filter(
-        (h) => K1(
+        (h) => q1(
           i.get(h.id),
           d
         )
@@ -19623,7 +19639,7 @@ function Y1(e, t) {
     });
   });
 }
-function G1(e) {
+function X1(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
@@ -19655,7 +19671,7 @@ function G1(e) {
     });
   });
 }
-function X1(e, t, n) {
+function J1(e, t, n) {
   const r = new Set(
     (t.routes ?? []).map((o) => Kt(o.path)).filter((o) => !!o)
   );
@@ -19677,7 +19693,7 @@ function X1(e, t, n) {
     } : o;
   });
 }
-function J1(e, t) {
+function Q1(e, t) {
   var d, u, m, h, b;
   const n = new Set(e.map((x) => x.id)), r = new Map(
     e.map((x, v) => [x.id, v])
@@ -19742,42 +19758,42 @@ function J1(e, t) {
 }
 function Fh(e) {
   var t, n;
-  return z1(
+  return D1(
     (n = (t = e.scenarios) == null ? void 0 : t.find(
       (r) => r.id === "environment:baseline"
     )) == null ? void 0 : n.environment
   );
 }
-function Q1(e) {
+function Z1(e) {
   var l, d, u, m, h, b;
-  const t = W1(
+  const t = H1(
     e.pages,
     e.manifest
-  ), n = H1(t), r = U1(t), o = X1(
+  ), n = U1(t), r = V1(t), o = J1(
     t,
     e.manifest,
     n
   ), s = [
-    ...j1(
+    ...B1(
       e.manifest.edges,
       n,
       r,
       new Set(o.map((x) => x.id))
     ),
-    ...q1(o, n),
     ...Y1(o, n),
-    ...G1(o)
+    ...G1(o, n),
+    ...X1(o)
   ], c = [
     ...((l = e.storyboard) == null ? void 0 : l.edges) ?? [],
-    ...R1(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
+    ...T1(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
   ];
-  return _1({
+  return z1({
     screens: o,
     assets: e.assets,
-    scenarios: O1(e.manifest.routes),
+    scenarios: j1(e.manifest.routes),
     explicitEdges: c,
     inferredEdges: s,
-    startScreenIds: (m = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && m.length ? e.storyboard.startScreenIds : J1(o, [...c, ...s]),
+    startScreenIds: (m = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && m.length ? e.storyboard.startScreenIds : Q1(o, [...c, ...s]),
     endScreenIds: (h = e.storyboard) == null ? void 0 : h.endScreenIds,
     nonVisualScenarioIds: (b = e.storyboard) == null ? void 0 : b.nonVisualScenarioIds
   });
@@ -19791,12 +19807,12 @@ async function Lh(e) {
   if (!n.ok)
     throw new Error(`Storyboard discovery failed (${n.status})`);
   const r = await n.json();
-  if (!D1(r))
+  if (!O1(r))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: r,
     baselineEnvironment: Fh(r),
-    graph: Q1({
+    graph: Z1({
       manifest: r,
       pages: e.pages,
       assets: e.assets,
@@ -19804,7 +19820,7 @@ async function Lh(e) {
     })
   };
 }
-async function qS(e) {
+async function YS(e) {
   Rn(null);
   try {
     const t = await Lh(e);
@@ -19813,15 +19829,15 @@ async function qS(e) {
     throw Rn(null), t;
   }
 }
-const Wi = "var(--pygmalion-catalog-surface, #ffffff)", Hi = "var(--pygmalion-catalog-canvas, #f5f5f5)", Ka = "var(--pygmalion-catalog-border, #e5e7eb)", Ui = "var(--pygmalion-catalog-text, #202124)", Vt = "var(--pygmalion-catalog-muted, #6b7280)", Z1 = "var(--pygmalion-catalog-header, #11182f)", eS = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function YS({
+const Wi = "var(--pygmalion-catalog-surface, #ffffff)", Hi = "var(--pygmalion-catalog-canvas, #f5f5f5)", Ka = "var(--pygmalion-catalog-border, #e5e7eb)", Ui = "var(--pygmalion-catalog-text, #202124)", Vt = "var(--pygmalion-catalog-muted, #6b7280)", eS = "var(--pygmalion-catalog-header, #11182f)", tS = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function GS({
   title: e,
   eyebrow: t,
   description: n,
   version: r,
   meta: o,
   children: i,
-  headerBackground: s = Z1,
+  headerBackground: s = eS,
   headerColor: c = "#ffffff",
   bodyBackground: l = Wi,
   bodyGap: d = 40
@@ -19938,7 +19954,7 @@ function YS({
     }
   );
 }
-function GS({
+function XS({
   title: e,
   itemId: t,
   count: n,
@@ -19983,7 +19999,7 @@ function GS({
     }
   );
 }
-function XS({
+function JS({
   rows: e,
   columns: t,
   cornerLabel: n,
@@ -20002,7 +20018,7 @@ function XS({
         display: "inline-block",
         width: "max-content",
         padding: s ? 16 : 0,
-        border: s ? `1px dashed ${eS}` : void 0,
+        border: s ? `1px dashed ${tS}` : void 0,
         borderRadius: s ? 4 : void 0
       },
       children: /* @__PURE__ */ g(
@@ -20080,11 +20096,11 @@ function XS({
     }
   );
 }
-function tS(e) {
+function nS(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
 function _h(e, t, n = "PygmalionCatalog") {
-  const r = (o) => tS(o).replace(/-/g, "_");
+  const r = (o) => nS(o).replace(/-/g, "_");
   return `${n}_${r(e)}_${r(t)}`;
 }
 function zh(e, t) {
@@ -20106,10 +20122,10 @@ function Dh(e) {
     t.add(n.id);
   }
 }
-function nS(e, t, n) {
+function rS(e, t, n) {
   return typeof e == "function" ? e(t, n) : e;
 }
-function rS({
+function oS({
   page: e,
   items: t,
   renderPreview: n,
@@ -20213,7 +20229,7 @@ function rS({
     }
   );
 }
-function JS(e) {
+function QS(e) {
   Dh(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const o of e.items) {
@@ -20237,7 +20253,7 @@ function JS(e) {
   const n = {}, r = [];
   for (const o of t.values()) {
     const i = () => /* @__PURE__ */ a(
-      rS,
+      oS,
       {
         page: o.page,
         items: o.items,
@@ -20250,7 +20266,7 @@ function JS(e) {
       component: i,
       children: "none"
     };
-    const s = nS(e.frame, o.page, o.items);
+    const s = rS(e.frame, o.page, o.items);
     r.push({
       ...o.page,
       componentName: o.registryName,
@@ -20268,7 +20284,7 @@ function JS(e) {
     }
   };
 }
-function oS(e, t = 60) {
+function iS(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,
@@ -20277,7 +20293,7 @@ function oS(e, t = 60) {
     additional: n.slice(2)
   };
 }
-function iS(e, t, n, r) {
+function sS(e, t, n, r) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
@@ -20285,7 +20301,7 @@ function iS(e, t, n, r) {
     ...t.column && r !== void 0 ? { [t.column[0]]: r } : {}
   };
 }
-function sS({
+function aS({
   item: e,
   entry: t,
   maxVariantCells: n
@@ -20311,7 +20327,7 @@ function sS({
         ]
       }
     );
-  const r = oS(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 = iS(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",
     {
@@ -20342,7 +20358,7 @@ function sS({
             children: o.flatMap(
               (d) => i.map((u) => {
                 var b, x;
-                const m = iS(t, r, d, u), h = [
+                const m = sS(t, r, d, u), h = [
                   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(" · ");
@@ -20401,7 +20417,7 @@ function sS({
     }
   );
 }
-function QS(e) {
+function ZS(e) {
   Dh(e.items);
   const t = {}, n = [], r = [], o = e.maxVariantCells ?? 60;
   for (const i of e.items) {
@@ -20410,7 +20426,7 @@ function QS(e) {
       i.id,
       e.registryPrefix
     ), c = e.registry[i.name], l = () => /* @__PURE__ */ a(
-      sS,
+      aS,
       {
         item: i,
         entry: c,
@@ -20438,7 +20454,7 @@ function QS(e) {
     }
   };
 }
-const Ds = (e) => e.map((t) => `"${t.name}"`).join(", "), Bd = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, aS = (e) => e.state ?? "default", cS = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, Xo = (e, t) => {
+const Ds = (e) => e.map((t) => `"${t.name}"`).join(", "), Bd = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, cS = (e) => e.state ?? "default", lS = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, Xo = (e, t) => {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = n.get(t(r));
@@ -20446,7 +20462,7 @@ const Ds = (e) => e.map((t) => `"${t.name}"`).join(", "), Bd = (e) => `${e.width
   }
   return n;
 };
-function ZS(e) {
+function eN(e) {
   const t = Xo(
     e.filter((r) => !!r.scenario && r.route != null),
     (r) => r.scenario
@@ -20463,7 +20479,7 @@ function ZS(e) {
     }
     const i = Xo(o, (s) => s.canvas);
     if (i.size > 1) {
-      const s = [...i.entries()].map(([c, l]) => `${cS(c)}: ${Ds(l)}`).join("; ");
+      const s = [...i.entries()].map(([c, l]) => `${lS(c)}: ${Ds(l)}`).join("; ");
       n.push({
         severity: "warning",
         code: "cross-canvas",
@@ -20481,7 +20497,7 @@ function ZS(e) {
           message: `Scenario "${r}" mixes viewports: ${d}; sibling states should share one viewport so flipping between them compares like with like.`
         });
       }
-      const l = Xo(s, aS);
+      const l = Xo(s, cS);
       for (const [d, u] of l)
         u.length < 2 || n.push({
           severity: "warning",
@@ -20493,23 +20509,23 @@ function ZS(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 Oh = 42e4, lS = 2e3, dS = 500, uS = 5e3, fS = 3e4;
-function hS(e) {
-  const t = uS * 2 ** Math.max(0, e);
-  return Math.min(t, fS);
-}
+const Oh = 42e4, dS = 2e3, uS = 500, fS = 5e3, hS = 3e4;
 function mS(e) {
+  const t = fS * 2 ** Math.max(0, e);
+  return Math.min(t, hS);
+}
+function pS(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-async function pS(e) {
+async function gS(e) {
   const {
     initial: t,
     fetchStatus: n,
     requestResync: r,
     timeoutMs: o = Oh,
-    intervalMs: i = dS,
+    intervalMs: i = uS,
     now: s = Date.now,
-    sleep: c = mS
+    sleep: c = pS
   } = e;
   let l = t, d = !1;
   const u = s();
@@ -20526,9 +20542,9 @@ async function pS(e) {
   }
   return l;
 }
-const Wd = /^[a-f0-9]{64}$/, gS = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, bS = /^p\d+$/;
+const Wd = /^[a-f0-9]{64}$/, bS = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, xS = /^p\d+$/;
 function qa(e) {
-  return typeof e == "string" && gS.test(e) ? e : void 0;
+  return typeof e == "string" && bS.test(e) ? e : void 0;
 }
 function Hd(e, t) {
   const n = new URL(e, t);
@@ -20548,7 +20564,7 @@ function Ud(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 xS(e) {
+function vS(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e, n = Ud(t.before), r = Ud(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)
@@ -20565,7 +20581,7 @@ function xS(e) {
     heatmapUrl: o
   };
 }
-function vS(e, t) {
+function yS(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const n = e;
   if (typeof n.id != "string" || !n.id) return null;
@@ -20573,7 +20589,7 @@ function vS(e, t) {
   if (!o) return null;
   const i = Os(n.after);
   if (t === "changed" && !i) return null;
-  const s = i ? xS(n.pixelDiff) : null;
+  const s = i ? vS(n.pixelDiff) : null;
   return {
     id: n.id,
     before: o,
@@ -20585,7 +20601,7 @@ function vS(e, t) {
     ...s ? { pixelDiff: s } : {}
   };
 }
-function yS(e, t = []) {
+function wS(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 ?? []),
@@ -20593,7 +20609,7 @@ function yS(e, t = []) {
   ];
   for (const s of i)
     for (const c of s) {
-      if (r && bS.test(c.id) && !n.has(c.id))
+      if (r && xS.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.`
         );
@@ -20613,7 +20629,7 @@ async function Vd(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) => vS(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) => yS(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 m = u;
     return typeof m.id == "string" && typeof m.error == "string" ? { id: m.id, error: m.error } : null;
@@ -20630,12 +20646,12 @@ const js = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, wS = "pygmalion.designSessionId", SS = "/__pygmalion-qa", Jo = /* @__PURE__ */ new Map();
+}, SS = "pygmalion.designSessionId", NS = "/__pygmalion-qa", Jo = /* @__PURE__ */ new Map();
 function Kd() {
   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 NS(e, t) {
+function IS(e, t) {
   if (e) return e;
   const n = Jo.get(t);
   if (n) return n;
@@ -20655,23 +20671,23 @@ async function rn(e) {
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-const IS = 3e4;
-function Bs(e = IS) {
+const CS = 3e4;
+function Bs(e = CS) {
   return typeof AbortSignal > "u" || typeof AbortSignal.timeout != "function" ? {} : { signal: AbortSignal.timeout(e) };
 }
-function eN(e = {}) {
+function tN(e = {}) {
   var te, Pe, U, se, ae;
   const {
     sessionId: t,
-    sessionStorageKey: n = wS,
+    sessionStorageKey: n = SS,
     autoStart: r = !0,
     fetcher: o = fetch,
     formatApplyMessage: i
-  } = e, s = ((te = e.endpoints) == null ? void 0 : te.mirror) ?? js.mirror, c = ((Pe = e.endpoints) == null ? void 0 : Pe.sessions) ?? js.sessions, l = ((U = e.endpoints) == null ? void 0 : U.inspect) ?? js.inspect, d = e.visualQa != null, u = ((se = e.visualQa) == null ? void 0 : se.endpoint) ?? SS, m = JSON.stringify(((ae = e.visualQa) == null ? void 0 : ae.eligibleFrameIds) ?? []), h = wt(
+  } = e, s = ((te = e.endpoints) == null ? void 0 : te.mirror) ?? js.mirror, c = ((Pe = e.endpoints) == null ? void 0 : Pe.sessions) ?? js.sessions, l = ((U = e.endpoints) == null ? void 0 : U.inspect) ?? js.inspect, d = e.visualQa != null, u = ((se = e.visualQa) == null ? void 0 : se.endpoint) ?? NS, m = JSON.stringify(((ae = e.visualQa) == null ? void 0 : ae.eligibleFrameIds) ?? []), h = wt(
     () => JSON.parse(m),
     [m]
   ), b = wt(
-    () => NS(t, n),
+    () => IS(t, n),
     [t, n]
   ), [x, v] = Q({
     state: "idle",
@@ -20703,7 +20719,7 @@ function eN(e = {}) {
             ...K || Ie ? {} : Bs()
           });
           let fe = await rn(Ae);
-          if (K || (fe = await pS({
+          if (K || (fe = await gS({
             initial: fe,
             fetchStatus: async () => rn(
               await o(`${s}/status`, Bs())
@@ -20781,7 +20797,7 @@ function eN(e = {}) {
       await W(!0, K), await _();
     },
     [_, W, y == null ? void 0 : y.branchName]
-  ), B = kt(
+  ), j = kt(
     async (K) => {
       var fe;
       if (!y) throw new Error("Pygmalion design session is not ready");
@@ -20852,7 +20868,7 @@ function eN(e = {}) {
       );
       if (!q.ok || !Number.isSafeInteger(q.revision))
         throw new Error(q.error ?? "Pygmalion could not preview the visual changes");
-      const $e = d ? yS(K, h) : [];
+      const $e = d ? wS(K, h) : [];
       let Ie;
       const Ae = y.appOrigin ?? x.appOrigin;
       if ($e.length > 0) {
@@ -20940,7 +20956,7 @@ function eN(e = {}) {
     if (x.state !== "error") return;
     const K = window.setTimeout(() => {
       W(!1);
-    }, hS(X.current++));
+    }, mS(X.current++));
     return () => window.clearTimeout(K);
   }, [r, k, x.state, W]), ie(() => {
     if (!r || x.state !== "idle") return;
@@ -20956,7 +20972,7 @@ function eN(e = {}) {
         } catch {
         }
       })();
-    }, lS);
+    }, dS);
     return () => {
       K = !0, window.clearInterval(q);
     };
@@ -20977,11 +20993,11 @@ function eN(e = {}) {
     loadSourceRefs: _,
     previewVisual: C,
     inspectImpact: I,
-    applyVisual: B,
+    applyVisual: j,
     revertLastVisual: A
   };
 }
-function tN({
+function nN({
   value: e,
   currentCommit: t = null,
   refs: n,
@@ -21075,15 +21091,15 @@ function tN({
     }
   );
 }
-const qd = 10, CS = 0.5;
+const qd = 10, PS = 0.5;
 function Yd(e) {
   const t = (e.selector ?? "").trim(), n = (e.text ?? "").trim(), r = e.attribute ? `${e.attribute.name ?? ""}=${e.attribute.value ?? ""}` : "";
   return `${t}|${n}|${r}`;
 }
-function nN(e, t) {
+function rN(e, t) {
   const n = [];
   if (e.length === 0) return n;
-  const r = (t == null ? void 0 : t.genericShare) ?? CS, o = /* @__PURE__ */ new Map();
+  const r = (t == null ? void 0 : t.genericShare) ?? PS, o = /* @__PURE__ */ new Map();
   for (const s of e)
     for (const c of new Set(
       (s.assertions ?? []).map((l) => Yd(l))
@@ -21124,15 +21140,15 @@ function nN(e, t) {
   }
   return n;
 }
-function PS(e) {
+function $S(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 rN(e) {
-  const t = new Set(e.hooks), n = new Set(e.answered ?? []), r = new Set(e.targets.flatMap((i) => PS(i))), o = [];
+function oN(e) {
+  const t = new Set(e.hooks), n = new Set(e.answered ?? []), r = new Set(e.targets.flatMap((i) => $S(i))), o = [];
   for (const i of e.hooks)
     r.has(i) || n.has(i) || o.push({
       severity: "error",
@@ -21151,7 +21167,7 @@ function rN(e) {
     });
   return o;
 }
-function oN(e) {
+function iN(e) {
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
     if (!r.route || !r.scenario || !r.state || r.stateKind) continue;
@@ -21172,7 +21188,7 @@ function oN(e) {
   }
   return n;
 }
-function iN(e) {
+function sN(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     if (!n.route) continue;
@@ -21186,7 +21202,7 @@ function iN(e) {
   return [...t.values()].sort((n, r) => r.screens - n.screens);
 }
 let jh = !1, Bh = "";
-const sN = {
+const aN = {
   editor: f,
   getObserverTree: gp,
   isObservableProp: pp,
@@ -21196,8 +21212,8 @@ const sN = {
       Promise.resolve().then(() => ga),
       Promise.resolve().then(() => Ib),
       Promise.resolve().then(() => Zp),
-      import("./FrozenRoutePreview-CPnB5j1D.js").then((u) => u.bs),
-      import("./FrozenRoutePreview-CPnB5j1D.js").then((u) => u.br)
+      import("./FrozenRoutePreview-CGxN_gIm.js").then((u) => u.bs),
+      import("./FrozenRoutePreview-CGxN_gIm.js").then((u) => u.br)
     ]), s = i.getMountedShadowPreviewHandle(e), c = f.pages.find(
       (u) => u.id === e
     );
@@ -21297,17 +21313,17 @@ const sN = {
     };
   }
 };
-function aN(e) {
+function cN(e) {
   f.navigateToPageByName(e);
 }
-function cN() {
+function lN() {
   f.openPreview();
 }
-function lN() {
+function dN() {
   const e = ee.entries.length > 0;
   return e && ee.discardPending(), f.resetCurrentEdits() || e;
 }
-function dN({
+function uN({
   registry: e,
   tokens: t,
   initialPages: n,
@@ -21335,7 +21351,7 @@ function dN({
   scenarioCoverage: W,
   screenDimensions: _,
   screenLists: D,
-  sectionHeaders: B,
+  sectionHeaders: j,
   sectionHeaderLabels: C,
   screenLanes: I,
   frameBranchKinds: A,
@@ -21368,7 +21384,7 @@ function dN({
   const [$, F] = Q();
   d && (d.assertComplete(), xp(d));
   const G = e ?? (d == null ? void 0 : d.getRegistry()), O = t ?? (d == null ? void 0 : d.getTokens()), ce = n ?? (d == null ? void 0 : d.getInitialPages());
-  G && vp(G), by(i ?? []), O && Ry(O), R0(s ?? []), yp(c ?? []), Ty(u ?? null), Ku(b), Wu(
+  G && vp(G), by(i ?? []), O && Ry(O), T0(s ?? []), yp(c ?? []), Ty(u ?? null), Ku(b), Wu(
     !!(v != null && v.trim())
   );
   const le = $ ?? x, J = wt(
@@ -21424,7 +21440,7 @@ function dN({
       interactions: re.interactions,
       assertions: re.assertions
     })
-  ), y != null && Xu(y), Tp(k ?? null), L != null && wp(L), P != null && Sp(P), hw(R), f.initEditMode(o !== "view-only"), yf(N ?? []), bf(T ?? 1), D0(W ?? []), Np(_ ?? []), Ip(D ?? []), Cp(B ?? [], C), Pp(I ?? []), $p(A ?? [], X), Mp(ge ?? []), vx(_e ?? 0), Ep(te ?? Pe ?? []), vv(U ?? []), Fp(se ?? null), Lp(K ?? null), kp(q ?? null), _p($e ?? null), ce && f.initPagesFromComponents(ce, { initialCanvas: r }), Cr(() => {
+  ), y != null && Xu(y), Tp(k ?? null), L != null && wp(L), P != null && Sp(P), hw(R), f.initEditMode(o !== "view-only"), yf(N ?? []), bf(T ?? 1), O0(W ?? []), Np(_ ?? []), Ip(D ?? []), Cp(j ?? [], C), Pp(I ?? []), $p(A ?? [], X), Mp(ge ?? []), vx(_e ?? 0), Ep(te ?? Pe ?? []), vv(U ?? []), Fp(se ?? null), Lp(K ?? null), kp(q ?? null), _p($e ?? null), ce && f.initPagesFromComponents(ce, { initialCanvas: r }), Cr(() => {
     m != null && Ap(m), h != null && Rp(h), vb(l ?? []);
   }, [m, l, h]), Cr(() => {
     !le || !ce || !S || ma(le, {
@@ -21711,72 +21727,72 @@ function dN({
     const re = m ?? In();
     if (!re) return;
     const Ye = `${re}|${h ?? er()}`;
-    return xe.current != null && xe.current !== Ye && kx(), xe.current = Ye, A1({
+    return xe.current != null && xe.current !== Ye && kx(), xe.current = Ye, R1({
       editor: f,
       getPages: () => f.pages,
       appOrigin: re,
       baselineEnvironment: Lt()
     });
-  }, [m, S, h]), /* @__PURE__ */ a(C1, { previewIdentityReady: S });
+  }, [m, S, h]), /* @__PURE__ */ a(P1, { previewIdentityReady: S });
 }
 export {
   Lw as DEFAULT_DESIGN_COMPILE_LIMITS,
-  hN as DESIGN_IMPORT_KINDS,
+  mN as DESIGN_IMPORT_KINDS,
   Tw as DESIGN_IR_SCHEMA,
   Fw as DESIGN_IR_VERSION,
-  CS as GENERIC_ASSERTION_SHARE,
+  PS as GENERIC_ASSERTION_SHARE,
   Tl as MIN_SURFACE_REASON_LENGTH,
   qd as MIN_UNVERIFIED_REASON_LENGTH,
   Nw as PYGMALION_PREVIEW_CAPTURE_PROGRESS_SUFFIX,
   Vx as PYGMALION_PREVIEW_CAPTURE_SCHEMA_VERSION,
-  YS as PygmalionCatalogDocument,
-  XS as PygmalionCatalogMatrix,
-  GS as PygmalionCatalogSection,
-  dN as PygmalionEditor,
+  GS as PygmalionCatalogDocument,
+  JS as PygmalionCatalogMatrix,
+  XS as PygmalionCatalogSection,
+  uN as PygmalionEditor,
   bp as STORYBOARD_ENVIRONMENT_CONTROL,
-  mN as STORYBOARD_ENVIRONMENT_QUERY,
-  tN as SourceRefControl,
-  sN as __debug,
-  z0 as applyScenarioCoverageClaim,
-  WS as applyTokenOverride,
+  pN as STORYBOARD_ENVIRONMENT_QUERY,
+  nN as SourceRefControl,
+  aN as __debug,
+  D0 as applyScenarioCoverageClaim,
+  HS as applyTokenOverride,
   Mb as beginFrameInteraction,
   av as bootstrapPreviewArtifact,
-  FS as clearPreviewEnvironmentControlValues,
+  LS as clearPreviewEnvironmentControlValues,
   lb as clearPygmalionPreviewCache,
   Hw as compileDesignDocument,
-  QS as createDesignComponentCatalog,
-  oS as createDesignComponentVariantMatrix,
-  JS as createDesignGalleryCatalog,
-  pN as createDesignImportController,
-  VS as createDesignIntermediateDocument,
-  gN as createDesignScreenCollection,
+  ZS as createDesignComponentCatalog,
+  iS as createDesignComponentVariantMatrix,
+  QS as createDesignGalleryCatalog,
+  gN as createDesignImportController,
+  KS as createDesignIntermediateDocument,
+  bN as createDesignScreenCollection,
   Zx as createPreviewArtifactHttpTransport,
-  _S as createPreviewCacheNamespace,
+  zS as createPreviewCacheNamespace,
   qx as createPreviewFrameFingerprint,
   Rf as createPreviewRecipeFingerprint,
   Qx as createStoryboardCaptureRecipeIdentity,
-  _1 as createStoryboardGraph,
-  Q1 as createStoryboardGraphFromDiscovery,
-  s0 as createStoryboardGraphViewModel,
-  R1 as createStoryboardPathEdges,
+  z1 as createStoryboardGraph,
+  Z1 as createStoryboardGraphFromDiscovery,
+  a0 as createStoryboardGraphViewModel,
+  T1 as createStoryboardPathEdges,
   Rh as createStoryboardRouteScenarioId,
   Ir as createStoryboardRouteUrl,
-  tS as designCatalogKey,
+  nS as designCatalogKey,
   _h as designCatalogRegistryName,
-  oN as detectStateGroupCandidates,
+  iN as detectStateGroupCandidates,
   gv as enumerateControlCandidates,
-  BS as enumerateDesignComponentConnectionCases,
+  WS as enumerateDesignComponentConnectionCases,
   xv as enumerateRequestCandidates,
-  DS as enumerateRouteCandidates,
+  OS as enumerateRouteCandidates,
   Qi as exitFrameInteraction,
-  bN as expandDesignScreenCasesViewports,
-  xN as expandDesignScreenCollectionViewports,
+  xN as expandDesignScreenCasesViewports,
+  vN as expandDesignScreenCollectionViewports,
   Of as frameSurfaceDemands,
-  vN as framesMissingScenario,
+  yN as framesMissingScenario,
   Ww as getDesignCodegenAdapters,
-  jS as getDesignComponentConnection,
+  BS as getDesignComponentConnection,
   Ra as getDesignComponentConnectionForComponent,
-  OS as getDesignComponentConnections,
+  jS as getDesignComponentConnections,
   Pi as getFrameInteractionSnapshot,
   Sv as getObservedRequests,
   wb as getPreviewEnvironmentControlValue,
@@ -21790,31 +21806,31 @@ export {
   Wa as getStoryboardGraph,
   yv as getSurfaceClassifications,
   kh as getViewportPresets,
-  PS as hooksInSelector,
+  $S as hooksInSelector,
   Lh as loadStoryboardDiscovery,
-  yN as mergeScreenPresets,
+  wN as mergeScreenPresets,
   Dt as mergeStoryboardEnvironment,
   Mw as previewCaptureProgressEndpoint,
-  qS as publishStoryboardDiscovery,
-  aN as pygmalionNavigate,
-  cN as pygmalionOpenPreview,
-  lN as pygmalionResetCurrentEdits,
-  TS as reconstructRoutePreviewArtifactScreenshotV3,
-  RS as reconstructRoutePreviewArtifactSnapshotV3,
+  YS as publishStoryboardDiscovery,
+  cN as pygmalionNavigate,
+  lN as pygmalionOpenPreview,
+  dN as pygmalionResetCurrentEdits,
+  FS as reconstructRoutePreviewArtifactScreenshotV3,
+  TS as reconstructRoutePreviewArtifactSnapshotV3,
   Bw as registerDesignCodegenAdapter,
   bv as requestEndpointShape,
-  HS as resetTokenOverrides,
+  US as resetTokenOverrides,
   sv as resolvePreviewArtifactFrames,
-  W1 as resolveStoryboardScreenCases,
+  H1 as resolveStoryboardScreenCases,
   tp as selectSessionPreset,
   vp as setComponentRegistry,
   by as setDesignComponentConnections,
-  LS as setFrameInteractionScroll,
+  _S as setFrameInteractionScroll,
   wv as setObservedRequests,
   Sb as setPreviewEnvironmentControlValue,
   vb as setPreviewEnvironmentControls,
   Ap as setPygmalionAppOrigin,
-  wN as setPygmalionArtifactOrigin,
+  SN as setPygmalionArtifactOrigin,
   Xu as setPygmalionPreviewConcurrency,
   Rp as setPygmalionPreviewRevision,
   yp as setSessionPresets,
@@ -21822,31 +21838,31 @@ export {
   Rn as setStoryboardGraph,
   vv as setSurfaceClassifications,
   Ry as setTokens,
-  R0 as setViewportPresets,
-  T1 as storyboardScreenRecipeKey,
+  T0 as setViewportPresets,
+  F1 as storyboardScreenRecipeKey,
   nf as subscribeFrameInteraction,
   wc as subscribePreviewEnvironmentControls,
   ru as subscribeSessionPresets,
-  Gw as subscribeStoryboardGraph,
-  iN as summarizeConditionCoverage,
+  Xw as subscribeStoryboardGraph,
+  sN as summarizeConditionCoverage,
   lv as unclassifiedSurfaces,
-  US as usePygmalionPreviewCaptureProgress,
-  eN as usePygmalionProject,
+  VS as usePygmalionPreviewCaptureProgress,
+  tN as usePygmalionProject,
   lh as validateDesignComponentConnections,
-  SN as validateFrameBranchKinds,
-  rN as validateHookTargeting,
-  NN as validateInteractiveStates,
+  NN as validateFrameBranchKinds,
+  oN as validateHookTargeting,
+  IN as validateInteractiveStates,
   iv as validatePreviewArtifactBundle,
   qi as validateRoutePreviewArtifactV3Browser,
-  KS as validateScenarioCoverage,
-  IN as validateScreenCards,
-  nN as validateScreenConformance,
-  CN as validateScreenDimensions,
+  qS as validateScenarioCoverage,
+  CN as validateScreenCards,
+  rN as validateScreenConformance,
+  PN as validateScreenDimensions,
   hx as validateScreenFlows,
-  PN as validateScreenLanes,
-  $N as validateScreenLists,
-  MN as validateScreenStateAxes,
-  ZS as validateScreenStateGroups,
-  EN as validateSectionHeaders,
-  zS as validateSurfaceDemands
+  $N as validateScreenLanes,
+  MN as validateScreenLists,
+  EN as validateScreenStateAxes,
+  eN as validateScreenStateGroups,
+  kN as validateSectionHeaders,
+  DS as validateSurfaceDemands
 };