@pygmalionjs/pygmalion 0.5.23 → 0.5.26

package/dist-lib/pygmalion.js

@@ -1,9 +1,9 @@
 var yh = Object.defineProperty;
 var vh = (e, t, n) => t in e ? yh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var gn = (e, t, n) => vh(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as s, jsxs as g, Fragment as qe } from "react/jsx-runtime";
-import { R as si, u as wh, c as Ea, b as ud, g as lt, d as Sh, m as Dt, e as f, f as Tt, r as cn, h as Ps, i as Yn, j as ka, k as wn, l as fd, n as wr, p as Nh, o as pr, q as ze, t as Ih, v as Ch, w as Ph, x as $h, y as Mh, z as Eh, A as kh, B as $s, C as Ah, D as Rh, E as Th, G as Fh, H as Lh, I as _h, S as Dh, J as zh, K as hd, L as Oh, M as Ms, O as Bh, P as jh, Q as Wh, T as Hh, U as pd, V as Uh, W as Oc, X as Vh, Y as md, Z as Kh, _ as qh, $ as Yh, a0 as Gh, a1 as Xh, a2 as Jh, a3 as gd, a4 as Qh, a5 as Zh, a6 as J, a7 as Bc, a8 as jc, a9 as ep, aa as os, ab as tp, ac as qo, ad as Es, ae as np, af as bd, ag as rp, ah as op, ai as ip, s as sp, aj as ir, ak as xd, al as yd, am as ks, an as vd, ao as ap, ap as cp, aq as Wc, ar as lp, as as dp, at as Hc, au as up, av as fp, aw as hp, ax as pp, ay as mp, az as gp, aA as bp, aB as xp, aC as yp, aD as vp, aE as wp, aF as Sp, a as Np, aG as Ip, aH as Cp, aI as Pp, aJ as $p, aK as Mp, aL as Ep, aM as kp, aN as Ap, aO as Rp, aP as Tp, aQ as Fp, aR as Lp, aS as Uc, aT as _p, aU as Dp, aV as zp, aW as Op, aX as Vc } from "./FrozenRoutePreview-Dh_-9mqN.js";
-import { aY as c1, aZ as l1, a_ as d1, a$ as u1, b0 as f1, b1 as h1, b2 as p1, b3 as m1, b4 as g1, b5 as b1, b6 as x1, b7 as y1, b8 as v1, b9 as w1, ba as S1, bb as N1 } from "./FrozenRoutePreview-Dh_-9mqN.js";
+import { jsx as s, jsxs as g, Fragment as Ye } from "react/jsx-runtime";
+import { R as si, u as wh, c as Ea, b as ud, g as lt, d as Sh, m as Dt, e as f, f as Tt, r as cn, h as Ps, i as Yn, j as ka, k as wn, l as fd, n as wr, p as Nh, o as pr, q as Be, t as Ih, v as Ch, w as Ph, x as $h, y as Mh, z as Eh, A as kh, B as $s, C as Ah, D as Rh, E as Th, G as Fh, H as Lh, I as _h, S as Dh, J as zh, K as hd, L as Oh, M as Ms, O as Bh, P as jh, Q as Wh, T as Hh, U as pd, V as Uh, W as Oc, X as Vh, Y as md, Z as Kh, _ as qh, $ as Yh, a0 as Gh, a1 as Xh, a2 as Jh, a3 as gd, a4 as Qh, a5 as Zh, a6 as J, a7 as Bc, a8 as jc, a9 as ep, aa as os, ab as tp, ac as qo, ad as Es, ae as np, af as bd, ag as rp, ah as op, ai as ip, s as sp, aj as ir, ak as xd, al as yd, am as ks, an as vd, ao as ap, ap as cp, aq as Wc, ar as lp, as as dp, at as Hc, au as up, av as fp, aw as hp, ax as pp, ay as mp, az as gp, aA as bp, aB as xp, aC as yp, aD as vp, aE as wp, aF as Sp, a as Np, aG as Ip, aH as Cp, aI as Pp, aJ as $p, aK as Mp, aL as Ep, aM as kp, aN as Ap, aO as Rp, aP as Tp, aQ as Fp, aR as Lp, aS as Uc, aT as _p, aU as Dp, aV as zp, aW as Op, aX as Vc } from "./FrozenRoutePreview-Df_DH4UK.js";
+import { aY as a1, aZ as c1, a_ as l1, a$ as d1, b0 as u1, b1 as f1, b2 as h1, b3 as p1, b4 as m1, b5 as g1, b6 as b1, b7 as x1, b8 as y1, b9 as v1, ba as w1, bb as S1 } from "./FrozenRoutePreview-Df_DH4UK.js";
 import { useRef as Pe, useLayoutEffect as ai, useSyncExternalStore as Xe, useCallback as Pt, useReducer as wd, useEffect as ae, memo as Sd, createElement as ao, useState as Q, useMemo as _t } from "react";
 import { createPortal as Bp } from "react-dom";
 const Aa = {
@@ -572,7 +572,7 @@ function _i(e) {
     c.has(l) || t.push(`Screenshot asset "${l}" is unreferenced.`);
   return { valid: t.length === 0, errors: t, bytes: n };
 }
-function T0(e, t) {
+function R0(e, t) {
   var o;
   const n = _i(e);
   if (!n.valid)
@@ -585,7 +585,7 @@ function T0(e, t) {
     t
   ) : null;
 }
-function F0(e, t) {
+function T0(e, t) {
   var a;
   const n = _i(e);
   if (!n.valid)
@@ -2097,7 +2097,7 @@ function ng(e, t) {
     );
   Xn.get(e) !== t && (Xn.set(e, t), tc());
 }
-function L0() {
+function F0() {
   Xn.size && (Xn.clear(), tc());
 }
 function rg() {
@@ -2660,14 +2660,14 @@ function ji(e = {}) {
   }
   async function k(R, T) {
     if (e.prepare) return e.prepare(R, T);
-    const { getDesignImportController: I } = await import("./FrozenRoutePreview-Dh_-9mqN.js").then((F) => F.bd), N = I();
+    const { getDesignImportController: I } = await import("./FrozenRoutePreview-Df_DH4UK.js").then((F) => F.bd), N = I();
     if (!N)
       throw new Error("The design import controller is not available.");
     return N.prepareScreenCapture(R, T);
   }
   async function L(R, T) {
     if (e.settle) return e.settle(R, T);
-    const { settleScreen: I } = await import("./FrozenRoutePreview-Dh_-9mqN.js").then((N) => N.bc);
+    const { settleScreen: I } = await import("./FrozenRoutePreview-Df_DH4UK.js").then((N) => N.bc);
     return I(R, T);
   }
   async function W(R, T) {
@@ -3274,7 +3274,7 @@ function qg(e) {
     () => !1
   );
 }
-const Yg = ze(function({
+const Yg = Be(function({
   page: t,
   active: n,
   onLabelDown: r
@@ -3335,7 +3335,7 @@ const Yg = ze(function({
             children: a.code ?? a.title
           }
         ),
-        !d && /* @__PURE__ */ g(qe, { children: [
+        !d && /* @__PURE__ */ g(Ye, { children: [
           /* @__PURE__ */ g(
             "span",
             {
@@ -3726,7 +3726,7 @@ function wi(e, t, n) {
     }
   );
 }
-function _0({
+function L0({
   sourceRevision: e,
   recipes: t,
   recipeVersion: n,
@@ -4058,7 +4058,7 @@ function Mb(e) {
     t.has(r) && n.add(r), t.add(r);
   return [...n];
 }
-function D0(e, t) {
+function _0(e, t) {
   var a;
   const n = [], r = new Map(e.map((c) => [c.id, c])), o = /* @__PURE__ */ new Map();
   for (const c of e)
@@ -4133,7 +4133,7 @@ function kb(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 z0(e) {
+function D0(e) {
   const t = e.declaredScreens.map((o) => o.route).filter((o) => typeof o == "string").map(cl), n = /* @__PURE__ */ new Set(), r = [];
   for (const o of e.routes) {
     const i = o.path ?? o.id;
@@ -4492,7 +4492,7 @@ function Ur({ node: e }) {
     };
     window.addEventListener("mousemove", u), window.addEventListener("mouseup", p);
   };
-  return /* @__PURE__ */ g(qe, { children: [
+  return /* @__PURE__ */ g(Ye, { children: [
     Xb.map((n) => /* @__PURE__ */ s(
       "span",
       {
@@ -4551,7 +4551,7 @@ function Vr({ node: e }) {
     }
   );
 }
-const Kr = ze(function({ count: t }) {
+const Kr = Be(function({ count: t }) {
   return f.showRenderCount ? /* @__PURE__ */ s(
     "span",
     {
@@ -4708,7 +4708,13 @@ const ul = /* @__PURE__ */ new WeakMap(), fl = Sd(function e({ node: t }) {
         // Even if the background shorthand of the computed DOM remains, the editor fill
         // Cover the shorthand itself so that it becomes the final paint.
         ...t.fill ? { background: t.fill, backgroundColor: t.fill } : {},
-        ...t.radius ? { borderRadius: t.radius } : {},
+        // `radius` is one number, so applying it over a captured style would round
+        // corners the capture had deliberately flattened — a bar that shares its
+        // bottom edge with the input below it came back with the seam visible.
+        // The captured corners win when there are any. (The lightweight renderer
+        // holds the same rule; both draw imported frames, so a guard in one of
+        // them only fixes the frames the other does not draw.)
+        ...t.radius && t.domStyle.borderTopLeftRadius == null ? { borderRadius: t.radius } : {},
         ...t.locked ? { pointerEvents: "none" } : {}
       }, m = { ...t.domAttributes };
       for (const x of ["disabled", "checked", "selected", "multiple", "readOnly", "required", "autofocus"])
@@ -4821,7 +4827,11 @@ function ei(e, t = !1) {
       ...e.domStyle.position === "fixed" ? { position: "absolute" } : {},
       opacity: e.opacity,
       ...e.fill ? { background: e.fill, backgroundColor: e.fill } : {},
-      ...e.radius ? { borderRadius: e.radius } : {},
+      // `radius` is one number, so applying it over a captured style would round
+      // corners the capture had deliberately flattened — a bar that shares its
+      // bottom edge with the input below it came back with the seam visible.
+      // The captured corners win when there are any.
+      ...e.radius && e.domStyle.borderTopLeftRadius == null ? { borderRadius: e.radius } : {},
       ...t ? { pointerEvents: "none" } : {}
     }, i = Ku.has(e.domTag) ? void 0 : e.children.map((a) => ei(a));
     return ao(
@@ -4852,7 +4862,7 @@ function ei(e, t = !1) {
     e.id
   );
 }
-const hl = ze(function({
+const hl = Be(function({
   root: t
 }) {
   return ei(t, !0);
@@ -5004,7 +5014,7 @@ function sf() {
   }
   return e;
 }
-const rx = ze(function({
+const rx = Be(function({
   def: t,
   name: n
 }) {
@@ -5128,7 +5138,7 @@ const rx = ze(function({
       ]
     }
   );
-}), ox = ze(function({
+}), ox = Be(function({
   section: t,
   origin: n
 }) {
@@ -5136,7 +5146,7 @@ const rx = ze(function({
   const r = f.canvasPages.filter(
     (a) => a.section === t && f.isScreenStateShown(a)
   ), o = hd(t, r), i = Ms;
-  return /* @__PURE__ */ s(qe, { children: o.map((a) => {
+  return /* @__PURE__ */ s(Ye, { children: o.map((a) => {
     const c = Oh(t, a.laneId);
     if (!c) return null;
     const l = a.frames.filter(
@@ -5202,7 +5212,7 @@ const rx = ze(function({
       a.laneId
     );
   }) });
-}), ix = ze(function() {
+}), ix = Be(function() {
   const t = f.sectionRenameTarget, n = (i, a) => {
     f.renameSection(f.activeCanvas, i, a), f.setSectionRenameTarget(null);
   }, r = (i, a) => (c) => {
@@ -5247,7 +5257,7 @@ const rx = ze(function({
     };
     window.addEventListener("mousemove", x), window.addEventListener("mouseup", w);
   };
-  return /* @__PURE__ */ s(qe, { children: [...sf().entries()].map(([i, a]) => {
+  return /* @__PURE__ */ s(Ye, { children: [...sf().entries()].map(([i, a]) => {
     var u;
     const c = nx(a, of(i)), l = Bh(i), d = ((u = f.selectedCanvasObject) == null ? void 0 : u.kind) === "section" && f.selectedCanvasObject.name === i;
     return /* @__PURE__ */ g(
@@ -5958,7 +5968,7 @@ async function vx(e, t) {
   });
   return Oo.set(r, i), i;
 }
-const wx = ze(function({
+const wx = Be(function({
   page: t,
   snapshot: n,
   artifact: r,
@@ -6252,7 +6262,7 @@ function Ax(e, t) {
     }
   }, [t, e]);
 }
-const Rx = ze(function({
+const Rx = Be(function({
   page: t,
   active: n,
   selected: r,
@@ -6344,7 +6354,7 @@ const Rx = ze(function({
   }, [t.layersImported, t.id]);
   const [Me, ue] = Q(!1), K = n || r || P || st || Me, Ie = Px(t.id, K), ve = $x(t.id);
   Ax(t.id, Ie);
-  const [V, Ne] = Q(null), [re, U] = Q(0), [oe, ne] = Q([]), We = Le ?? (A && !M ? nn(ee) : null), Oe = M != null || We != null || ($ == null ? void 0 : $.screenshot) != null, le = n, Ge = a && Jd({
+  const [V, Ne] = Q(null), [re, U] = Q(0), [oe, ne] = Q([]), We = Le ?? (A && !M ? nn(ee) : null), ze = M != null || We != null || ($ == null ? void 0 : $.screenshot) != null, le = n, Ge = a && Jd({
     detailActive: le,
     previewIntended: P
   }), He = _t(() => !r || t.route == null || !t.layersImported ? null : Ae === ee && We != null ? We : nn(Ae) ?? We, [
@@ -6355,7 +6365,7 @@ const Rx = ze(function({
     t.route,
     ee,
     r
-  ]), Be = gg(
+  ]), Oe = gg(
     He != null,
     bg({
       resizeDraftActive: S != null,
@@ -6453,7 +6463,7 @@ const Rx = ze(function({
     );
   }, [A, a, ee]), ae(() => {
     var Ce, ke;
-    if (!A || t.route == null || t.layersImported || Oe || V || !Ge)
+    if (!A || t.route == null || t.layersImported || ze || V || !Ge)
       return;
     let Y = !0, ge = null;
     const ye = (we) => {
@@ -6516,7 +6526,7 @@ const Rx = ze(function({
     re,
     ee,
     $e,
-    Oe,
+    ze,
     Ge
   ]), ae(() => {
     const Y = We != null && go(ee);
@@ -6574,7 +6584,7 @@ const Rx = ze(function({
     // here regardless was the bypass that let a live boot — against a dead
     // backend, a cold dev server — deliver the import a healthy capture
     // already covered.
-    Ke || t.route == null || t.layersImported || !Oe || V)
+    Ke || t.route == null || t.layersImported || !ze || V)
       return;
     let Y = !0;
     const ge = `detail:${$e}`;
@@ -6601,14 +6611,14 @@ const Rx = ze(function({
     le,
     A,
     Ke,
-    Oe,
+    ze,
     t.importLayers,
     t.layersImported,
     t.route,
     V,
     $e
   ]), ae(() => {
-    !G || !A || t.route == null || t.layersImported || Oe || V || gi(
+    !G || !A || t.route == null || t.layersImported || ze || V || gi(
       ee,
       -1e3,
       async () => null,
@@ -6623,7 +6633,7 @@ const Rx = ze(function({
     V,
     ee,
     $e,
-    Oe
+    ze
   ]);
   const sn = c.trim().length > 0, z = sn && ac(t, { detailActive: le }) ? sc({
     origin: c,
@@ -6778,11 +6788,11 @@ const Rx = ze(function({
       }), j(null);
     };
     window.addEventListener("mousemove", rt), window.addEventListener("mouseup", Zt);
-  }, nt = t.frameSizeMode === "content" || le || G && Ie !== "detached", Ye = Od({
+  }, nt = t.frameSizeMode === "content" || le || G && Ie !== "detached", qe = Od({
     hasRoute: t.route != null,
     layersImported: !!t.layersImported,
     cacheHydrated: A,
-    hasSnapshot: Oe,
+    hasSnapshot: ze,
     // A grant only counts while there is somewhere to run. Without a live origin
     // the frame stayed "live" — so it never fell back to the capture it already
     // had, and showed "reproducing" forever in front of its own snapshot.
@@ -6791,7 +6801,7 @@ const Rx = ze(function({
     t.id
   ), Nt = !t.layersImported || Rr != null, at = (
     // No live origin means no prepared checkout — see liveOriginReady.
-    sn && a && (zt || Ye === "live" || Me || (le && !Ke || // Hover intent while the artifact cache is still hydrating — or a
+    sn && a && (zt || qe === "live" || Me || (le && !Ke || // Hover intent while the artifact cache is still hydrating — or a
     // flow session owes this screen — must not warm-boot the app: the
     // capture that makes the boot unnecessary may simply not have
     // arrived yet. Intent prepares the frozen mount.
@@ -6805,7 +6815,7 @@ const Rx = ze(function({
     // so its live producer boots offscreen.
     active: (le || P) && Rr == null,
     live: at
-  }), fn = !o && Oe && // A live slot only outranks the capture while live can actually run. The
+  }), fn = !o && ze && // A live slot only outranks the capture while live can actually run. The
   // frame the designer works in claims a slot as soon as it is active, so
   // before a checkout exists that claim suppressed the static surface and the
   // live route could not render either — the frame sat empty in front of the
@@ -6819,7 +6829,7 @@ const Rx = ze(function({
     // that arrived without the hover mounts it here and promotes on mount.
     preparedForPromotion: P || Ke,
     preferDom: Kh() === "dom"
-  }), wo = t.layersImported && f.pageRequiresLiveSharedPreview(t), qi = Oe && f.frozenPreviewMutations().some((Y) => !!Y.staleReason);
+  }), wo = t.layersImported && f.pageRequiresLiveSharedPreview(t), qi = ze && f.frozenPreviewMutations().some((Y) => !!Y.staleReason);
   ae(() => {
     if (t.frameSizeMode !== "content" || !nt)
       return;
@@ -6916,7 +6926,7 @@ const Rx = ze(function({
     },
     `live:${t.id}`
   ) : null;
-  return /* @__PURE__ */ g(qe, { children: [
+  return /* @__PURE__ */ g(Ye, { children: [
     /* @__PURE__ */ g(
       "div",
       {
@@ -6925,10 +6935,10 @@ const Rx = ze(function({
         "data-canonical-frame-id": t.importPageId ?? t.id,
         "data-frame-active": n || void 0,
         "data-frame-detail-active": le || void 0,
-        "data-preview-state": Ye,
+        "data-preview-state": qe,
         "data-pyg-static-surface": Tr,
         "data-pyg-static-route": String(fn),
-        "data-pyg-has-snapshot": String(Oe),
+        "data-pyg-has-snapshot": String(ze),
         "data-pyg-artifact": String(M != null),
         "data-pyg-live-slot": String(!!zt),
         "data-pyg-background-only": String(o),
@@ -6937,12 +6947,12 @@ const Rx = ze(function({
         "data-frame-lod": Ie,
         "data-artifact-status": $ == null ? void 0 : $.status,
         "data-artifact-resolution": Se.status,
-        "data-preview-exact": Oe && ($ == null ? void 0 : $.stale) !== !0 ? "true" : "false",
+        "data-preview-exact": ze && ($ == null ? void 0 : $.stale) !== !0 ? "true" : "false",
         "data-live-preview": at || void 0,
         "data-preview-intent": P || void 0,
         "data-preview-stale": oe.length > 0 || qi || ($ == null ? void 0 : $.stale) || void 0,
         "data-responsive-resizing": S != null || void 0,
-        "data-responsive-preview": Be || void 0,
+        "data-responsive-preview": Oe || void 0,
         "data-viewport-width": Math.round(T),
         "data-viewport-height": Math.round(I),
         "data-background-preview": o || void 0,
@@ -7087,7 +7097,7 @@ const Rx = ze(function({
                     // page imported, and the frame then shows the authored placeholder —
                     // one empty div — while a 453KB snapshot of the real screen sits
                     // unused beside it. Measured: layerImportCount 1, snapshot present.
-                    (t.layerImportCount == null || t.layerImportCount > 1) && nt && (le || t.route == null || wo) ? le ? Be && He != null ? /* @__PURE__ */ s(
+                    (t.layerImportCount == null || t.layerImportCount > 1) && nt && (le || t.route == null || wo) ? le ? Oe && He != null ? /* @__PURE__ */ s(
                       Vh,
                       {
                         page: t,
@@ -7403,10 +7413,10 @@ ${o.join(`
     Sl = i;
   }
 }
-function O0() {
+function z0() {
   return [...Er.values()].map(Vi);
 }
-function B0(e) {
+function O0(e) {
   const t = Er.get(e);
   return t ? Vi(t) : void 0;
 }
@@ -7466,7 +7476,7 @@ function ff() {
     )
   );
 }
-function j0(e, t = {}) {
+function B0(e, t = {}) {
   const n = Er.get(e);
   if (!n)
     throw new Error(`Unknown component connection "${e}".`);
@@ -7783,12 +7793,12 @@ function Xx(e) {
 function xf() {
   return [...Mi.entries()].map(([e, t]) => ({ name: e, value: t }));
 }
-function W0(e, t) {
+function j0(e, t) {
   Mi.set(e, t), document.documentElement.style.setProperty(e, t);
   const n = xf();
   qn == null || qn(n), mf(n);
 }
-function H0() {
+function W0() {
   for (const e of Mi.keys()) document.documentElement.style.removeProperty(e);
   Mi.clear(), qn == null || qn([]), mf([]);
 }
@@ -8258,11 +8268,11 @@ function Tl({
   const re = Pe(n);
   re.current = n;
   const U = J.buildApplyPayload(), oe = JSON.stringify(U), ne = oy(U), We = JSON.stringify(ne);
-  function Oe() {
+  function ze() {
     var h;
     (h = ve.current) == null || h.cleanup(), ve.current = null;
   }
-  const le = !!e, Ge = le ? ((Fc = e.current) == null ? void 0 : Fc.contentDocument) ?? null : ((Lc = t == null ? void 0 : t.current) == null ? void 0 : Lc.ownerDocument) ?? null, He = (Ge == null ? void 0 : Ge.defaultView) ?? null, Be = _t(() => Ea(lt()), []), Ue = _t(
+  const le = !!e, Ge = le ? ((Fc = e.current) == null ? void 0 : Fc.contentDocument) ?? null : ((Lc = t == null ? void 0 : t.current) == null ? void 0 : Lc.ownerDocument) ?? null, He = (Ge == null ? void 0 : Ge.defaultView) ?? null, Oe = _t(() => Ea(lt()), []), Ue = _t(
     () => Object.entries(lt()).filter(
       ([h, y]) => /^[A-Z][A-Za-z0-9_$]*$/.test(h) && !!y.importPath && Bc(h) != null
     ).sort(([h], [y]) => h.localeCompare(y)),
@@ -8317,18 +8327,18 @@ function Tl({
       y = !0;
     };
   }, [We]), ae(() => K(), [a]), ae(() => {
-    Oe(), E(null), L("original"), q("default"), j("item"), F(null), he(""), xe(""), Me(a ? jc(a) ?? 0 : 0);
+    ze(), E(null), L("original"), q("default"), j("item"), F(null), he(""), xe(""), Me(a ? jc(a) ?? 0 : 0);
   }, [a]), ae(() => {
-    Oe();
+    ze();
     const h = a != null && a.isConnected ? a : null;
     if (h) {
       if (v == null && k === "original" && W === "default") {
         window.requestAnimationFrame(() => K());
         return;
       }
-      return ve.current = fy(h, { repeat: v, text: k, state: W }), K(), () => Oe();
+      return ve.current = fy(h, { repeat: v, text: k, state: W }), K(), () => ze();
     }
-  }, [a, v, k, W]), ae(() => () => Oe(), []), ae(() => {
+  }, [a, v, k, W]), ae(() => () => ze(), []), ae(() => {
     const h = [window];
     le && He && He !== window && h.push(He), !le && (t != null && t.current) && h.push(t.current);
     const y = () => K();
@@ -8395,7 +8405,7 @@ function Tl({
     const y = (C = r.current) == null ? void 0 : C.getBoundingClientRect();
     return { left: h.left - ((y == null ? void 0 : y.left) ?? 0), top: h.top - ((y == null ? void 0 : y.top) ?? 0), width: h.width, height: h.height };
   }, dt = (h) => {
-    const y = Be(h);
+    const y = Oe(h);
     if (y) return y.name;
     const C = vf(h), H = h.tagName.toLowerCase();
     return C ? `${H}.${C}` : H;
@@ -8465,14 +8475,14 @@ function Tl({
     } catch (D) {
       J.toast(`Apply failed:${String(D).slice(0, 80)}`);
     }
-  }, z = a != null && a.isConnected ? a : null, Sn = o != null && o.isConnected ? o : null, pe = z != null && z.parentElement && z.parentElement !== Ve ? z.parentElement : null, St = S === "container" && pe ? pe : z, Z = z ? pt(z.getBoundingClientRect()) : null, X = pe ? pt(pe.getBoundingClientRect()) : null, Jn = S === "container" && St && St !== z ? pt(St.getBoundingClientRect()) : null, vo = Sn && Sn !== z ? pt(Sn.getBoundingClientRect()) : null, nt = z ? He.getComputedStyle(z) : null, Ye = pe ? He.getComputedStyle(pe) : null, Rr = St ? He.getComputedStyle(St) : null, Nt = z ? dt(z) : "", at = z ? Be(z) : null, Qt = z ? ep(z) : null, fn = z ? J.structuralEditKind(z) : null, Tr = z ? J.hasPendingValueEdit(z) : !1, wo = z ? J.structuralBlockReason(z, "insert") : "No elements are selected.", qi = z ? J.structuralBlockReason(z, "remove") : "No elements are selected.", Fr = z ? J.structuralBlockReason(z, "move") : "No elements are selected.", Qn = z && z.parentElement ? Array.from(z.parentElement.children).indexOf(z) : -1, Zn = ((_c = z == null ? void 0 : z.parentElement) == null ? void 0 : _c.children.length) ?? 0, Lr = at ? lt()[at.name] ?? null : null, Y = Qt && /^[A-Z]/.test(Qt.elementName) ? (at == null ? void 0 : at.name) ?? null : null, ge = z ? J.componentInsertBlockReason(z, Y) : "No elements are selected.", ye = _.trim().toLocaleLowerCase(), Re = Ue.filter(
+  }, z = a != null && a.isConnected ? a : null, Sn = o != null && o.isConnected ? o : null, pe = z != null && z.parentElement && z.parentElement !== Ve ? z.parentElement : null, St = S === "container" && pe ? pe : z, Z = z ? pt(z.getBoundingClientRect()) : null, X = pe ? pt(pe.getBoundingClientRect()) : null, Jn = S === "container" && St && St !== z ? pt(St.getBoundingClientRect()) : null, vo = Sn && Sn !== z ? pt(Sn.getBoundingClientRect()) : null, nt = z ? He.getComputedStyle(z) : null, qe = pe ? He.getComputedStyle(pe) : null, Rr = St ? He.getComputedStyle(St) : null, Nt = z ? dt(z) : "", at = z ? Oe(z) : null, Qt = z ? ep(z) : null, fn = z ? J.structuralEditKind(z) : null, Tr = z ? J.hasPendingValueEdit(z) : !1, wo = z ? J.structuralBlockReason(z, "insert") : "No elements are selected.", qi = z ? J.structuralBlockReason(z, "remove") : "No elements are selected.", Fr = z ? J.structuralBlockReason(z, "move") : "No elements are selected.", Qn = z && z.parentElement ? Array.from(z.parentElement.children).indexOf(z) : -1, Zn = ((_c = z == null ? void 0 : z.parentElement) == null ? void 0 : _c.children.length) ?? 0, Lr = at ? lt()[at.name] ?? null : null, Y = Qt && /^[A-Z]/.test(Qt.elementName) ? (at == null ? void 0 : at.name) ?? null : null, ge = z ? J.componentInsertBlockReason(z, Y) : "No elements are selected.", ye = _.trim().toLocaleLowerCase(), Re = Ue.filter(
     ([h, y]) => !ye || h.toLocaleLowerCase().includes(ye) || y.importPath.toLocaleLowerCase().includes(ye)
   ), Ce = Re.find(([h]) => h === te) ?? Re[0] ?? null, ke = (Ce == null ? void 0 : Ce[1]) ?? null, we = Ce ? Bc(Ce[0]) : null, rt = (z ? jc(z) : null) ?? 0, Zt = z ? dy(z, (at == null ? void 0 : at.props) ?? null, Lr) : !1, Mt = z ? uy(z, (at == null ? void 0 : at.props) ?? null, Lr) : [], er = z ? wf(z) : [], Ut = { count: er.length }, mt = Ae && z && Sn && Sn !== z ? [z, Sn] : null, En = J.entries, So = Object.entries((at == null ? void 0 : at.primitiveProps) ?? {}), hn = U, en = En.reduce((h, y) => {
     const C = h.find((H) => H.el === y.el);
     return C ? (C.label = y.label, C.items.push(y)) : h.push({ id: y.id, el: y.el, label: y.label, items: [y] }), h;
   }, []), tr = hn.styles.length + hn.texts.length + hn.operations.length, No = qo() != null, Yi = No && A !== oe, Gf = en.filter(
     (h) => h.items.some((y) => !os(y))
-  ).length, Gi = v != null || k !== "original" || W !== "default", _r = Gi && z ? gy(z, He) : null, Qe = py(Ye), nr = Qe != null, Et = my(pe), pn = G === "custom" ? T.minWidth != null || T.maxWidth != null ? {
+  ).length, Gi = v != null || k !== "original" || W !== "default", _r = Gi && z ? gy(z, He) : null, Qe = py(qe), nr = Qe != null, Et = my(pe), pn = G === "custom" ? T.minWidth != null || T.maxWidth != null ? {
     ...T.minWidth != null ? { minWidth: Math.max(0, Math.round(T.minWidth)) } : {},
     ...T.maxWidth != null ? { maxWidth: Math.max(0, Math.round(T.maxWidth)) } : {}
   } : null : ((Dc = El.find((h) => h.id === G)) == null ? void 0 : Dc.media) ?? null, Xi = er.filter((h) => h.isConnected && He.getComputedStyle(h).getPropertyValue("display") !== "none").map((h, y) => ({ el: h, index: y, rect: pt(h.getBoundingClientRect()) })).filter(({ rect: h }) => h.width > 0 && h.height > 0), Ji = Xi.slice().sort((h, y) => h.rect.top - y.rect.top || h.rect.left - y.rect.left).reduce((h, y) => {
@@ -8498,12 +8508,12 @@ function Tl({
       width: Math.max(16, Math.min(h.right, C.right) - Math.max(h.left, C.left)),
       height: Math.max(0, C.top - h.bottom)
     };
-  }), mn = Math.max(0, Ot(Ye, "column-gap", Ot(Ye, "gap"))), Dr = Math.max(0, Ot(Ye, "row-gap", Ot(Ye, "gap"))), kt = {
-    top: Math.max(0, Ot(Ye, "padding-top")),
-    right: Math.max(0, Ot(Ye, "padding-right")),
-    bottom: Math.max(0, Ot(Ye, "padding-bottom")),
-    left: Math.max(0, Ot(Ye, "padding-left"))
-  }, Qf = kt.left, Zf = kt.top, zr = (Ye == null ? void 0 : Ye.getPropertyValue("justify-content")) || "normal", Nc = (Ye == null ? void 0 : Ye.getPropertyValue("align-items")) || "normal", Qi = (Ye == null ? void 0 : Ye.getPropertyValue("flex-direction")) || "row", eh = Rl(Qi.includes("column") ? Nc : zr), th = Rl(Qi.includes("column") ? zr : Nc), nh = jo(
+  }), mn = Math.max(0, Ot(qe, "column-gap", Ot(qe, "gap"))), Dr = Math.max(0, Ot(qe, "row-gap", Ot(qe, "gap"))), kt = {
+    top: Math.max(0, Ot(qe, "padding-top")),
+    right: Math.max(0, Ot(qe, "padding-right")),
+    bottom: Math.max(0, Ot(qe, "padding-bottom")),
+    left: Math.max(0, Ot(qe, "padding-left"))
+  }, Qf = kt.left, Zf = kt.top, zr = (qe == null ? void 0 : qe.getPropertyValue("justify-content")) || "normal", Nc = (qe == null ? void 0 : qe.getPropertyValue("align-items")) || "normal", Qi = (qe == null ? void 0 : qe.getPropertyValue("flex-direction")) || "row", eh = Rl(Qi.includes("column") ? Nc : zr), th = Rl(Qi.includes("column") ? zr : Nc), nh = jo(
     (pe == null ? void 0 : pe.style.getPropertyValue("width")) || (X && X.width >= window.innerWidth * 0.8 ? "100%" : ""),
     (X == null ? void 0 : X.width) ?? 0
   ), rh = jo(
@@ -8524,7 +8534,7 @@ function Tl({
   ), es = Math.max(
     0,
     (Io - mn * Math.max(0, It - 1)) / It
-  ), $c = Math.max(80, Math.floor(es)), lh = es < 160, Mc = Qe === "grid" && Et === It, dh = Qe === "scroll" ? `${It} items · horizontal scroll · ${Math.round(Pc)}px cards` : `${It} items · ${ch} rows × ${Co} columns · about ${Math.round(Pc)}px each`, uh = u === "cases" && !m && !!pe && !!X && !!Z, kn = !!pe && pe.scrollWidth > pe.clientWidth + 1 && !["auto", "scroll"].includes((Ye == null ? void 0 : Ye.getPropertyValue("overflow-x")) ?? ""), Ec = [
+  ), $c = Math.max(80, Math.floor(es)), lh = es < 160, Mc = Qe === "grid" && Et === It, dh = Qe === "scroll" ? `${It} items · horizontal scroll · ${Math.round(Pc)}px cards` : `${It} items · ${ch} rows × ${Co} columns · about ${Math.round(Pc)}px each`, uh = u === "cases" && !m && !!pe && !!X && !!Z, kn = !!pe && pe.scrollWidth > pe.clientWidth + 1 && !["auto", "scroll"].includes((qe == null ? void 0 : qe.getPropertyValue("overflow-x")) ?? ""), Ec = [
     v != null ? `${v} items` : null,
     k === "long" ? "long text" : k === "extreme" ? "extreme text" : null,
     W === "selected" ? "selection status" : W === "disabled" ? "inactive" : W === "loading" ? "loading status" : null
@@ -8752,7 +8762,7 @@ function Tl({
       }
     ),
     vo && !l && /* @__PURE__ */ s("div", { style: Ao(vo, "#7cc4f8", !0) }),
-    Jn && St && /* @__PURE__ */ g(qe, { children: [
+    Jn && St && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ s("div", { style: Ao(Jn, "#9747ff", !0) }),
       /* @__PURE__ */ g(
         "div",
@@ -8766,7 +8776,7 @@ function Tl({
         }
       )
     ] }),
-    Z && /* @__PURE__ */ g(qe, { children: [
+    Z && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ s("div", { style: Ao(Z, "#0d99ff") }),
       /* @__PURE__ */ s(
         "div",
@@ -8806,7 +8816,7 @@ function Tl({
         C
       ))
     ] }),
-    uh && X && /* @__PURE__ */ g(qe, { children: [
+    uh && X && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ s("div", { style: Ao(X, kn ? "#f24822" : "#9747ff", !0) }),
       /* @__PURE__ */ g(
         "div",
@@ -9015,7 +9025,7 @@ function Tl({
           )
         ] }, y);
       }),
-      Z && /* @__PURE__ */ g(qe, { children: [
+      Z && /* @__PURE__ */ g(Ye, { children: [
         /* @__PURE__ */ s(
           "button",
           {
@@ -9184,7 +9194,7 @@ function Tl({
               ] })
             ] })
           ] }),
-          !m && /* @__PURE__ */ s(qe, { children: (!z || !nt) && u !== "source" ? /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+          !m && /* @__PURE__ */ s(Ye, { children: (!z || !nt) && u !== "source" ? /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
             /* @__PURE__ */ s("div", { className: "px-4 py-8 text-center text-[12px] leading-relaxed text-[#71717a]", children: "Select an element on the canvas." }),
             en.length > 0 && /* @__PURE__ */ g(
               "button",
@@ -9299,7 +9309,7 @@ function Tl({
                       className: `h-7 rounded-md text-[10px] font-semibold ${v === h ? "bg-[#0d99ff] text-white" : "bg-[#f4f4f5] text-[#52525b] hover:bg-[#e9e9ee]"}`,
                       onClick: () => {
                         if (h == null) {
-                          Oe(), E(null), K();
+                          ze(), E(null), K();
                           return;
                         }
                         Po(h);
@@ -9449,7 +9459,7 @@ function Tl({
                     children: nr ? "Applied" : "+ add"
                   }
                 ) : null,
-                children: pe && X ? /* @__PURE__ */ g(qe, { children: [
+                children: pe && X ? /* @__PURE__ */ g(Ye, { children: [
                   /* @__PURE__ */ g(
                     "button",
                     {
@@ -9727,7 +9737,7 @@ function Tl({
                       {
                         type: "checkbox",
                         "aria-label": "Hide excess content",
-                        checked: (Ye == null ? void 0 : Ye.getPropertyValue("overflow")) === "hidden",
+                        checked: (qe == null ? void 0 : qe.getPropertyValue("overflow")) === "hidden",
                         className: "h-4 w-4 accent-[#0d99ff]",
                         onChange: (h) => Ze("overflow", h.currentTarget.checked ? "hidden" : "visible")
                       }
@@ -9737,7 +9747,7 @@ function Tl({
                 ] }) : /* @__PURE__ */ s("div", { className: "text-[11px] text-[#a1a1aa]", children: "There is no parent frame." })
               }
             ),
-            pe && /* @__PURE__ */ s(qe, { children: /* @__PURE__ */ g(et, { title: "Child · Resizing", children: [
+            pe && /* @__PURE__ */ s(Ye, { children: /* @__PURE__ */ g(et, { title: "Child · Resizing", children: [
               /* @__PURE__ */ s("div", { className: "grid grid-cols-4 gap-1", children: [
                 ["auto", "Auto"],
                 ["flex-start", "start"],
@@ -9878,7 +9888,7 @@ function Tl({
                     type: "button",
                     className: "h-9 rounded-md bg-[#f4f4f5] text-[10px] font-semibold text-[#52525b] hover:bg-[#e9e9ee]",
                     onClick: () => {
-                      Oe(), E(null), L("original"), q("default"), K();
+                      ze(), E(null), L("original"), q("default"), K();
                     },
                     children: "Reset case preview"
                   }
@@ -9889,7 +9899,7 @@ function Tl({
                     type: "button",
                     className: "h-9 rounded-md bg-[#18181b] text-[10px] font-semibold text-white hover:bg-black",
                     onClick: () => {
-                      en.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || (Oe(), E(null), L("original"), q("default"), J.discardPending(), P(null), M(""), Ee(""), J.toast("Reset all unapplied changes"), K());
+                      en.length > 0 && !window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") || (ze(), E(null), L("original"), q("default"), J.discardPending(), P(null), M(""), Ee(""), J.toast("Reset all unapplied changes"), K());
                     },
                     children: "Reset changes"
                   }
@@ -10294,7 +10304,7 @@ function Tl({
                       disabled: en.length === 0,
                       className: "mt-1.5 h-8 w-full rounded-md border border-[#fecaca] bg-[#fff7f7] text-[10px] font-semibold text-[#b91c1c] hover:bg-[#fef2f2] disabled:border-[#e4e4e7] disabled:bg-[#f4f4f5] disabled:text-[#a1a1aa]",
                       onClick: () => {
-                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && (Oe(), E(null), L("original"), q("default"), J.discardPending(), P(null), M(""), Ee(""), J.toast("Reset all unapplied changes"));
+                        window.confirm("Reset all unapplied editor changes? This also clears undo and redo history.") && (ze(), E(null), L("original"), q("default"), J.discardPending(), P(null), M(""), Ee(""), J.toast("Reset all unapplied changes"));
                       },
                       children: "Reset changes"
                     }
@@ -10642,7 +10652,7 @@ function Fl() {
     )
   ] });
 }
-const by = ze(function({ onClose: t }) {
+const by = Be(function({ onClose: t }) {
   const n = Xe(ka, wn, wn), r = f.activePage, o = Pe(null), i = Pe(null), [a, c] = Q(!1);
   if (ae(() => J.reset(), []), r.route != null) {
     const l = () => {
@@ -11049,7 +11059,7 @@ function zl({
     }
   );
 }
-const Ay = ze(function() {
+const Ay = Be(function() {
   const [t, n] = Q(null), [r, o] = Q(""), [i, a] = Q(null), [c, l] = Q(null);
   if (!f.applyOpen) return null;
   const d = f.getPendingSourceChanges(), u = JSON.stringify(d.payload), p = ky(d.payload), m = (i == null ? void 0 : i.fingerprint) === u && i.journalRevision === d.revision, b = xf(), x = op(), w = f.pages.filter(
@@ -11121,7 +11131,7 @@ const Ay = ze(function() {
       }
     }
   };
-  return /* @__PURE__ */ g(qe, { children: [
+  return /* @__PURE__ */ g(Ye, { children: [
     /* @__PURE__ */ s("div", { className: "fixed inset-0 z-40 bg-black/30", onMouseDown: () => f.setApplyOpen(!1) }),
     /* @__PURE__ */ g("div", { className: "fixed left-1/2 top-1/2 z-50 flex max-h-[80vh] w-[560px] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-[13px] bg-white shadow-[0_8px_40px_rgba(0,0,0,.25)]", children: [
       /* @__PURE__ */ g("div", { className: "flex items-center justify-between border-b border-[#e6e6e6] px-4 py-3", children: [
@@ -11222,7 +11232,7 @@ const Ay = ze(function() {
           )),
           !E || !k ? /* @__PURE__ */ s("div", { className: "text-[10px] text-amber-600", children: "Connect source preview and apply callbacks to review these changes." }) : null
         ] }),
-        m && i ? /* @__PURE__ */ g(qe, { children: [
+        m && i ? /* @__PURE__ */ g(Ye, { children: [
           /* @__PURE__ */ g("div", { className: "mb-3 rounded-md border border-[#d9ecfb] bg-[#f4faff] p-2", children: [
             /* @__PURE__ */ g("div", { className: "mb-1 text-[10px] font-semibold text-[#1677b8]", children: [
               "Reviewed code diff · revision ",
@@ -11659,7 +11669,7 @@ function Xy(e) {
     );
   return t;
 }
-function U0(e, t) {
+function H0(e, t) {
   return $f(e, t).document;
 }
 function $f(e, t) {
@@ -11805,7 +11815,7 @@ function ev(e) {
   }
   return [...t.values()];
 }
-const tv = ze(function() {
+const tv = Be(function() {
   var p;
   const [t, n] = Q("jsx-tailwind"), [r, o] = Q(!1);
   if (!f.codeOpen) return null;
@@ -11894,7 +11904,7 @@ const tv = ze(function() {
       )
     ] }) : c.status === "blocked" ? /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 text-center text-[11px] text-red-300", children: "Resolve the compiler errors before generating code." }) : /* @__PURE__ */ s("pre", { className: "min-h-0 flex-1 overflow-auto px-3 pb-3 text-[11px] leading-relaxed text-emerald-300", children: c.code })
   ] });
-}), nv = ze(function() {
+}), nv = Be(function() {
   var l;
   const t = f.ctxMenu;
   if (!t) return null;
@@ -11929,7 +11939,7 @@ const tv = ze(function() {
   ], c = f.editMode ? a : a.map(
     (d) => d === "sep" || d.label === "Copy" ? d : { ...d, enabled: !1 }
   );
-  return /* @__PURE__ */ g(qe, { children: [
+  return /* @__PURE__ */ g(Ye, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -12004,47 +12014,78 @@ function ov(e, t, n = () => !0) {
   }
   return { loose: a, groups: c };
 }
-let Sa = null;
-const Na = /* @__PURE__ */ new Set();
+let ho = [], po = null;
+const Sa = /* @__PURE__ */ new Set();
+function iv(e) {
+  ho = e.map((t) => {
+    const n = String(t.label ?? "").trim();
+    if (!n) throw new Error("Session preset is missing a label.");
+    return {
+      label: n,
+      ...t.environment ? { environment: t.environment } : {},
+      ...t.description ? { description: t.description } : {}
+    };
+  }), po != null && po >= ho.length && Mf(null);
+}
+function sv() {
+  return ho;
+}
+function jl() {
+  return po;
+}
+function Mf(e) {
+  const t = e != null && e >= 0 && e < ho.length ? e : null;
+  if (t !== po) {
+    po = t, ir(
+      t == null ? void 0 : ho[t].environment
+    );
+    for (const n of Sa) n();
+  }
+}
+function av(e) {
+  return Sa.add(e), () => Sa.delete(e);
+}
+let Na = null;
+const Ia = /* @__PURE__ */ new Set();
 function $n(e) {
-  if (!Object.is(Sa, e)) {
-    Sa = e;
-    for (const t of Na) t();
+  if (!Object.is(Na, e)) {
+    Na = e;
+    for (const t of Ia) t();
   }
 }
-function ho() {
-  return Sa;
+function mo() {
+  return Na;
 }
-function Mf(e) {
-  return Na.add(e), () => Na.delete(e);
+function Ef(e) {
+  return Ia.add(e), () => Ia.delete(e);
 }
-const iv = "data-pygmalion-source", sv = "/__pygmalion-storyboard/source-usage", av = 4e3;
+const cv = "data-pygmalion-source", lv = "/__pygmalion-storyboard/source-usage", dv = 4e3;
 function wc(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 cv(e) {
+function uv(e) {
   if (!e) return null;
   const t = e.lastIndexOf("#");
   return t <= 0 ? null : wc(e.slice(0, t));
 }
-function lv(e) {
+function fv(e) {
   if (!e) return null;
   const t = e.indexOf("|");
   return wc(t > 0 ? e.slice(0, t) : e);
 }
-function Ia(e) {
+function Ca(e) {
   const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
   let r = 0;
   const o = (i) => {
     var l;
-    if (!i || r >= av) return;
+    if (!i || r >= dv) return;
     r += 1, i.componentName && n.add(i.componentName);
-    const a = cv(i.sourceStyle);
+    const a = uv(i.sourceStyle);
     a && t.add(a);
-    const c = lv(
-      (l = i.domAttributes) == null ? void 0 : l[iv]
+    const c = fv(
+      (l = i.domAttributes) == null ? void 0 : l[cv]
     );
     c && t.add(c);
     for (const d of i.children ?? []) o(d);
@@ -12054,23 +12095,23 @@ function Ia(e) {
     componentNames: [...n].sort()
   };
 }
-function dv(e) {
+function hv(e) {
   if (!e) return;
   if (e.componentName) return e.componentName;
-  const { componentNames: t } = Ia(e);
+  const { componentNames: t } = Ca(e);
   return t.length === 1 ? t[0] : void 0;
 }
-function uv(e) {
+function pv(e) {
   const t = e.slice(e.lastIndexOf("/") + 1), n = t.indexOf(".");
   return n === -1 ? t : t.slice(0, n);
 }
-function Ef(e) {
+function kf(e) {
   var r;
   const t = (r = e.componentName) == null ? void 0 : r.trim(), n = (o) => {
     const i = [...new Set(o.map(wc).filter(Boolean))].sort();
     if (i.length !== 0) {
       if (t) {
-        const a = i.find((c) => uv(c) === t);
+        const a = i.find((c) => pv(c) === t);
         if (a) return a;
       }
       return i[0];
@@ -12078,13 +12119,13 @@ function Ef(e) {
   };
   return n(e.declaredFiles ?? []) ?? n(e.sourceFiles);
 }
-function fv(e) {
+function mv(e) {
   var a;
   const t = e.usageByFile ?? {}, n = e.usageRequested ?? !1, r = new Map(
     e.consumers.map((c) => [c.frameId, c])
   ), o = [], i = [];
   for (const c of e.catalog) {
-    const l = Ef(c), d = ((a = c.componentName) == null ? void 0 : a.trim()) || void 0;
+    const l = kf(c), d = ((a = c.componentName) == null ? void 0 : a.trim()) || void 0;
     if (!l && !d) {
       i.push(c.frameId);
       continue;
@@ -12116,7 +12157,7 @@ function fv(e) {
     unplacedFrameIds: i.sort()
   };
 }
-function hv(e = []) {
+function gv(e = []) {
   return {
     frames: [],
     canonicalGroups: [],
@@ -12145,7 +12186,7 @@ function hv(e = []) {
     })).sort((t, n) => t.frameId.localeCompare(n.frameId))
   };
 }
-function pv(e) {
+function bv(e) {
   const t = /* @__PURE__ */ new Set([
     ...e.startFrameIds,
     ...e.branchFrameIds
@@ -12165,7 +12206,7 @@ function Fn(e) {
     (t, n) => t.localeCompare(n)
   );
 }
-function kf(e, t) {
+function Af(e, t) {
   const n = [...t].filter((N) => N.frameId.trim()).map((N) => ({
     ...N,
     frameId: N.frameId.trim(),
@@ -12338,7 +12379,7 @@ function kf(e, t) {
         return (F = l.get(N.nodeId)) == null ? void 0 : F.frameId;
       }
     )
-  ), T = pv({
+  ), T = bv({
     frames: W,
     canonicalGroups: q,
     sharedSources: S,
@@ -12367,13 +12408,13 @@ function kf(e, t) {
     unplacedFrames: I
   };
 }
-const jl = {
+const Wl = {
   spine: [],
   detours: /* @__PURE__ */ new Map(),
   detourParent: /* @__PURE__ */ new Map(),
   offJourney: []
 };
-function Af(e) {
+function Rf(e) {
   const t = e.frames.some(
     (r) => r.outgoingTransitions.some((o) => o.origin === "explicit")
   ), n = /* @__PURE__ */ new Map();
@@ -12383,7 +12424,7 @@ function Af(e) {
   }
   return n;
 }
-function mv(e) {
+function xv(e) {
   const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = (o) => {
     const i = t.get(o);
     if (i) return { path: i, cyclic: !1 };
@@ -12400,15 +12441,15 @@ function mv(e) {
   };
   return (o) => r(o).path;
 }
-function gv(e) {
-  if (e.frames.length === 0) return jl;
-  const t = Af(e), n = mv(t), r = e.startFrameIds.length ? e.startFrameIds : e.frames.filter((d) => d.incomingTransitions.length === 0).map((d) => d.frameId);
+function yv(e) {
+  if (e.frames.length === 0) return Wl;
+  const t = Rf(e), n = xv(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);
     u.length > o.length && (o = u);
   }
-  if (o.length < 2) return jl;
+  if (o.length < 2) return Wl;
   const i = new Set(o), a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   for (const d of o) {
     const u = (t.get(d) ?? []).filter((p) => !i.has(p));
@@ -12421,14 +12462,14 @@ function gv(e) {
   const l = e.frames.map((d) => d.frameId).filter((d) => !i.has(d) && !c.has(d));
   return { spine: o, detours: a, detourParent: c, offJourney: l };
 }
-function bv(e, t) {
+function vv(e, t) {
   return t ? e.spine.includes(t) ? t : e.detourParent.get(t) ?? null : null;
 }
-function xv(e) {
-  const t = Af(e);
+function wv(e) {
+  const t = Rf(e);
   return e.frames.filter((n) => (t.get(n.frameId) ?? []).length === 0);
 }
-function Rf({
+function Tf({
   frame: e,
   label: t,
   onSelectFrame: n
@@ -12463,7 +12504,7 @@ function hr({
     }
   );
 }
-const yv = {
+const Sv = {
   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.",
@@ -12471,10 +12512,10 @@ const yv = {
   unused: "The source scan found nothing that uses it",
   "not-traced": "No source file to trace, or no scan available"
 };
-function vv(e) {
+function Nv(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 wv({
+function Iv({
   children: e,
   count: t
 }) {
@@ -12506,19 +12547,19 @@ function Hn({
               children: "›"
             }
           ),
-          /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(wv, { count: t, children: e }) })
+          /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(Iv, { count: t, children: e }) })
         ]
       }
     ),
     o ? /* @__PURE__ */ s("div", { className: "mt-0.5 flex flex-col gap-0.5", children: r }) : null
   ] });
 }
-function Sv({
+function Cv({
   model: e,
   frameById: t,
   onSelectFrame: n
 }) {
-  const r = xv(e), o = f.canvasPages.filter((l) => l.route != null), i = o.filter((l) => {
+  const r = wv(e), o = f.canvasPages.filter((l) => l.route != null), i = o.filter((l) => {
     var d;
     return !((d = l.scenarioIds) != null && d.length);
   }), a = o.flatMap((l) => {
@@ -12533,7 +12574,7 @@ function Sv({
     r.length > 0 && /* @__PURE__ */ g(Hn, { label: "Nothing follows", count: r.length, children: [
       /* @__PURE__ */ s("p", { className: "px-1.5 text-[9px] leading-relaxed text-[#999]", children: "An end state is fine here. A step that should continue is not." }),
       r.map((l) => /* @__PURE__ */ s(
-        Rf,
+        Tf,
         {
           frame: l,
           onSelectFrame: n
@@ -12576,14 +12617,14 @@ function Sv({
     )
   ] });
 }
-function Nv({
+function Pv({
   model: e,
   onSelectFrame: t,
   activeFrameId: n,
   composition: r = null,
   frameNameById: o
 }) {
-  const i = new Map(e.frames.map((x) => [x.frameId, x])), a = _t(() => gv(e), [e]), c = bv(a, n), [l, d] = Q({}), u = e.frames.filter((x) => x.warnings.length), p = (r == null ? void 0 : r.entries) ?? [], m = (r == null ? void 0 : r.unplacedFrameIds) ?? [];
+  const i = new Map(e.frames.map((x) => [x.frameId, x])), a = _t(() => yv(e), [e]), c = vv(a, n), [l, d] = Q({}), u = e.frames.filter((x) => x.warnings.length), p = (r == null ? void 0 : r.entries) ?? [], m = (r == null ? void 0 : r.unplacedFrameIds) ?? [];
   return e.startFrameIds.length > 0 || e.branchFrameIds.length > 0 || e.canonicalGroups.length > 0 || e.sharedSources.length > 0 || e.warnings.length > 0 || e.unplacedFrames.length > 0 || p.length > 0 || m.length > 0 ? (
     // The height belongs to the panel that stacks the regions, so this one
     // fills what it is given rather than capping itself.
@@ -12691,7 +12732,7 @@ function Nv({
           ) : null,
           /* @__PURE__ */ g("div", { className: "mt-2 flex flex-col gap-2", children: [
             /* @__PURE__ */ s(
-              Sv,
+              Cv,
               {
                 model: e,
                 frameById: i,
@@ -12724,8 +12765,8 @@ function Nv({
                           "span",
                           {
                             className: "shrink-0 text-[9px] text-[#999]",
-                            title: yv[x.evidence],
-                            children: vv(x)
+                            title: Sv[x.evidence],
+                            children: Nv(x)
                           }
                         )
                       ] }),
@@ -12789,7 +12830,7 @@ function Nv({
             ),
             e.warnings.length > 0 && /* @__PURE__ */ g(Hn, { label: "Warnings", count: e.warnings.length, children: [
               u.map((x) => /* @__PURE__ */ s(
-                Rf,
+                Tf,
                 {
                   frame: x,
                   label: `${x.name} · ${x.warnings.length}`,
@@ -12813,16 +12854,16 @@ function Nv({
     )
   ) : null;
 }
-function Iv({ type: e }) {
+function $v({ type: e }) {
   return /* @__PURE__ */ s("span", { className: `shrink-0 ${e === "component" ? "text-[#9747ff]" : "text-[#999]"}`, children: e === "text" ? /* @__PURE__ */ s(Gu, { size: 10 }) : e === "columns" ? /* @__PURE__ */ s(hc, { size: 10 }) : e === "component" ? /* @__PURE__ */ s(Ci, { size: 10 }) : /* @__PURE__ */ s(Ni, { size: 10 }) });
 }
-const Cv = Sd(function e({ node: t, depth: n }) {
+const Mv = Sd(function e({ node: t, depth: n }) {
   return Vu(() => {
     const r = f.isSelected(t.id), o = f.collapsed.has(t.id), i = t.children.length > 0, a = f.renamingId === t.id, c = t.type === "text" ? t.text : t.name, l = (d) => {
       const u = d.trim();
       u && u !== c && f.patch(t, t.type === "text" ? { text: u } : { name: u }), f.setRenaming(null);
     };
-    return /* @__PURE__ */ g(qe, { children: [
+    return /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ g(
         "div",
         {
@@ -12853,7 +12894,7 @@ const Cv = Sd(function e({ node: t, depth: n }) {
                 children: /* @__PURE__ */ s(ni, { open: !o })
               }
             ),
-            /* @__PURE__ */ s(Iv, { type: t.type }),
+            /* @__PURE__ */ s($v, { type: t.type }),
             a ? /* @__PURE__ */ s(
               "input",
               {
@@ -12913,7 +12954,7 @@ const Cv = Sd(function e({ node: t, depth: n }) {
     ] });
   });
 });
-function Pv({
+function Ev({
   id: e,
   name: t,
   active: n,
@@ -12950,32 +12991,32 @@ function Pv({
     }
   );
 }
-const Tf = "pygmalion.leftPanel.heights";
-function Wl() {
+const Ff = "pygmalion.leftPanel.heights";
+function Hl() {
   try {
-    const e = window.localStorage.getItem(Tf), t = e ? JSON.parse(e) : null;
+    const e = window.localStorage.getItem(Ff), t = e ? JSON.parse(e) : null;
     return t && typeof t == "object" && !Array.isArray(t) ? t : {};
   } catch {
     return {};
   }
 }
-function $v(e, t) {
+function kv(e, t) {
   const [n, r] = Q(() => {
-    const i = Wl()[e];
+    const i = Hl()[e];
     return typeof i == "number" && Number.isFinite(i) ? i : t;
   });
   return [n, (i) => {
     r(i);
     try {
       window.localStorage.setItem(
-        Tf,
-        JSON.stringify({ ...Wl(), [e]: i })
+        Ff,
+        JSON.stringify({ ...Hl(), [e]: i })
       );
     } catch {
     }
   }];
 }
-function Mv({
+function Av({
   label: e,
   height: t,
   onResize: n,
@@ -13000,7 +13041,7 @@ function Mv({
     }
   );
 }
-function Ff({ shown: e, declared: t }) {
+function Lf({ shown: e, declared: t }) {
   return t === 0 ? null : /* @__PURE__ */ s(
     "span",
     {
@@ -13010,7 +13051,7 @@ function Ff({ shown: e, declared: t }) {
     }
   );
 }
-const vs = ze(function({
+const vs = Be(function({
   leaf: t,
   label: n,
   active: r,
@@ -13026,23 +13067,50 @@ const vs = ze(function({
       onClick: () => f.switchCanvas(t.canvas),
       children: [
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 truncate", children: n ?? t.label }),
-        /* @__PURE__ */ s(Ff, { shown: t.frames, declared: t.declared })
+        /* @__PURE__ */ s(Lf, { shown: t.frames, declared: t.declared })
       ]
     }
   );
-}), Ev = ze(function({
+}), Rv = Be(function() {
+  const t = Xe(
+    av,
+    jl,
+    // The selection is a module value, so it reads the same on both sides —
+    // and the panel renders server-side in tests, which requires this.
+    jl
+  ), n = sv();
+  return n.length === 0 ? null : /* @__PURE__ */ g("div", { className: "shrink-0 border-b border-[#e6e6e6] px-3 py-2.5", children: [
+    /* @__PURE__ */ s("div", { className: "text-[11px] font-semibold text-[#333]", children: "Runtime" }),
+    /* @__PURE__ */ s("div", { role: "group", "aria-label": "Runtime", className: "mt-1.5 flex gap-1", children: n.map((r, o) => {
+      const i = t === o;
+      return /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "data-session-preset": r.label,
+          "aria-pressed": i,
+          title: r.description,
+          className: `h-7 flex-1 rounded-md px-2 text-[11px] font-medium ${i ? "bg-[#e5f4ff] text-[#0d99ff]" : "bg-[#f5f5f5] text-[#555] hover:bg-[#ececec] hover:text-[#333]"}`,
+          onClick: () => Mf(i ? null : o),
+          children: r.label
+        },
+        r.label
+      );
+    }) })
+  ] });
+}), Tv = Be(function({
   view: t = "story",
   onFrameFocus: n = (o) => f.selectFrame(o),
   storyboardReady: r = !0
 }) {
-  const [o, i] = $v("frames", 176), [a, c] = Q({}), l = ov(
+  const [o, i] = kv("frames", 176), [a, c] = Q({}), l = ov(
     f.pages,
     f.canvasNames,
     (I) => f.isScreenStateShown(I)
   ), d = (I) => I.canvases.some((N) => N.canvas === f.activeCanvas), u = Xe(
-    Mf,
-    ho,
-    ho
+    Ef,
+    mo,
+    mo
   ), p = f.canvasPages, m = p.length > 0 && p.every((I) => I.route == null), b = (I) => ({
     frameId: I.id,
     screenId: I.importPageId ?? I.id,
@@ -13052,20 +13120,20 @@ const vs = ze(function({
   ), w = new Set(x.map((I) => I.id)), v = [
     ...x.map(b),
     ...m ? [] : p.filter((I) => !w.has(I.id)).map(b)
-  ], E = r ? u ? kf(u, v) : hv(v) : null, k = p.map((I) => ({
+  ], E = r ? u ? Af(u, v) : gv(v) : null, k = p.map((I) => ({
     frameId: I.id,
     name: I.name,
-    componentName: dv(I.root),
+    componentName: hv(I.root),
     declaredFiles: I.sourcePaths ?? [],
-    ...Ia(I.root)
-  })), [L, W] = Q({}), [q, S] = Q(!1), G = (m ? [...new Set(k.map(Ef).filter(Boolean))].sort() : []).join(",");
+    ...Ca(I.root)
+  })), [L, W] = Q({}), [q, S] = Q(!1), G = (m ? [...new Set(k.map(kf).filter(Boolean))].sort() : []).join(",");
   ae(() => {
     if (!G) return;
     let I = !1;
     return S(!0), (async () => {
       try {
         const N = await fetch(
-          `${sv}?files=${encodeURIComponent(G)}`
+          `${lv}?files=${encodeURIComponent(G)}`
         );
         if (I || !N.ok) return;
         const F = await N.json();
@@ -13078,20 +13146,21 @@ const vs = ze(function({
       I = !0;
     };
   }, [G]);
-  const R = m ? fv({
+  const R = m ? mv({
     usageByFile: L,
     usageRequested: q,
     catalog: k,
     consumers: f.pages.filter((I) => I.layersImported === !0).map((I) => ({
       frameId: I.id,
       name: I.name,
-      ...Ia(I.root)
+      ...Ca(I.root)
     }))
   }) : null, T = new Map(
     f.pages.map((I) => [I.id, I.name])
   );
   return /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    t === "story" && /* @__PURE__ */ g(qe, { children: [
+    /* @__PURE__ */ s(Rv, {}),
+    t === "story" && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ g("div", { className: "shrink-0 border-b border-[#e6e6e6] px-3 py-2.5", children: [
         /* @__PURE__ */ s("div", { className: "text-[11px] font-semibold text-[#333]", children: "Pages" }),
         /* @__PURE__ */ g("div", { className: "mt-1.5 flex flex-col gap-0.5", children: [
@@ -13126,7 +13195,7 @@ const vs = ze(function({
                   children: [
                     /* @__PURE__ */ s("span", { className: "w-3 shrink-0 text-[9px] text-[#999]", children: a[I.section] ?? d(I) ? "▾" : "▸" }),
                     /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 truncate", children: I.section }),
-                    /* @__PURE__ */ s(Ff, { shown: I.frames, declared: I.declared })
+                    /* @__PURE__ */ s(Lf, { shown: I.frames, declared: I.declared })
                   ]
                 }
               ),
@@ -13165,7 +13234,7 @@ const vs = ze(function({
         }) })
       ] }),
       E && /* @__PURE__ */ s("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ s(
-        Nv,
+        Pv,
         {
           model: E,
           onSelectFrame: n,
@@ -13175,7 +13244,7 @@ const vs = ze(function({
         }
       ) })
     ] }),
-    t === "frames" && /* @__PURE__ */ g(qe, { children: [
+    t === "frames" && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ g("div", { className: "shrink-0 px-3 pb-2 pt-2.5", style: { height: o }, children: [
         /* @__PURE__ */ s("div", { className: "text-[11px] font-semibold text-[#333]", children: "Frames" }),
         /* @__PURE__ */ s("div", { className: "mt-1.5 flex h-[calc(100%-1.25rem)] flex-col gap-0.5 overflow-auto", children: f.canvasPages.map((I, N) => {
@@ -13187,7 +13256,7 @@ const vs = ze(function({
               /* @__PURE__ */ s("span", { className: "h-px flex-1 bg-[#e6e6e6]" })
             ] }),
             /* @__PURE__ */ s(
-              Pv,
+              Ev,
               {
                 id: I.id,
                 name: I.name,
@@ -13200,7 +13269,7 @@ const vs = ze(function({
         }) })
       ] }),
       /* @__PURE__ */ s(
-        Mv,
+        Av,
         {
           label: "Frames height",
           height: o,
@@ -13208,74 +13277,43 @@ const vs = ze(function({
         }
       ),
       /* @__PURE__ */ s("div", { className: "px-3 pb-1 pt-1 text-[11px] font-semibold text-[#333]", children: "Layers" }),
-      /* @__PURE__ */ s("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ s(Cv, { node: f.root, depth: 0 }) })
+      /* @__PURE__ */ s("div", { className: "min-h-0 flex-1 overflow-auto pb-2", children: /* @__PURE__ */ s(Mv, { node: f.root, depth: 0 }) })
     ] })
   ] });
 });
-let Lf = [];
-function Hl(e, t, n) {
+let _f = [];
+function Ul(e, t, n) {
   if (!Number.isFinite(e) || e < 1)
     throw new Error(
       `Viewport preset "${n}" has an invalid ${t}: ${String(e)}.`
     );
   return Math.round(e);
 }
-function kv(e) {
-  Lf = e.map((t) => {
+function Fv(e) {
+  _f = e.map((t) => {
     const n = String(t.label ?? "").trim();
     if (!n) throw new Error("Viewport preset is missing a label.");
     return {
       label: n,
-      width: Hl(t.width, "width", n),
-      ...t.height == null ? {} : { height: Hl(t.height, "height", n) },
+      width: Ul(t.width, "width", n),
+      ...t.height == null ? {} : { height: Ul(t.height, "height", n) },
       ...t.description ? { description: t.description } : {}
     };
   });
 }
-function _f() {
-  return Lf;
+function Df() {
+  return _f;
 }
-function Av(e, t) {
+function Lv(e, t) {
   return Math.round(t.width) !== e.width ? !1 : e.height == null || Math.round(t.height) === e.height;
 }
-let po = [], mo = null;
-const Ca = /* @__PURE__ */ new Set();
-function Rv(e) {
-  po = e.map((t) => {
-    const n = String(t.label ?? "").trim();
-    if (!n) throw new Error("Session preset is missing a label.");
-    return {
-      label: n,
-      ...t.environment ? { environment: t.environment } : {},
-      ...t.description ? { description: t.description } : {}
-    };
-  }), mo != null && mo >= po.length && Df(null);
-}
-function Tv() {
-  return po;
-}
-function Ul() {
-  return mo;
-}
-function Df(e) {
-  const t = e != null && e >= 0 && e < po.length ? e : null;
-  if (t !== mo) {
-    mo = t, ir(
-      t == null ? void 0 : po[t].environment
-    );
-    for (const n of Ca) n();
-  }
-}
-function Fv(e) {
-  return Ca.add(e), () => Ca.delete(e);
-}
-function Lv(e, t) {
+function _v(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 _v = 10;
-function V0(e, t) {
+const Dv = 10;
+function U0(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)
@@ -13291,7 +13329,7 @@ function V0(e, t) {
       continue;
     }
     if (d.kind === "behavior" || d.kind === "todo") {
-      d.reason.trim().length < _v && n.push({
+      d.reason.trim().length < Dv && n.push({
         severity: "error",
         scenarioId: d.scenarioId,
         message: `${d.kind} claim needs a substantive reason`
@@ -13411,7 +13449,7 @@ function V0(e, t) {
     });
   return n;
 }
-function Dv(e) {
+function zv(e) {
   return f.pages.find(
     (t) => (t.importPageId ?? t.id) === e
   ) ?? null;
@@ -13424,13 +13462,13 @@ function zf(e, t) {
   }
   return null;
 }
-function zv(e) {
+function Ov(e) {
   if (e.kind === "behavior" || e.kind === "todo")
     return {
       status: "failed",
       message: "behavior/todo claims have no editor state to reproduce"
     };
-  const t = Dv(e.screenId);
+  const t = zv(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")
@@ -13448,7 +13486,7 @@ function zv(e) {
     };
   }
   if (e.kind === "viewport") {
-    const r = _f().find(
+    const r = Df().find(
       (o) => o.label === e.preset
     );
     return r ? (f.resizeFrame(
@@ -13497,7 +13535,7 @@ function zv(e) {
   };
 }
 const so = /* @__PURE__ */ new Map();
-function Ov(e) {
+function Bv(e) {
   so.clear();
   for (const t of e) {
     if (t.kind === "behavior" || t.kind === "todo") continue;
@@ -13505,10 +13543,10 @@ function Ov(e) {
     n.push(t), so.set(t.screenId, n);
   }
 }
-function Bv(e) {
+function jv(e) {
   return so.get(e) ?? [];
 }
-function jv(e, t, n) {
+function Wv(e, t, n) {
   const r = [];
   for (const o of so.get(e) ?? [])
     o.kind === "component-state" && o.componentName === t && o.prop === n && r.push(o.scenarioId);
@@ -13527,22 +13565,22 @@ function Fe({
     /* @__PURE__ */ s("div", { className: "mt-1 flex flex-col gap-1.5", children: n })
   ] });
 }
-function Wv(e, t, n, r) {
+function Hv(e, t, n, r) {
   return Object.hasOwn(e.componentProps, t) ? e.componentProps[t] : r ?? n[0];
 }
 function Vl(e) {
   return typeof e == "boolean" ? e ? "On" : "Off" : String(e);
 }
-function Hv({
+function Uv({
   node: e,
   entry: t,
   sourceWritableProps: n = null,
   propBadges: r,
   onPatch: o
 }) {
-  return /* @__PURE__ */ s(qe, { children: Object.entries(t.props ?? {}).map(([i, a]) => {
+  return /* @__PURE__ */ s(Ye, { children: Object.entries(t.props ?? {}).map(([i, a]) => {
     var p, m;
-    const c = ((p = t.propLabels) == null ? void 0 : p[i]) ?? i, l = Wv(
+    const c = ((p = t.propLabels) == null ? void 0 : p[i]) ?? i, l = Hv(
       e,
       i,
       a,
@@ -13628,7 +13666,7 @@ function Kl({ kind: e }) {
     }
   ) : null;
 }
-const Uv = ze(function({
+const Vv = Be(function({
   page: t
 }) {
   if (!t.scenario || t.route == null) return null;
@@ -13711,7 +13749,7 @@ const Uv = ze(function({
       })
     }
   ) });
-}), Vv = {
+}), Kv = {
   frame: "FRAME",
   "screen-state": "STATE",
   "component-state": "TOGGLE",
@@ -13720,7 +13758,7 @@ const Uv = ze(function({
   "interactive-state": "AXIS",
   "card-slot": "SLOT",
   "list-length": "LIST"
-}, Kv = /* @__PURE__ */ new Set([
+}, qv = /* @__PURE__ */ new Set([
   "component-state",
   "card-slot",
   "list-length"
@@ -13745,12 +13783,12 @@ function ql(e) {
       return "this frame";
   }
 }
-const qv = ze(function({
+const Yv = Be(function({
   page: t
 }) {
-  const n = Bv(t.importPageId ?? t.id);
+  const n = jv(t.importPageId ?? t.id);
   return n.length === 0 ? null : /* @__PURE__ */ s(Fe, { title: "Scenario coverage", children: n.map((r) => {
-    const o = !f.editMode && Kv.has(r.kind);
+    const o = !f.editMode && qv.has(r.kind);
     return /* @__PURE__ */ g(
       "button",
       {
@@ -13761,33 +13799,33 @@ const qv = ze(function({
         title: o ? zn : r.reason ?? ql(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: () => {
-          zv(r);
+          Ov(r);
         },
         children: [
           /* @__PURE__ */ s("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__ */ s("span", { className: "max-w-40 truncate text-[9px] text-[#999]", children: ql(r) }),
-            /* @__PURE__ */ s("span", { className: "rounded bg-[#f0f0f0] px-1 py-0.5 text-[8px] font-semibold tracking-wide text-[#666]", children: Vv[r.kind] ?? r.kind })
+            /* @__PURE__ */ s("span", { className: "rounded bg-[#f0f0f0] px-1 py-0.5 text-[8px] font-semibold tracking-wide text-[#666]", children: Kv[r.kind] ?? r.kind })
           ] })
         ]
       },
       r.scenarioId
     );
   }) });
-}), Yv = "/__pygmalion-storyboard/component-branches", Yl = /* @__PURE__ */ new Map();
-function Gv(e) {
+}), Gv = "/__pygmalion-storyboard/component-branches", Yl = /* @__PURE__ */ new Map();
+function Xv(e) {
   const t = Yl.get(e);
   if (t) return t;
   const n = fetch(
-    `${Yv}?source=${encodeURIComponent(e)}`
+    `${Gv}?source=${encodeURIComponent(e)}`
   ).then((r) => r.ok ? r.json() : { branches: [] }).then((r) => r.branches ?? []).catch(() => []);
   return Yl.set(e, n), n;
 }
-function Xv(e) {
+function Jv(e) {
   var t, n;
   return e.prop ? (((n = (t = lt()[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 Jv({
+function Qv({
   label: e,
   title: t,
   ariaLabel: n,
@@ -13812,7 +13850,7 @@ function Jv({
     )
   ] });
 }
-const Qv = ze(function({
+const Zv = Be(function({
   page: t
 }) {
   const n = dp(), [r, o] = Q({}), i = n.filter(
@@ -13821,7 +13859,7 @@ const Qv = ze(function({
   return ae(() => {
     let c = !0;
     for (const l of a)
-      Gv(l).then((d) => {
+      Xv(l).then((d) => {
         c && o(
           (u) => u[l] ? u : { ...u, [l]: d }
         );
@@ -13832,7 +13870,7 @@ const Qv = ze(function({
   }, [a.join("|")]), i.length === 0 ? null : /* @__PURE__ */ s(Fe, { title: "Screen dimensions", children: i.map((c) => {
     const l = [Wc(t, c)].filter(
       Boolean
-    ), d = Xv(c), u = new Set(d), m = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
+    ), d = Jv(c), u = new Set(d), m = (c.sourcePath ? r[c.sourcePath] ?? [] : []).filter((b) => {
       const x = [b.renders, ...b.values ?? []].filter(
         (w) => !!w
       );
@@ -13845,7 +13883,7 @@ const Qv = ze(function({
         className: "flex flex-col gap-1",
         children: [
           l.map((b) => /* @__PURE__ */ s(
-            Jv,
+            Qv,
             {
               label: c.label,
               title: c.component,
@@ -13885,7 +13923,7 @@ const Qv = ze(function({
       c.id
     );
   }) });
-}), Zv = ze(function({
+}), ew = Be(function({
   page: t
 }) {
   const n = vd().filter(
@@ -13937,7 +13975,7 @@ const Qv = ze(function({
       r.id
     );
   }) });
-}), ew = ze(function({
+}), tw = Be(function({
   page: t
 }) {
   const n = yd().filter(
@@ -13982,7 +14020,7 @@ const Qv = ze(function({
       );
     })
   ] }, o.id)) }, r.id)) });
-}), tw = ze(function({
+}), nw = Be(function({
   page: t
 }) {
   const n = pp(t, xd());
@@ -14015,7 +14053,7 @@ const Qv = ze(function({
       r.id
     );
   }) });
-}), nw = ze(function({
+}), rw = Be(function({
   page: t
 }) {
   const { unclassified: n } = Wu(
@@ -14044,7 +14082,7 @@ const Qv = ze(function({
       r.id
     ))
   ] });
-}), rw = [
+}), ow = [
   { v: "fill", label: "Fill" },
   { v: "fit", label: "Hug" },
   { v: "fixed", label: "Fixed" }
@@ -14058,7 +14096,7 @@ function Ct({ label: e, value: t }) {
 function Gl(e, t) {
   return e === "fixed" ? `${Math.round(t ?? 0)}px` : e;
 }
-const ow = ze(function({
+const iw = Be(function({
   node: t
 }) {
   const n = t.type === "component" ? lt()[t.componentName] : void 0, r = Object.entries(t.componentProps ?? {});
@@ -14076,7 +14114,7 @@ const ow = ze(function({
     ] }),
     t.sourceComponent && /* @__PURE__ */ s(Fe, { title: "Source", children: /* @__PURE__ */ s(Ct, { label: "Component", value: t.sourceComponent }) })
   ] });
-}), iw = ze(function({
+}), sw = Be(function({
   section: t,
   members: n
 }) {
@@ -14092,7 +14130,7 @@ const ow = ze(function({
     /* @__PURE__ */ s(Ct, { label: "Frames", value: String(n) })
   ] }) });
 });
-function sw({ node: e }) {
+function aw({ 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((a) => a.name), o = t.frames.length - r.length, i = `${r.join(" · ")}${o > 0 ? ` · ${o} more` : ""}`;
@@ -14127,7 +14165,7 @@ function sw({ node: e }) {
     /* @__PURE__ */ s("div", { className: "text-[10px] leading-relaxed text-[#999]", children: "Unsupported source operations remain limited to the selected frame." })
   ] });
 }
-function aw({ node: e }) {
+function cw({ node: e }) {
   var i;
   const t = e.type === "component" ? (i = lt()[e.componentName]) == null ? void 0 : i.props : void 0, n = Object.entries(e.sourceProps).filter(
     ([a]) => !t || !Object.hasOwn(t, a)
@@ -14223,7 +14261,7 @@ function Xl({ 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: rw.map((n) => /* @__PURE__ */ s("option", { value: n.v, children: n.label }, n.v))
+      children: ow.map((n) => /* @__PURE__ */ s("option", { value: n.v, children: n.label }, n.v))
     }
   );
 }
@@ -14235,7 +14273,7 @@ function ii({
   const [r, o] = Q(!1), [i, a] = Q(""), c = bf(), l = e.startsWith("var("), d = l ? e.slice(4, -1) : "", u = c.find((m) => m.name === d), p = i.trim() ? c.filter((m) => m.name.toLowerCase().includes(i.trim().toLowerCase())) : c;
   return /* @__PURE__ */ g("div", { className: "relative", children: [
     /* @__PURE__ */ g("div", { className: "flex h-7 items-center gap-1.5 rounded-md bg-[#f5f5f5] px-1.5", children: [
-      l ? /* @__PURE__ */ g(qe, { children: [
+      l ? /* @__PURE__ */ g(Ye, { children: [
         /* @__PURE__ */ s(
           "button",
           {
@@ -14247,7 +14285,7 @@ function ii({
           }
         ),
         /* @__PURE__ */ s("span", { className: "w-full truncate text-[11px] text-[#333]", children: d })
-      ] }) : /* @__PURE__ */ g(qe, { children: [
+      ] }) : /* @__PURE__ */ g(Ye, { children: [
         /* @__PURE__ */ s(
           "input",
           {
@@ -14337,7 +14375,7 @@ function Jl({
   )) });
 }
 const Ql = ["start", "center", "end"];
-function cw({ node: e }) {
+function lw({ node: e }) {
   const t = e.type === "rows", n = (o, i) => f.patch(
     e,
     t ? { justify: o, alignItems: i } : { justify: i, alignItems: o }
@@ -14373,14 +14411,14 @@ function cw({ node: e }) {
     )
   ] });
 }
-function lw(e) {
+function dw(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 dw({ mode: e }) {
+function uw({ mode: e }) {
   return e === "grid" ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "grid h-4 w-4 grid-cols-2 gap-[3px]", children: [0, 1, 2, 3].map((t) => /* @__PURE__ */ s("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__ */ s("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
     /* @__PURE__ */ s("i", { className: "h-[5px] w-[5px] rounded-[2px] border border-current" }),
@@ -14391,13 +14429,13 @@ function dw({ mode: e }) {
     /* @__PURE__ */ s("i", { className: "absolute bottom-0 left-[4px] h-[5px] w-[5px] rounded-[2px] border border-current" })
   ] });
 }
-const uw = ze(function({ page: t }) {
+const fw = Be(function({ page: t }) {
   Xe(
     nc,
     $r,
     $r
   );
-  const n = t.route == null, r = (b) => f.patchPage(t.id, b), o = lw(t), i = (b) => {
+  const n = t.route == null, r = (b) => f.patchPage(t.id, b), o = dw(t), i = (b) => {
     const x = { ...t.root.domStyle };
     b === "free" ? (x.display = "block", x.position = "relative", delete x.flexDirection, delete x.gridTemplateColumns) : b === "grid" ? (x.display = "grid", x.gridTemplateColumns || (x.gridTemplateColumns = "repeat(2, minmax(0, 1fr))"), x.gap || (x.gap = `${t.root.gap}px`), delete x.flexDirection) : (x.display = "flex", x.flexDirection = b === "horizontal" ? "row" : "column", delete x.gridTemplateColumns), f.patch(t.root, {
       type: b === "horizontal" ? "columns" : "rows",
@@ -14426,7 +14464,7 @@ const uw = ze(function({ page: t }) {
         resizeHeight: b.height != null
       }
     );
-  }, d = _f(), u = eg(), p = t.authoredFrameSize, m = f.frameSizeDiffersFromAuthored(t.id);
+  }, d = Df(), u = eg(), p = t.authoredFrameSize, m = f.frameSizeDiffersFromAuthored(t.id);
   return /* @__PURE__ */ g("div", { "data-object-props": "frame", className: "min-h-0 flex-1 overflow-auto", children: [
     f.editMode ? /* @__PURE__ */ s(Fe, { title: "Frame", children: /* @__PURE__ */ s(
       "input",
@@ -14474,7 +14512,7 @@ const uw = ze(function({ page: t }) {
           "aria-label": "Preview viewport",
           className: "flex flex-wrap gap-1",
           children: d.map((b) => {
-            const x = Av(b, {
+            const x = Lv(b, {
               width: t.width ?? 390,
               height: t.height ?? 600
             });
@@ -14557,16 +14595,16 @@ const uw = ze(function({ page: t }) {
         b.id
       ))
     ] }),
-    /* @__PURE__ */ s(Uv, { page: t }),
-    /* @__PURE__ */ s(tw, { page: t }),
+    /* @__PURE__ */ s(Vv, { page: t }),
     /* @__PURE__ */ s(nw, { page: t }),
-    f.editMode && /* @__PURE__ */ g(qe, { children: [
-      /* @__PURE__ */ s(Qv, { page: t }),
-      /* @__PURE__ */ s(ew, { page: t }),
-      /* @__PURE__ */ s(Zv, { page: t })
+    /* @__PURE__ */ s(rw, { page: t }),
+    f.editMode && /* @__PURE__ */ g(Ye, { children: [
+      /* @__PURE__ */ s(Zv, { page: t }),
+      /* @__PURE__ */ s(tw, { page: t }),
+      /* @__PURE__ */ s(ew, { page: t })
     ] }),
-    /* @__PURE__ */ s(qv, { page: t }),
-    f.editMode && /* @__PURE__ */ g(qe, { children: [
+    /* @__PURE__ */ s(Yv, { page: t }),
+    f.editMode && /* @__PURE__ */ g(Ye, { children: [
       /* @__PURE__ */ g(Fe, { title: "Position", children: [
         /* @__PURE__ */ s("div", { className: "grid grid-cols-6 gap-1", children: [
           ["left alignment", "x", "start", /* @__PURE__ */ s(Qu, { size: 13 }, "left")],
@@ -14629,7 +14667,7 @@ const uw = ze(function({ page: t }) {
             "aria-pressed": o === b,
             className: `flex h-8 items-center justify-center rounded-md ${o === b ? "bg-white text-[#18181b] shadow-sm ring-1 ring-inset ring-[#dedee3]" : "text-[#777] hover:text-[#333]"}`,
             onClick: () => i(b),
-            children: /* @__PURE__ */ s(dw, { mode: b })
+            children: /* @__PURE__ */ s(uw, { mode: b })
           },
           b
         )) }),
@@ -14662,7 +14700,7 @@ const uw = ze(function({ page: t }) {
         ] }),
         /* @__PURE__ */ s(ii, { value: t.fill ?? "#ffffff", onChange: (b) => r({ fill: b }) })
       ] }),
-      /* @__PURE__ */ s(Fe, { title: "Screen", children: n ? /* @__PURE__ */ g(qe, { children: [
+      /* @__PURE__ */ s(Fe, { title: "Screen", children: n ? /* @__PURE__ */ g(Ye, { children: [
         /* @__PURE__ */ s(
           "input",
           {
@@ -14710,7 +14748,7 @@ const uw = ze(function({ page: t }) {
       ] })
     ] })
   ] });
-}), fw = ze(function({ section: t }) {
+}), hw = Be(function({ section: t }) {
   const n = f.canvasPages.filter((r) => r.section === t.name).length;
   return f.editMode ? /* @__PURE__ */ g("div", { "data-object-props": "section", className: "min-h-0 flex-1 overflow-auto", children: [
     /* @__PURE__ */ g(Fe, { title: "Section", children: [
@@ -14786,48 +14824,16 @@ const uw = ze(function({ page: t }) {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ s(iw, { section: t, members: n });
-}), hw = ze(function() {
-  const t = Xe(
-    Fv,
-    Ul,
-    // The selection is a module value, so it reads the same on both sides —
-    // and the panel renders server-side in tests, which requires this.
-    Ul
-  ), n = Tv();
-  return n.length === 0 ? null : /* @__PURE__ */ g("div", { className: "border-b border-[#e5e5e5] px-3 py-2", children: [
-    /* @__PURE__ */ s("div", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wide text-[#999]", children: "Runtime" }),
-    /* @__PURE__ */ s("div", { role: "group", "aria-label": "Runtime", className: "flex flex-wrap gap-1", children: n.map((r, o) => {
-      const i = t === o;
-      return /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          "data-session-preset": r.label,
-          "aria-pressed": i,
-          title: r.description,
-          className: `h-8 min-w-[56px] flex-1 rounded-md px-2 text-[11px] font-semibold ${i ? "bg-[#e5f4ff] text-[#0d99ff]" : "bg-[#f5f5f5] text-[#555] hover:bg-[#ececec] hover:text-[#333]"}`,
-          onClick: () => Df(i ? null : o),
-          children: r.label
-        },
-        r.label
-      );
-    }) })
-  ] });
-}), pw = ze(function() {
-  return /* @__PURE__ */ g(qe, { children: [
-    /* @__PURE__ */ s(hw, {}),
-    /* @__PURE__ */ s(mw, {})
-  ] });
-}), mw = ze(function() {
+  ] }) : /* @__PURE__ */ s(sw, { section: t, members: n });
+}), pw = Be(function() {
   var l, d;
   if (((l = f.selectedCanvasObject) == null ? void 0 : l.kind) === "frame") {
     const u = f.selectedFrame;
-    return u ? /* @__PURE__ */ s(uw, { page: u }) : null;
+    return u ? /* @__PURE__ */ s(fw, { page: u }) : null;
   }
   if (((d = f.selectedCanvasObject) == null ? void 0 : d.kind) === "section") {
     const u = f.selectedSection;
-    return u ? /* @__PURE__ */ s(fw, { section: u }) : null;
+    return u ? /* @__PURE__ */ s(hw, { section: u }) : null;
   }
   const t = f.selected;
   if (!t)
@@ -14842,8 +14848,8 @@ const uw = ze(function({ page: t }) {
       f.selectedIds.length,
       " selected · Property edits use the primary selection"
     ] }),
-    /* @__PURE__ */ s(sw, { node: t }),
     /* @__PURE__ */ s(aw, { node: t }),
+    /* @__PURE__ */ s(cw, { node: t }),
     /* @__PURE__ */ s(Fe, { title: t.name, children: /* @__PURE__ */ s(
       "input",
       {
@@ -14871,15 +14877,15 @@ const uw = ze(function({ page: t }) {
         t.componentName
       ] }),
       a && /* @__PURE__ */ s(
-        Hv,
+        Uv,
         {
           node: t,
           entry: a,
-          sourceWritableProps: t.sourceComponent ? Lv(t, a) : null,
+          sourceWritableProps: t.sourceComponent ? _v(t, a) : null,
           propBadges: Object.fromEntries(
             Object.keys(a.props ?? {}).map((u) => [
               u,
-              jv(
+              Wv(
                 f.activePage.importPageId ?? f.activePage.id,
                 t.componentName,
                 u
@@ -14912,7 +14918,7 @@ const uw = ze(function({ page: t }) {
           onChange: (u) => n({ type: u })
         }
       ),
-      /* @__PURE__ */ s(cw, { node: t }),
+      /* @__PURE__ */ s(lw, { node: t }),
       /* @__PURE__ */ g("div", { className: "flex gap-1.5", children: [
         /* @__PURE__ */ s(ct, { label: "Gap", value: t.gap, onChange: (u) => n({ gap: u }) }),
         /* @__PURE__ */ s(ct, { label: "Padding", value: t.padding, onChange: (u) => n({ padding: u }) })
@@ -14961,7 +14967,7 @@ const uw = ze(function({ page: t }) {
             children: /* @__PURE__ */ s(Ii, { size: 12 })
           }
         ),
-        children: t.borderWidth > 0 ? /* @__PURE__ */ g(qe, { children: [
+        children: t.borderWidth > 0 ? /* @__PURE__ */ g(Ye, { children: [
           /* @__PURE__ */ s(
             ii,
             {
@@ -15027,9 +15033,9 @@ const uw = ze(function({ page: t }) {
       ),
       /* @__PURE__ */ s(ii, { value: t.color, onChange: (u) => n({ color: u }) })
     ] })
-  ] }) : /* @__PURE__ */ s(ow, { node: t });
-}), gw = ze(function() {
-  return /* @__PURE__ */ g(qe, { children: [
+  ] }) : /* @__PURE__ */ s(iw, { node: t });
+}), mw = Be(function() {
+  return /* @__PURE__ */ g(Ye, { children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -15056,8 +15062,8 @@ const uw = ze(function({ page: t }) {
     )
   ] });
 });
-ze(function() {
-  return /* @__PURE__ */ g(qe, { children: [
+Be(function() {
+  return /* @__PURE__ */ g(Ye, { children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -15082,7 +15088,7 @@ ze(function() {
     )
   ] });
 });
-function bw(e) {
+function gw(e) {
   return [...new Set(e)].sort().join(`
 `);
 }
@@ -15093,10 +15099,10 @@ function Zl(e, t) {
     r - t.viewportHeight / 2
   );
 }
-function xw(e, t) {
+function bw(e, t) {
   return e === t ? 0 : e < t ? -1 : 1;
 }
-function yw(e, t = {}) {
+function xw(e, t = {}) {
   const n = t.hasSnapshot ?? (() => !1), r = [], o = [], i = /* @__PURE__ */ new Set();
   for (const p of e)
     if (!n(p.key)) {
@@ -15107,7 +15113,7 @@ function yw(e, t = {}) {
       i.has(p.key) || (i.add(p.key), o.push(p));
     }
   const a = o.map((p, m) => ({ candidate: p, order: m })).sort(
-    (p, m) => xw(p.candidate.distance, m.candidate.distance) || p.order - m.order
+    (p, m) => bw(p.candidate.distance, m.candidate.distance) || p.order - m.order
   ).map((p) => p.candidate), c = /* @__PURE__ */ new Map();
   for (const p of a) {
     if (p.groupKey == null) continue;
@@ -15136,33 +15142,33 @@ function yw(e, t = {}) {
   }
   return { units: l, interactionFrames: r };
 }
-const vw = 250, ww = 8, Sw = 32, Nw = /* @__PURE__ */ new Set();
+const yw = 250, vw = 8, ww = 32, Sw = /* @__PURE__ */ new Set();
 let ed = {
   phase: "idle",
   total: 0,
   completed: 0,
   failed: 0
 };
-function Iw(e) {
+function Nw(e) {
   const t = ed;
   if (!(t.phase === e.phase && t.total === e.total && t.completed === e.completed && t.failed === e.failed)) {
     ed = e;
-    for (const n of Nw) n();
+    for (const n of Sw) n();
   }
 }
-function Cw(e, t = {}) {
+function Iw(e, t = {}) {
   const n = Math.max(
     1,
-    t.pauseBackoffMs ?? vw
+    t.pauseBackoffMs ?? yw
   ), r = Math.max(
     1,
-    t.interactionChunkSize ?? ww
+    t.interactionChunkSize ?? vw
   ), o = Math.max(
     0,
-    t.interactionRequestCap ?? Sw
+    t.interactionRequestCap ?? ww
   );
   let i = 0, a = !1, c = null, l = 0, d = 0, u = 0;
-  const p = (E) => new Promise((k) => setTimeout(k, E)), m = (E) => Iw({ phase: E, total: l, completed: d, failed: u }), b = (E, k) => {
+  const p = (E) => new Promise((k) => setTimeout(k, E)), m = (E) => Nw({ phase: E, total: l, completed: d, failed: u }), b = (E, k) => {
     if (E)
       try {
         k ? E.discard() : E.release();
@@ -15229,7 +15235,7 @@ function Cw(e, t = {}) {
   }
   return { run: w, cancel: v };
 }
-const td = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Pw = 600, bn = 200, an = 280, $w = 480, ws = "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)]", Xr = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
+const td = "absolute z-20 flex flex-col overflow-hidden rounded-[13px] border border-[#e6e6e6] bg-white shadow-[0_2px_14px_rgba(0,0,0,.08)]", Cw = 600, bn = 200, an = 280, Pw = 480, ws = "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)]", Xr = (e) => `flex h-9 w-9 items-center justify-center rounded-lg ${e ? "bg-[#0d99ff] text-white" : "text-[#333] hover:bg-[#f5f5f5]"}`;
 function Ln({
   icon: e,
   label: t,
@@ -15257,7 +15263,7 @@ function Ln({
     )
   );
 }
-const Mw = ze(function({
+const $w = Be(function({
   previewIdentityReady: t = !0
 } = {}) {
   var wt;
@@ -15280,10 +15286,10 @@ const Mw = ze(function({
     $r
   );
   const l = Xe(
-    Mf,
-    ho,
-    ho
-  ), d = t ? l : null, p = (d ? kf(
+    Ef,
+    mo,
+    mo
+  ), d = t ? l : null, p = (d ? Af(
     d,
     f.canvasPages.map((_) => ({
       frameId: _.id,
@@ -15317,7 +15323,7 @@ const Mw = ze(function({
         )
       ])
     )
-  ], w = bw(x), [v, E] = Q("");
+  ], w = gw(x), [v, E] = Q("");
   ae(() => {
     let _ = !0;
     return E(""), t ? (Qa(x).then(() => {
@@ -15381,9 +15387,9 @@ const Mw = ze(function({
         ...oe && We ? { frame: { id: ne, fingerprint: We } } : {}
       });
     }
-    const ue = yw(Me, {
+    const ue = xw(Me, {
       hasSnapshot: Gn
-    }), K = cc(), Ie = Cw({
+    }), K = cc(), Ie = Iw({
       leaseInstance: async (V) => {
         const Ne = B.get(V.pageId);
         if (!Ne || Ne.route == null) return null;
@@ -15417,22 +15423,22 @@ const Mw = ze(function({
         try {
           await new Promise((le, Ge) => {
             const He = () => {
-              ne.removeEventListener("load", Be), ne.removeEventListener("error", Ue);
-            }, Be = () => {
+              ne.removeEventListener("load", Oe), ne.removeEventListener("error", Ue);
+            }, Oe = () => {
               He(), le();
             }, Ue = () => {
               He(), Ge(new Error(`The sweep preview failed to load ${oe}.`));
             };
-            ne.addEventListener("load", Be), ne.addEventListener("error", Ue), ne.src = oe;
+            ne.addEventListener("load", Oe), ne.addEventListener("error", Ue), ne.src = oe;
           });
         } catch (le) {
           throw ne.remove(), le;
         }
         let We = !1;
-        const Oe = () => {
+        const ze = () => {
           We || (We = !0, ne.remove());
         };
-        return { reused: !1, iframe: ne, release: Oe, discard: Oe };
+        return { reused: !1, iframe: ne, release: ze, discard: ze };
       },
       produce: (V, Ne, re) => {
         const U = B.get(V.pageId), oe = Ne == null ? void 0 : Ne.iframe;
@@ -15557,28 +15563,28 @@ const Mw = ze(function({
           preset: oe.preset,
           interactions: oe.interactions,
           assertions: oe.assertions
-        }, Oe = wi(
+        }, ze = wi(
           We,
           a,
           _
         );
-        if (!Oe || go(jt(oe, a)))
+        if (!ze || go(jt(oe, a)))
           continue;
-        const le = Jt(ne, Oe), Ge = (oe.canvas ?? "default") === q;
+        const le = Jt(ne, ze), Ge = (oe.canvas ?? "default") === q;
         le.status === "error" && le.reason !== "not-prepared" && Ge && V.add(ne);
         const He = le.status === "error" && le.reason === "not-prepared";
         if (Ge && (le.status === "outdated" || le.status === "generating" || le.status === "checking" || He) && (Ne += 1), le.status !== "outdated" && !(He && ue))
           continue;
-        const Be = oe.width ?? 390, Ue = cn(oe), Te = oe.canvas ?? "default";
+        const Oe = oe.width ?? 390, Ue = cn(oe), Te = oe.canvas ?? "default";
         ve.push({
           pageId: oe.id,
           canonicalId: ne,
           canvas: Te,
           distance: Ie && Te === q ? Zl(
-            { x: oe.x ?? 0, y: oe.y ?? 0, width: Be, height: Ue },
+            { x: oe.x ?? 0, y: oe.y ?? 0, width: Oe, height: Ue },
             Ie
           ) : Number.POSITIVE_INFINITY,
-          fingerprint: Oe,
+          fingerprint: ze,
           ...(() => {
             const Ve = lc(We, _);
             return Ve ? { recipe: Ve } : {};
@@ -15624,7 +15630,7 @@ const Mw = ze(function({
         (te) => te.id === G
       );
       he && Cu(he, a);
-    }, Pw);
+    }, Cw);
     return () => clearTimeout(_);
   }, [
     R,
@@ -15880,7 +15886,7 @@ const Mw = ze(function({
     const te = he.clientX, xe = _ === "left" ? se : Se, B = (ue) => {
       const K = _ === "left" ? ue.clientX - te : te - ue.clientX, Ie = Math.max(
         bn,
-        Math.min($w, xe + K)
+        Math.min(Pw, xe + K)
       );
       _ === "left" ? Ee(Ie) : be(Ie);
     }, Me = () => {
@@ -16138,7 +16144,7 @@ const Mw = ze(function({
             )) })
           ] }),
           /* @__PURE__ */ s(
-            Ev,
+            Tv,
             {
               view: O,
               onFrameFocus: _e,
@@ -16314,7 +16320,7 @@ const Mw = ze(function({
                   children: "↔"
                 }
               ),
-              /* @__PURE__ */ s(gw, {})
+              /* @__PURE__ */ s(mw, {})
             ] })
           ] }),
           /* @__PURE__ */ s(pw, {}),
@@ -16567,12 +16573,12 @@ const Mw = ze(function({
       ]
     }
   );
-}), Ew = 1, kw = 4;
-function Aw() {
+}), Mw = 1, Ew = 4;
+function kw() {
   if (!(typeof navigator > "u"))
     return navigator.deviceMemory;
 }
-function Rw(e, t, n, r = Ew) {
+function Aw(e, t, n, r = Mw) {
   const o = /* @__PURE__ */ new Map();
   return e.forEach((i, a) => {
     if (!ac(i)) return;
@@ -16603,7 +16609,7 @@ function Rw(e, t, n, r = Ew) {
     });
   }), [...o.values()].sort((i, a) => a.members - i.members || i.order - a.order).slice(0, Math.max(0, r)).map((i) => i.target);
 }
-function Tw(e, t, n) {
+function Rw(e, t, n) {
   if (!e) return [];
   const r = (p) => p.importPageId ?? p.id, o = t.find((p) => p.id === n);
   if (!o) return [];
@@ -16636,13 +16642,13 @@ function Tw(e, t, n) {
   }
   return d;
 }
-function Fw(e) {
-  const t = e.deviceMemoryGb ?? Aw();
-  if (t != null && t < kw)
+function Tw(e) {
+  const t = e.deviceMemoryGb ?? kw();
+  if (t != null && t < Ew)
     return () => {
     };
-  const n = e.instances ?? cc(), r = e.getGraph ?? ho;
-  for (const o of Rw(
+  const n = e.instances ?? cc(), r = e.getGraph ?? mo;
+  for (const o of Aw(
     e.getPages(),
     e.appOrigin,
     e.baselineEnvironment
@@ -16653,7 +16659,7 @@ function Fw(e) {
     () => e.editor.activePageId,
     (o) => {
       if (!o) return;
-      const i = Tw(
+      const i = Rw(
         r(),
         e.getPages(),
         o
@@ -16665,7 +16671,7 @@ function Fw(e) {
     }
   );
 }
-function Lw(e) {
+function Fw(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, a) => {
@@ -16696,7 +16702,7 @@ function Pa(e, t = /* @__PURE__ */ new Set()) {
   }
   return t.delete(e), n;
 }
-function _w(e) {
+function Lw(e) {
   return JSON.stringify(
     Pa({
       version: 1,
@@ -16720,11 +16726,11 @@ function _w(e) {
 function ut(e) {
   return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, n) => t.localeCompare(n));
 }
-function Dw(e, t) {
+function _w(e, t) {
   var r;
   return ((r = e.id) == null ? void 0 : r.trim()) || `edge:${t + 1}`;
 }
-function zw(e) {
+function Dw(e) {
   const t = [...e.screens].sort((r, o) => r.id.localeCompare(o.id)), n = t[0].id;
   return {
     id: `story:${n}`,
@@ -16753,7 +16759,7 @@ function nd(e) {
     e.scenarioId
   ].join(":");
 }
-function Ow(e) {
+function zw(e) {
   var ce, ie;
   const t = [], n = [], r = /* @__PURE__ */ new Map();
   for (const P of e.screens) {
@@ -16774,7 +16780,7 @@ function Ow(e) {
   for (const P of n) {
     let A;
     try {
-      if (A = (e.recipeKey ?? _w)(P), !A.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (A = (e.recipeKey ?? Lw)(P), !A.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch ($) {
       i.add(P.id), t.push({
         code: "invalid-recipe",
@@ -16786,7 +16792,7 @@ function Ow(e) {
     const M = o.get(A);
     M ? M.screens.push(P) : o.set(A, { recipeKey: A, screens: [P] });
   }
-  const a = [...o.values()].map(zw).sort((P, A) => P.id.localeCompare(A.id)), c = {};
+  const a = [...o.values()].map(Dw).sort((P, A) => P.id.localeCompare(A.id)), c = {};
   for (const P of a)
     for (const A of P.screenIds) c[A] = P.id;
   const l = new Map(a.map((P) => [P.id, P])), d = (P, A) => ut([
@@ -16845,7 +16851,7 @@ function Ow(e) {
   let E = 0;
   for (const [P, A] of v)
     for (const M of A) {
-      const $ = Dw(M, E);
+      const $ = _w(M, E);
       E += 1;
       const de = b(M.from, $, "source"), se = b(M.to, $, "target");
       if (!de || !se || de === se) continue;
@@ -17015,7 +17021,7 @@ function Ow(e) {
     coverage: je
   };
 }
-function Bw(e) {
+function Ow(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
 function ki(e) {
@@ -17029,7 +17035,7 @@ function ki(e) {
 function rd(e) {
   return JSON.stringify(ki(e ?? null));
 }
-function jw(e) {
+function Bw(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function Ht(e) {
@@ -17077,7 +17083,7 @@ function od(e, t, n) {
     screenIds: n.get(i) ?? [a]
   })).sort((i, a) => i.representativeId.localeCompare(a.representativeId));
 }
-function Ww(e) {
+function jw(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e ?? []) {
@@ -17091,7 +17097,7 @@ function Ww(e) {
   }
   return [...t.values()].sort((r, o) => r.id.localeCompare(o.id));
 }
-function Hw(e, t, n, r) {
+function Ww(e, t, n, r) {
   return (e ?? []).flatMap((o, i) => {
     var p, m, b;
     const a = (p = o.from) == null ? void 0 : p.trim(), c = (m = o.to) == null ? void 0 : m.trim();
@@ -17115,7 +17121,7 @@ function Hw(e, t, n, r) {
     );
   });
 }
-function Uw(e, t, n) {
+function Hw(e, t, n) {
   const r = Ht(e.route);
   if (!r) return [];
   const o = t.filter(
@@ -17139,7 +17145,7 @@ function Uw(e, t, n) {
     )
   ].sort((c, l) => c.localeCompare(l));
 }
-function Vw(e, t) {
+function Uw(e, t) {
   const n = e.some((i) => i.importKind != null), r = t.candidates ?? [], o = jf(t);
   return e.filter(
     (i) => n ? i.importKind === "screens" : !!i.route
@@ -17161,7 +17167,7 @@ function Vw(e, t) {
     scenario: i.scenario,
     state: i.state,
     scenarioId: i.scenarioId,
-    scenarioIds: Uw(i, r, o),
+    scenarioIds: Hw(i, r, o),
     interactions: i.interactions,
     environment: i.environment,
     preset: i.preset,
@@ -17178,7 +17184,7 @@ function Ki(e, t) {
   const i = !e.environment && !e.preset ? 0 : 1, a = !t.environment && !t.preset ? 0 : 1;
   return i !== a ? i - a : e.id.localeCompare(t.id);
 }
-function Kw(e) {
+function Vw(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = Ht(n.route);
@@ -17193,7 +17199,7 @@ function Kw(e) {
     })
   );
 }
-function qw(e) {
+function Kw(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const r = Ht(n.route);
@@ -17208,7 +17214,7 @@ function qw(e) {
     ])
   );
 }
-function Yw(e) {
+function qw(e) {
   return e.action === "wait" ? null : JSON.stringify(
     ki({
       action: e.action,
@@ -17225,12 +17231,12 @@ function Yw(e) {
   );
 }
 function Bf(e) {
-  return (e.interactions ?? []).map(Yw).filter((t) => t != null);
+  return (e.interactions ?? []).map(qw).filter((t) => t != null);
 }
-function Gw(e, t) {
+function Yw(e, t) {
   return e.length < t.length && e.every((n, r) => n === t[r]);
 }
-function Xw(e, t) {
+function Gw(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = Ht(r.route);
@@ -17249,7 +17255,7 @@ function Xw(e, t) {
     }));
   });
 }
-function Jw(e, t) {
+function Xw(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = Ht(r.route);
@@ -17267,7 +17273,7 @@ function Jw(e, t) {
       const d = i.get(l.id);
       if (!d.length) return [];
       const p = o.filter(
-        (m) => Gw(
+        (m) => Yw(
           i.get(m.id),
           d
         )
@@ -17299,7 +17305,7 @@ function Jw(e, t) {
     });
   });
 }
-function Qw(e) {
+function Jw(e) {
   var n;
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
@@ -17331,7 +17337,7 @@ function Qw(e) {
     });
   });
 }
-function Zw(e, t, n) {
+function Qw(e, t, n) {
   const r = new Set(
     (t.routes ?? []).map((o) => Ht(o.path)).filter((o) => !!o)
   );
@@ -17353,7 +17359,7 @@ function Zw(e, t, n) {
     } : o;
   });
 }
-function e0(e, t) {
+function Zw(e, t) {
   var d, u, p, m, b;
   const n = new Set(e.map((x) => x.id)), r = new Map(
     e.map((x, w) => [x.id, w])
@@ -17418,42 +17424,42 @@ function e0(e, t) {
 }
 function jf(e) {
   var t, n;
-  return Bw(
+  return Ow(
     (n = (t = e.scenarios) == null ? void 0 : t.find(
       (r) => r.id === "environment:baseline"
     )) == null ? void 0 : n.environment
   );
 }
-function t0(e) {
+function e0(e) {
   var l, d, u, p, m;
-  const t = Vw(
+  const t = Uw(
     e.pages,
     e.manifest
-  ), n = Kw(t), r = qw(t), o = Zw(
+  ), n = Vw(t), r = Kw(t), o = Qw(
     t,
     e.manifest,
     n
   ), a = [
-    ...Hw(
+    ...Ww(
       e.manifest.edges,
       n,
       r,
       new Set(o.map((b) => b.id))
     ),
+    ...Gw(o, n),
     ...Xw(o, n),
-    ...Jw(o, n),
-    ...Qw(o)
+    ...Jw(o)
   ], c = [
     ...((l = e.storyboard) == null ? void 0 : l.edges) ?? [],
-    ...Lw(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
+    ...Fw(((d = e.storyboard) == null ? void 0 : d.paths) ?? [])
   ];
-  return Ow({
+  return zw({
     screens: o,
     assets: e.assets,
-    scenarios: Ww(e.manifest.routes),
+    scenarios: jw(e.manifest.routes),
     explicitEdges: c,
     inferredEdges: a,
-    startScreenIds: (p = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && p.length ? e.storyboard.startScreenIds : e0(o, [...c, ...a]),
+    startScreenIds: (p = (u = e.storyboard) == null ? void 0 : u.startScreenIds) != null && p.length ? e.storyboard.startScreenIds : Zw(o, [...c, ...a]),
     nonVisualScenarioIds: (m = e.storyboard) == null ? void 0 : m.nonVisualScenarioIds
   });
 }
@@ -17466,12 +17472,12 @@ async function Wf(e) {
   if (!n.ok)
     throw new Error(`Storyboard discovery failed (${n.status})`);
   const r = await n.json();
-  if (!jw(r))
+  if (!Bw(r))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: r,
     baselineEnvironment: jf(r),
-    graph: t0({
+    graph: e0({
       manifest: r,
       pages: e.pages,
       assets: e.assets,
@@ -17479,7 +17485,7 @@ async function Wf(e) {
     })
   };
 }
-async function K0(e) {
+async function V0(e) {
   $n(null);
   try {
     const t = await Wf(e);
@@ -17488,15 +17494,15 @@ async function K0(e) {
     throw $n(null), t;
   }
 }
-const Ai = "var(--pygmalion-catalog-surface, #ffffff)", Ri = "var(--pygmalion-catalog-canvas, #f5f5f5)", $a = "var(--pygmalion-catalog-border, #e5e7eb)", Ti = "var(--pygmalion-catalog-text, #202124)", Wt = "var(--pygmalion-catalog-muted, #6b7280)", n0 = "var(--pygmalion-catalog-header, #11182f)", r0 = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function q0({
+const Ai = "var(--pygmalion-catalog-surface, #ffffff)", Ri = "var(--pygmalion-catalog-canvas, #f5f5f5)", $a = "var(--pygmalion-catalog-border, #e5e7eb)", Ti = "var(--pygmalion-catalog-text, #202124)", Wt = "var(--pygmalion-catalog-muted, #6b7280)", t0 = "var(--pygmalion-catalog-header, #11182f)", n0 = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function K0({
   title: e,
   eyebrow: t,
   description: n,
   version: r,
   meta: o,
   children: i,
-  headerBackground: a = n0,
+  headerBackground: a = t0,
   headerColor: c = "#ffffff",
   bodyBackground: l = Ai,
   bodyGap: d = 40
@@ -17613,7 +17619,7 @@ function q0({
     }
   );
 }
-function Y0({
+function q0({
   title: e,
   itemId: t,
   count: n,
@@ -17658,7 +17664,7 @@ function Y0({
     }
   );
 }
-function G0({
+function Y0({
   rows: e,
   columns: t,
   cornerLabel: n,
@@ -17677,7 +17683,7 @@ function G0({
         display: "inline-block",
         width: "max-content",
         padding: a ? 16 : 0,
-        border: a ? `1px dashed ${r0}` : void 0,
+        border: a ? `1px dashed ${n0}` : void 0,
         borderRadius: a ? 4 : void 0
       },
       children: /* @__PURE__ */ g(
@@ -17755,11 +17761,11 @@ function G0({
     }
   );
 }
-function o0(e) {
+function r0(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
 function Hf(e, t, n = "PygmalionCatalog") {
-  const r = (o) => o0(o).replace(/-/g, "_");
+  const r = (o) => r0(o).replace(/-/g, "_");
   return `${n}_${r(e)}_${r(t)}`;
 }
 function Uf(e, t) {
@@ -17781,10 +17787,10 @@ function Vf(e) {
     t.add(n.id);
   }
 }
-function i0(e, t, n) {
+function o0(e, t, n) {
   return typeof e == "function" ? e(t, n) : e;
 }
-function s0({
+function i0({
   page: e,
   items: t,
   renderPreview: n,
@@ -17888,7 +17894,7 @@ function s0({
     }
   );
 }
-function X0(e) {
+function G0(e) {
   Vf(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const o of e.items) {
@@ -17912,7 +17918,7 @@ function X0(e) {
   const n = {}, r = [];
   for (const o of t.values()) {
     const i = () => /* @__PURE__ */ s(
-      s0,
+      i0,
       {
         page: o.page,
         items: o.items,
@@ -17925,7 +17931,7 @@ function X0(e) {
       component: i,
       children: "none"
     };
-    const a = i0(e.frame, o.page, o.items);
+    const a = o0(e.frame, o.page, o.items);
     r.push({
       ...o.page,
       componentName: o.registryName,
@@ -17943,7 +17949,7 @@ function X0(e) {
     }
   };
 }
-function a0(e, t = 60) {
+function s0(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), a = o == null ? void 0 : o[1].slice(0, Math.max(1, Math.floor(t / i)));
   return {
     row: r,
@@ -17952,7 +17958,7 @@ function a0(e, t = 60) {
     additional: n.slice(2)
   };
 }
-function c0(e, t, n, r) {
+function a0(e, t, n, r) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
@@ -17960,7 +17966,7 @@ function c0(e, t, n, r) {
     ...t.column && r !== void 0 ? { [t.column[0]]: r } : {}
   };
 }
-function l0({
+function c0({
   item: e,
   entry: t,
   maxVariantCells: n
@@ -17986,7 +17992,7 @@ function l0({
         ]
       }
     );
-  const r = a0(t, n), o = ((c = r.row) == null ? void 0 : c[1]) ?? [void 0], i = ((l = r.column) == null ? void 0 : l[1]) ?? [void 0], a = t.component;
+  const r = s0(t, n), o = ((c = r.row) == null ? void 0 : c[1]) ?? [void 0], i = ((l = r.column) == null ? void 0 : l[1]) ?? [void 0], a = t.component;
   return /* @__PURE__ */ g(
     "section",
     {
@@ -18017,7 +18023,7 @@ function l0({
             children: o.flatMap(
               (d) => i.map((u) => {
                 var b, x;
-                const p = c0(t, r, d, u), m = [
+                const p = a0(t, r, d, u), m = [
                   r.row && d !== void 0 ? `${((b = t.propLabels) == null ? void 0 : b[r.row[0]]) ?? r.row[0]}=${String(d)}` : "",
                   r.column && u !== void 0 ? `${((x = t.propLabels) == null ? void 0 : x[r.column[0]]) ?? r.column[0]}=${String(u)}` : ""
                 ].filter(Boolean).join(" · ");
@@ -18076,7 +18082,7 @@ function l0({
     }
   );
 }
-function J0(e) {
+function X0(e) {
   Vf(e.items);
   const t = {}, n = [], r = [], o = e.maxVariantCells ?? 60;
   for (const i of e.items) {
@@ -18085,7 +18091,7 @@ function J0(e) {
       i.id,
       e.registryPrefix
     ), c = e.registry[i.name], l = () => /* @__PURE__ */ s(
-      l0,
+      c0,
       {
         item: i,
         entry: c,
@@ -18113,7 +18119,7 @@ function J0(e) {
     }
   };
 }
-const Ss = (e) => e.map((t) => `"${t.name}"`).join(", "), id = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, d0 = (e) => e.state ?? "default", u0 = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, Vo = (e, t) => {
+const Ss = (e) => e.map((t) => `"${t.name}"`).join(", "), id = (e) => `${e.width ?? "?"}x${e.height ?? "?"}`, l0 = (e) => e.state ?? "default", d0 = (e) => e === void 0 ? "(no canvas)" : `"${e}"`, Vo = (e, t) => {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = n.get(t(r));
@@ -18121,7 +18127,7 @@ const Ss = (e) => e.map((t) => `"${t.name}"`).join(", "), id = (e) => `${e.width
   }
   return n;
 };
-function Q0(e) {
+function J0(e) {
   const t = Vo(
     e.filter((r) => !!r.scenario && r.route != null),
     (r) => r.scenario
@@ -18138,7 +18144,7 @@ function Q0(e) {
     }
     const i = Vo(o, (a) => a.canvas);
     if (i.size > 1) {
-      const a = [...i.entries()].map(([c, l]) => `${u0(c)}: ${Ss(l)}`).join("; ");
+      const a = [...i.entries()].map(([c, l]) => `${d0(c)}: ${Ss(l)}`).join("; ");
       n.push({
         severity: "warning",
         code: "cross-canvas",
@@ -18156,7 +18162,7 @@ function Q0(e) {
           message: `Scenario "${r}" mixes viewports: ${d}; sibling states should share one viewport so flipping between them compares like with like.`
         });
       }
-      const l = Vo(a, d0);
+      const l = Vo(a, l0);
       for (const [d, u] of l)
         u.length < 2 || n.push({
           severity: "warning",
@@ -18168,23 +18174,23 @@ function Q0(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 Kf = 42e4, f0 = 2e3, h0 = 500, p0 = 5e3, m0 = 3e4;
-function g0(e) {
-  const t = p0 * 2 ** Math.max(0, e);
-  return Math.min(t, m0);
+const Kf = 42e4, u0 = 2e3, f0 = 500, h0 = 5e3, p0 = 3e4;
+function m0(e) {
+  const t = h0 * 2 ** Math.max(0, e);
+  return Math.min(t, p0);
 }
-function b0(e) {
+function g0(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-async function x0(e) {
+async function b0(e) {
   const {
     initial: t,
     fetchStatus: n,
     requestResync: r,
     timeoutMs: o = Kf,
-    intervalMs: i = h0,
+    intervalMs: i = f0,
     now: a = Date.now,
-    sleep: c = b0
+    sleep: c = g0
   } = e;
   let l = t, d = !1;
   const u = a();
@@ -18201,9 +18207,9 @@ async function x0(e) {
   }
   return l;
 }
-const sd = /^[a-f0-9]{64}$/, y0 = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, v0 = /^p\d+$/;
+const sd = /^[a-f0-9]{64}$/, x0 = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, y0 = /^p\d+$/;
 function Ma(e) {
-  return typeof e == "string" && y0.test(e) ? e : void 0;
+  return typeof e == "string" && x0.test(e) ? e : void 0;
 }
 function ad(e, t) {
   const n = new URL(e, t);
@@ -18223,7 +18229,7 @@ function cd(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 w0(e) {
+function v0(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e, n = cd(t.before), r = cd(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)
@@ -18240,7 +18246,7 @@ function w0(e) {
     heatmapUrl: o
   };
 }
-function S0(e, t) {
+function w0(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const n = e;
   if (typeof n.id != "string" || !n.id) return null;
@@ -18248,7 +18254,7 @@ function S0(e, t) {
   if (!o) return null;
   const i = Ns(n.after);
   if (t === "changed" && !i) return null;
-  const a = i ? w0(n.pixelDiff) : null;
+  const a = i ? v0(n.pixelDiff) : null;
   return {
     id: n.id,
     before: o,
@@ -18260,7 +18266,7 @@ function S0(e, t) {
     ...a ? { pixelDiff: a } : {}
   };
 }
-function N0(e, t = []) {
+function S0(e, t = []) {
   const n = new Set(t), r = n.size > 0, o = /* @__PURE__ */ new Set(), i = [
     ...e.styles.map((a) => a.affectedFrames ?? []),
     ...e.texts.map((a) => a.affectedFrames ?? []),
@@ -18268,7 +18274,7 @@ function N0(e, t = []) {
   ];
   for (const a of i)
     for (const c of a) {
-      if (r && v0.test(c.id) && !n.has(c.id))
+      if (r && y0.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.`
         );
@@ -18288,7 +18294,7 @@ async function ld(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) => S0(u, n.phase)).filter((u) => u != null) : [], a = Array.isArray(o.failures) ? o.failures.map((u) => {
+  const i = Array.isArray(o.frames) ? o.frames.map((u) => w0(u, n.phase)).filter((u) => u != null) : [], a = Array.isArray(o.failures) ? o.failures.map((u) => {
     if (!u || typeof u != "object" || Array.isArray(u)) return null;
     const p = u;
     return typeof p.id == "string" && typeof p.error == "string" ? { id: p.id, error: p.error } : null;
@@ -18305,12 +18311,12 @@ const Is = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, I0 = "pygmalion.designSessionId", C0 = "/__pygmalion-qa", Ko = /* @__PURE__ */ new Map();
+}, N0 = "pygmalion.designSessionId", I0 = "/__pygmalion-qa", Ko = /* @__PURE__ */ new Map();
 function dd() {
   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 P0(e, t) {
+function C0(e, t) {
   if (e) return e;
   const n = Ko.get(t);
   if (n) return n;
@@ -18330,23 +18336,23 @@ async function tn(e) {
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-const $0 = 3e4;
-function Cs(e = $0) {
+const P0 = 3e4;
+function Cs(e = P0) {
   return typeof AbortSignal > "u" || typeof AbortSignal.timeout != "function" ? {} : { signal: AbortSignal.timeout(e) };
 }
-function Z0(e = {}) {
+function Q0(e = {}) {
   var je, ce, ie, P, A;
   const {
     sessionId: t,
-    sessionStorageKey: n = I0,
+    sessionStorageKey: n = N0,
     autoStart: r = !0,
     fetcher: o = fetch,
     formatApplyMessage: i
-  } = e, a = ((je = e.endpoints) == null ? void 0 : je.mirror) ?? Is.mirror, c = ((ce = e.endpoints) == null ? void 0 : ce.sessions) ?? Is.sessions, l = ((ie = e.endpoints) == null ? void 0 : ie.inspect) ?? Is.inspect, d = e.visualQa != null, u = ((P = e.visualQa) == null ? void 0 : P.endpoint) ?? C0, p = JSON.stringify(((A = e.visualQa) == null ? void 0 : A.eligibleFrameIds) ?? []), m = _t(
+  } = e, a = ((je = e.endpoints) == null ? void 0 : je.mirror) ?? Is.mirror, c = ((ce = e.endpoints) == null ? void 0 : ce.sessions) ?? Is.sessions, l = ((ie = e.endpoints) == null ? void 0 : ie.inspect) ?? Is.inspect, d = e.visualQa != null, u = ((P = e.visualQa) == null ? void 0 : P.endpoint) ?? I0, p = JSON.stringify(((A = e.visualQa) == null ? void 0 : A.eligibleFrameIds) ?? []), m = _t(
     () => JSON.parse(p),
     [p]
   ), b = _t(
-    () => P0(t, n),
+    () => C0(t, n),
     [t, n]
   ), [x, w] = Q({
     state: "idle",
@@ -18378,7 +18384,7 @@ function Z0(e = {}) {
             ...M || se ? {} : Cs()
           });
           let Se = await tn(Ee);
-          if (M || (Se = await x0({
+          if (M || (Se = await b0({
             initial: Se,
             fetchStatus: async () => tn(
               await o(`${a}/status`, Cs())
@@ -18527,7 +18533,7 @@ function Z0(e = {}) {
       );
       if (!$.ok || !Number.isSafeInteger($.revision))
         throw new Error($.error ?? "Pygmalion could not preview the visual changes");
-      const de = d ? N0(M, m) : [];
+      const de = d ? S0(M, m) : [];
       let se;
       const Ee = v.appOrigin ?? x.appOrigin;
       if (de.length > 0) {
@@ -18615,7 +18621,7 @@ function Z0(e = {}) {
     if (x.state !== "error") return;
     const M = window.setTimeout(() => {
       G(!1);
-    }, g0(ee.current++));
+    }, m0(ee.current++));
     return () => window.clearTimeout(M);
   }, [r, k, x.state, G]), ae(() => {
     if (!r || x.state !== "idle") return;
@@ -18631,7 +18637,7 @@ function Z0(e = {}) {
         } catch {
         }
       })();
-    }, f0);
+    }, u0);
     return () => {
       M = !0, window.clearInterval($);
     };
@@ -18656,7 +18662,7 @@ function Z0(e = {}) {
     revertLastVisual: O
   };
 }
-function e1({
+function Z0({
   value: e,
   currentCommit: t = null,
   refs: n,
@@ -18751,7 +18757,7 @@ function e1({
   );
 }
 let qf = !1, Yf = "";
-const t1 = {
+const e1 = {
   editor: f,
   getObserverTree: vp,
   isObservableProp: yp,
@@ -18761,8 +18767,8 @@ const t1 = {
       Promise.resolve().then(() => ea),
       Promise.resolve().then(() => og),
       Promise.resolve().then(() => nm),
-      import("./FrozenRoutePreview-Dh_-9mqN.js").then((u) => u.bf),
-      import("./FrozenRoutePreview-Dh_-9mqN.js").then((u) => u.be)
+      import("./FrozenRoutePreview-Df_DH4UK.js").then((u) => u.bf),
+      import("./FrozenRoutePreview-Df_DH4UK.js").then((u) => u.be)
     ]), a = i.getMountedShadowPreviewHandle(e), c = f.pages.find(
       (u) => u.id === e
     );
@@ -18862,17 +18868,17 @@ const t1 = {
     };
   }
 };
-function n1(e) {
+function t1(e) {
   f.navigateToPageByName(e);
 }
-function r1() {
+function n1() {
   f.openPreview();
 }
-function o1() {
+function r1() {
   const e = J.entries.length > 0;
   return e && J.discardPending(), f.resetCurrentEdits() || e;
 }
-function i1({
+function o1({
   registry: e,
   tokens: t,
   initialPages: n,
@@ -18932,7 +18938,7 @@ function i1({
   const [st, wt] = Q();
   d && (d.assertComplete(), Sp(d));
   const _ = e ?? (d == null ? void 0 : d.getRegistry()), he = t ?? (d == null ? void 0 : d.getTokens()), te = n ?? (d == null ? void 0 : d.getInitialPages());
-  _ && Np(_), Fx(i ?? []), he && Gx(he), kv(a ?? []), Rv(c ?? []), Xx(u ?? null), eu(b), Xd(
+  _ && Np(_), Fx(i ?? []), he && Gx(he), Fv(a ?? []), iv(c ?? []), Xx(u ?? null), eu(b), Xd(
     !!(w != null && w.trim())
   );
   const xe = st ?? x, B = _t(
@@ -18988,7 +18994,7 @@ function i1({
       interactions: U.interactions,
       assertions: U.assertions
     })
-  ), v != null && ou(v), _p(k ?? null), L != null && Ip(L), W != null && Cp(W), Ry(q), f.initEditMode(o !== "view-only"), Nu(S ?? []), vu(j ?? 1), Ov(G ?? []), Pp(R ?? []), $p(T ?? []), Mp(I ?? [], N), Ep(F ?? []), kp(O ?? [], ee), Ap(Ae ?? []), jg($e ?? 0), Rp(je ?? []), Ob(ce ?? []), Dp(ie ?? null), zp(A ?? null), Tp(M ?? null), Op($ ?? null), te && f.initPagesFromComponents(te, { initialCanvas: r }), ai(() => {
+  ), v != null && ou(v), _p(k ?? null), L != null && Ip(L), W != null && Cp(W), Ry(q), f.initEditMode(o !== "view-only"), Nu(S ?? []), vu(j ?? 1), Bv(G ?? []), Pp(R ?? []), $p(T ?? []), Mp(I ?? [], N), Ep(F ?? []), kp(O ?? [], ee), Ap(Ae ?? []), jg($e ?? 0), Rp(je ?? []), Ob(ce ?? []), Dp(ie ?? null), zp(A ?? null), Tp(M ?? null), Op($ ?? null), te && f.initPagesFromComponents(te, { initialCanvas: r }), ai(() => {
     p != null && Fp(p), m != null && Lp(m), Zm(l ?? []);
   }, [p, l, m]), ai(() => {
     !xe || !te || !_e || Qs(xe, {
@@ -19030,8 +19036,8 @@ function i1({
     const U = new AbortController(), oe = yb({
       endpoint: w,
       captureBaseUrl: p
-    }), ne = Ya(m), We = (Be) => {
-      Qs(Be, {
+    }), ne = Ya(m), We = (Oe) => {
+      Qs(Oe, {
         namespace: b,
         previewRevision: m,
         appOrigin: Uc(),
@@ -19045,23 +19051,23 @@ function i1({
             fingerprint: (Ve = Ne[Te]) == null ? void 0 : Ve.fingerprint
           };
         })
-      }), wt(Be);
-    }, Oe = (Be, Ue, Te, Ve) => $b({
+      }), wt(Oe);
+    }, ze = (Oe, Ue, Te, Ve) => $b({
       namespace: b,
       sourceRevision: ne,
       transport: oe,
       signal: Te,
-      ...Be.length ? { frames: Be } : {},
+      ...Oe.length ? { frames: Oe } : {},
       ...Ue ? {} : { generate: !1 },
       ...Ve === void 0 ? {} : { priority: Ve }
-    }), le = (Be, Ue) => {
+    }), le = (Oe, Ue) => {
       const Te = new Set(Ue);
-      return Be.filter((Ve) => Te.has(Ve.id));
-    }, Ge = (Be, Ue) => Be instanceof Error && Be.message ? Be.message : Ue, He = new AbortController();
-    if (Ys(async (Be, Ue) => {
+      return Oe.filter((Ve) => Te.has(Ve.id));
+    }, Ge = (Oe, Ue) => Oe instanceof Error && Oe.message ? Oe.message : Ue, He = new AbortController();
+    if (Ys(async (Oe, Ue) => {
       var Ve, $t, pt, dt;
-      const Te = await Oe(
-        Be,
+      const Te = await ze(
+        Oe,
         !0,
         He.signal,
         Ue == null ? void 0 : Ue.priority
@@ -19069,7 +19075,7 @@ function i1({
       if (Te.status === "accepted") {
         We(Te.artifact);
         const un = new Set(((Ve = Te.frameResolution) == null ? void 0 : Ve.exact) ?? []);
-        if (Be.every((Je) => un.has(Je.id)))
+        if (Oe.every((Je) => un.has(Je.id)))
           return { status: "accepted" };
         const zt = [
           ...(($t = Te.frameResolution) == null ? void 0 : $t.missing) ?? [],
@@ -19098,14 +19104,14 @@ function i1({
         ...(dt = Te.error) != null && dt.pygmalionNotPrepared ? { notPrepared: !0 } : {}
       };
     }), ve.current.length) {
-      const Be = ve.current.filter((Te) => {
+      const Oe = ve.current.filter((Te) => {
         const Ve = Jt(
           Te.id,
           Te.fingerprint
         ).status;
         return Ve !== "exact" && Ve !== "generating";
       });
-      ft(Be, { status: "checking" });
+      ft(Oe, { status: "checking" });
       const Ue = (Te) => Te.filter((Ve) => {
         const $t = Jt(
           Ve.id,
@@ -19127,12 +19133,12 @@ function i1({
         );
         ft(
           Ue(
-            Be.filter((Je) => Ve.has(Je.id))
+            Oe.filter((Je) => Ve.has(Je.id))
           ),
           { status: "exact" }
         );
         const $t = Ue(
-          Be.filter((Je) => !Ve.has(Je.id))
+          Oe.filter((Je) => !Ve.has(Je.id))
         ), pt = [];
         for (const Je of sl(
           $t
@@ -19172,7 +19178,7 @@ function i1({
         for (const Je of sl(
           Ue(pt)
         )) {
-          const Ke = await Oe(
+          const Ke = await ze(
             Je,
             !1,
             U.signal
@@ -19205,7 +19211,7 @@ function i1({
         }
       })().catch((Te) => {
         if (U.signal.aborted) return;
-        const Ve = Ue(Be);
+        const Ve = Ue(Oe);
         ft(Ve, {
           status: "error",
           reason: "unavailable",
@@ -19266,125 +19272,125 @@ function i1({
     const U = p ?? wn();
     if (!U) return;
     const oe = `${U}|${m ?? Yn()}`;
-    return re.current != null && re.current !== oe && Qg(), re.current = oe, Fw({
+    return re.current != null && re.current !== oe && Qg(), re.current = oe, Tw({
       editor: f,
       getPages: () => f.pages,
       appOrigin: U,
       baselineEnvironment: Tt()
     });
-  }, [p, _e, m]), /* @__PURE__ */ s(Mw, { previewIdentityReady: _e });
+  }, [p, _e, m]), /* @__PURE__ */ s($w, { previewIdentityReady: _e });
 }
 export {
   Vy as DEFAULT_DESIGN_COMPILE_LIMITS,
-  c1 as DESIGN_IMPORT_KINDS,
+  a1 as DESIGN_IMPORT_KINDS,
   Hy as DESIGN_IR_SCHEMA,
   Uy as DESIGN_IR_VERSION,
   al as MIN_SURFACE_REASON_LENGTH,
-  q0 as PygmalionCatalogDocument,
-  G0 as PygmalionCatalogMatrix,
-  Y0 as PygmalionCatalogSection,
-  i1 as PygmalionEditor,
+  K0 as PygmalionCatalogDocument,
+  Y0 as PygmalionCatalogMatrix,
+  q0 as PygmalionCatalogSection,
+  o1 as PygmalionEditor,
   wp as STORYBOARD_ENVIRONMENT_CONTROL,
-  l1 as STORYBOARD_ENVIRONMENT_QUERY,
-  e1 as SourceRefControl,
-  t1 as __debug,
-  zv as applyScenarioCoverageClaim,
-  W0 as applyTokenOverride,
+  c1 as STORYBOARD_ENVIRONMENT_QUERY,
+  Z0 as SourceRefControl,
+  e1 as __debug,
+  Ov as applyScenarioCoverageClaim,
+  j0 as applyTokenOverride,
   $b as bootstrapPreviewArtifact,
-  L0 as clearPreviewEnvironmentControlValues,
+  F0 as clearPreviewEnvironmentControlValues,
   Hm as clearPygmalionPreviewCache,
   Zy as compileDesignDocument,
-  J0 as createDesignComponentCatalog,
-  a0 as createDesignComponentVariantMatrix,
-  X0 as createDesignGalleryCatalog,
-  d1 as createDesignImportController,
-  U0 as createDesignIntermediateDocument,
-  u1 as createDesignScreenCollection,
+  X0 as createDesignComponentCatalog,
+  s0 as createDesignComponentVariantMatrix,
+  G0 as createDesignGalleryCatalog,
+  l1 as createDesignImportController,
+  H0 as createDesignIntermediateDocument,
+  d1 as createDesignScreenCollection,
   yb as createPreviewArtifactHttpTransport,
-  _0 as createPreviewCacheNamespace,
+  L0 as createPreviewCacheNamespace,
   pb as createPreviewFrameFingerprint,
   Lu as createPreviewRecipeFingerprint,
   xb as createStoryboardCaptureRecipeIdentity,
-  Ow as createStoryboardGraph,
-  t0 as createStoryboardGraphFromDiscovery,
-  kf as createStoryboardGraphViewModel,
-  Lw as createStoryboardPathEdges,
+  zw as createStoryboardGraph,
+  e0 as createStoryboardGraphFromDiscovery,
+  Af as createStoryboardGraphViewModel,
+  Fw as createStoryboardPathEdges,
   Of as createStoryboardRouteScenarioId,
   wr as createStoryboardRouteUrl,
-  o0 as designCatalogKey,
+  r0 as designCatalogKey,
   Hf as designCatalogRegistryName,
   _b as enumerateControlCandidates,
-  j0 as enumerateDesignComponentConnectionCases,
+  B0 as enumerateDesignComponentConnectionCases,
   zb as enumerateRequestCandidates,
-  z0 as enumerateRouteCandidates,
-  f1 as expandDesignScreenCasesViewports,
-  h1 as expandDesignScreenCollectionViewports,
+  D0 as enumerateRouteCandidates,
+  u1 as expandDesignScreenCasesViewports,
+  f1 as expandDesignScreenCollectionViewports,
   Wu as frameSurfaceDemands,
-  p1 as framesMissingScenario,
+  h1 as framesMissingScenario,
   Qy as getDesignCodegenAdapters,
-  B0 as getDesignComponentConnection,
+  O0 as getDesignComponentConnection,
   ma as getDesignComponentConnectionForComponent,
-  O0 as getDesignComponentConnections,
+  z0 as getDesignComponentConnections,
   Wb as getObservedRequests,
   tg as getPreviewEnvironmentControlValue,
   eg as getPreviewEnvironmentControls,
   rg as getPreviewEnvironmentOverride,
   Fa as getRecommendedPygmalionPreviewConcurrency,
-  Ul as getSelectedSessionPreset,
-  Tv as getSessionPresets,
+  jl as getSelectedSessionPreset,
+  sv as getSessionPresets,
   Tt as getStoryboardBaselineEnvironment,
   jf as getStoryboardDiscoveryBaselineEnvironment,
-  ho as getStoryboardGraph,
+  mo as getStoryboardGraph,
   Bb as getSurfaceClassifications,
-  _f as getViewportPresets,
+  Df as getViewportPresets,
   Wf as loadStoryboardDiscovery,
-  m1 as mergeScreenPresets,
+  p1 as mergeScreenPresets,
   Dt as mergeStoryboardEnvironment,
-  K0 as publishStoryboardDiscovery,
-  n1 as pygmalionNavigate,
-  r1 as pygmalionOpenPreview,
-  o1 as pygmalionResetCurrentEdits,
-  F0 as reconstructRoutePreviewArtifactScreenshotV3,
-  T0 as reconstructRoutePreviewArtifactSnapshotV3,
+  V0 as publishStoryboardDiscovery,
+  t1 as pygmalionNavigate,
+  n1 as pygmalionOpenPreview,
+  r1 as pygmalionResetCurrentEdits,
+  T0 as reconstructRoutePreviewArtifactScreenshotV3,
+  R0 as reconstructRoutePreviewArtifactSnapshotV3,
   Jy as registerDesignCodegenAdapter,
   Db as requestEndpointShape,
-  H0 as resetTokenOverrides,
+  W0 as resetTokenOverrides,
   Pb as resolvePreviewArtifactFrames,
-  Vw as resolveStoryboardScreenCases,
-  Df as selectSessionPreset,
+  Uw as resolveStoryboardScreenCases,
+  Mf as selectSessionPreset,
   Np as setComponentRegistry,
   Fx as setDesignComponentConnections,
   jb as setObservedRequests,
   ng as setPreviewEnvironmentControlValue,
   Zm as setPreviewEnvironmentControls,
   Fp as setPygmalionAppOrigin,
-  g1 as setPygmalionArtifactOrigin,
+  m1 as setPygmalionArtifactOrigin,
   ou as setPygmalionPreviewConcurrency,
   Lp as setPygmalionPreviewRevision,
-  Rv as setSessionPresets,
+  iv as setSessionPresets,
   ir as setStoryboardBaselineEnvironment,
   $n as setStoryboardGraph,
   Ob as setSurfaceClassifications,
   Gx as setTokens,
-  kv as setViewportPresets,
-  _w as storyboardScreenRecipeKey,
+  Fv as setViewportPresets,
+  Lw as storyboardScreenRecipeKey,
   nc as subscribePreviewEnvironmentControls,
-  Fv as subscribeSessionPresets,
-  Mf as subscribeStoryboardGraph,
+  av as subscribeSessionPresets,
+  Ef as subscribeStoryboardGraph,
   Eb as unclassifiedSurfaces,
-  Z0 as usePygmalionProject,
+  Q0 as usePygmalionProject,
   ff as validateDesignComponentConnections,
-  b1 as validateFrameBranchKinds,
-  x1 as validateInteractiveStates,
+  g1 as validateFrameBranchKinds,
+  b1 as validateInteractiveStates,
   Cb as validatePreviewArtifactBundle,
   _i as validateRoutePreviewArtifactV3Browser,
-  V0 as validateScenarioCoverage,
-  y1 as validateScreenCards,
-  v1 as validateScreenDimensions,
+  U0 as validateScenarioCoverage,
+  x1 as validateScreenCards,
+  y1 as validateScreenDimensions,
   Lg as validateScreenFlows,
-  w1 as validateScreenLanes,
-  S1 as validateScreenLists,
-  Q0 as validateScreenStateGroups,
-  N1 as validateSectionHeaders,
-  D0 as validateSurfaceDemands
+  v1 as validateScreenLanes,
+  w1 as validateScreenLists,
+  J0 as validateScreenStateGroups,
+  S1 as validateSectionHeaders,
+  _0 as validateSurfaceDemands
 };