@pygmalionjs/pygmalion 0.2.12 → 0.2.14

package/dist-lib/pygmalion.js

@@ -1,6 +1,6 @@
-import { jsxs as O, jsx as w } from "react/jsx-runtime";
-import { b as V, m as He, v as Ke, c as qe, i as Ge, g as Le, e as K, d as Ve, a as Je, f as We, h as Qe, j as Xe, k as Ye, l as Ze, n as et, o as tt, p as nt, q as rt, r as ot, t as Y, S as st, A as it, u as ve, w as at, x as ct, y as lt, z as dt, B as ft, C as ut, D as pt, E as Ie } from "./App-B0w9z2Br.js";
-import { G as $n, H as Mn, I as Tn, J as Dn, K as kn, L as zn, M as _n, O as Fn, P as jn, Q as Bn, R as Un, T as Hn, U as Kn, V as qn, W as Gn, X as Ln, Y as Vn } from "./App-B0w9z2Br.js";
+import { jsxs as A, jsx as w } from "react/jsx-runtime";
+import { b as L, m as He, v as Ke, c as qe, i as Ge, g as Le, e as H, d as Ve, a as Je, f as We, h as Qe, j as Xe, k as Ye, l as Ze, n as et, o as tt, p as nt, q as rt, r as ot, t as st, u as Y, S as it, A as at, w as ve, x as ct, y as lt, z as dt, B as ft, C as ut, D as pt, E as ht, G as Ie } from "./App-CiSnd2mV.js";
+import { H as Mn, I as Tn, J as Dn, K as kn, L as zn, M as _n, O as Fn, P as Bn, Q as jn, R as Un, T as Hn, U as Kn, V as qn, W as Gn, X as Ln, Y as Vn, Z as Jn } from "./App-CiSnd2mV.js";
 import { createElement as xe, useMemo as Pe, useState as te, useRef as Ee, useCallback as Z, useEffect as ee } from "react";
 function pe(e, t = /* @__PURE__ */ new Set()) {
   if (e == null || typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e))
@@ -18,7 +18,7 @@ function pe(e, t = /* @__PURE__ */ new Set()) {
   }
   return t.delete(e), r;
 }
-function ht(e) {
+function mt(e) {
   return JSON.stringify(
     pe({
       version: 1,
@@ -42,11 +42,11 @@ function ht(e) {
 function z(e) {
   return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, r) => t.localeCompare(r));
 }
-function mt(e, t) {
+function gt(e, t) {
   var n;
   return ((n = e.id) == null ? void 0 : n.trim()) || `edge:${t + 1}`;
 }
-function gt(e) {
+function yt(e) {
   const t = [...e.screens].sort((n, o) => n.id.localeCompare(o.id)), r = t[0].id;
   return {
     id: `story:${r}`,
@@ -66,7 +66,7 @@ function gt(e) {
     states: z(t.map((n) => n.state))
   };
 }
-function Ne(e) {
+function Re(e) {
   return [
     e.code,
     e.edgeId,
@@ -75,8 +75,8 @@ function Ne(e) {
     e.scenarioId
   ].join(":");
 }
-function yt(e) {
-  var g, I;
+function wt(e) {
+  var v, g;
   const t = [], r = [], n = /* @__PURE__ */ new Map();
   for (const i of e.screens) {
     const l = i.id.trim();
@@ -96,7 +96,7 @@ function yt(e) {
   for (const i of r) {
     let l;
     try {
-      if (l = (e.recipeKey ?? ht)(i), !l.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (l = (e.recipeKey ?? mt)(i), !l.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (y) {
       s.add(i.id), t.push({
         code: "invalid-recipe",
@@ -108,7 +108,7 @@ function yt(e) {
     const f = o.get(l);
     f ? f.screens.push(i) : o.set(l, { recipeKey: l, screens: [i] });
   }
-  const a = [...o.values()].map(gt).sort((i, l) => i.id.localeCompare(l.id)), c = {};
+  const a = [...o.values()].map(yt).sort((i, l) => i.id.localeCompare(l.id)), c = {};
   for (const i of a)
     for (const l of i.screenIds) c[l] = i.id;
   const d = new Map(a.map((i) => [i.id, i])), h = /* @__PURE__ */ new Map();
@@ -137,11 +137,11 @@ function yt(e) {
       const f = b.get(l);
       f ? f.push(i.id) : b.set(l, [i.id]);
     }
-  const P = (i, l, f) => {
-    const y = i.trim(), D = c[y] ?? (d.has(y) ? y : null);
-    if (D) return D;
-    const H = z(b.get(y) ?? []);
-    return H.length === 1 ? H[0] : H.length > 1 ? (t.push({
+  const x = (i, l, f) => {
+    const y = i.trim(), T = c[y] ?? (d.has(y) ? y : null);
+    if (T) return T;
+    const D = z(b.get(y) ?? []);
+    return D.length === 1 ? D[0] : D.length > 1 ? (t.push({
       code: f === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
       severity: "error",
       message: `Storyboard edge "${l}" references an ambiguous ${f} route.`,
@@ -154,18 +154,18 @@ function yt(e) {
       edgeId: l,
       screenId: y || void 0
     }), null);
-  }, E = [], m = /* @__PURE__ */ new Map(), N = [
+  }, P = [], m = /* @__PURE__ */ new Map(), E = [
     ["explicit", e.explicitEdges ?? []],
     ["inferred", e.inferredEdges ?? []]
   ];
   let p = 0;
-  for (const [i, l] of N)
+  for (const [i, l] of E)
     for (const f of l) {
-      const y = mt(f, p);
+      const y = gt(f, p);
       p += 1;
-      const D = P(f.from, y, "source"), H = P(f.to, y, "target");
-      if (!D || !H || D === H) continue;
-      const de = `${D}\0${H}`, X = m.get(de);
+      const T = x(f.from, y, "source"), D = x(f.to, y, "target");
+      if (!T || !D || T === D) continue;
+      const Q = `${T}\0${D}`, X = m.get(Q);
       if (X) {
         if (!X.sourceEdgeIds.includes(y)) {
           const be = {
@@ -175,34 +175,34 @@ function yt(e) {
               y
             ])
           };
-          m.set(de, be);
-          const Se = E.indexOf(X);
-          Se >= 0 && (E[Se] = be);
+          m.set(Q, be);
+          const Se = P.indexOf(X);
+          Se >= 0 && (P[Se] = be);
         }
         continue;
       }
       const we = {
         id: y,
-        from: D,
-        to: H,
-        kind: ((g = f.kind) == null ? void 0 : g.trim()) || void 0,
-        label: ((I = f.label) == null ? void 0 : I.trim()) || void 0,
+        from: T,
+        to: D,
+        kind: ((v = f.kind) == null ? void 0 : v.trim()) || void 0,
+        label: ((g = f.label) == null ? void 0 : g.trim()) || void 0,
         origin: i,
         sourceEdgeIds: [y]
       };
-      m.set(de, we), E.push(we);
+      m.set(Q, we), P.push(we);
     }
-  E.sort(
+  P.sort(
     (i, l) => `${i.from}:${i.to}:${i.id}`.localeCompare(`${l.from}:${l.to}:${l.id}`)
   );
-  const $ = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-  for (const i of E) {
-    const l = R.get(i.from);
-    l ? l.push(i) : R.set(i.from, [i]);
-    const f = $.get(i.to);
-    f ? f.push(i) : $.set(i.to, [i]);
+  const O = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
+  for (const i of P) {
+    const l = N.get(i.from);
+    l ? l.push(i) : N.set(i.from, [i]);
+    const f = O.get(i.to);
+    f ? f.push(i) : O.set(i.to, [i]);
   }
-  const T = [];
+  const M = [];
   for (const i of e.startScreenIds ?? []) {
     const l = i.trim(), f = c[l] ?? (d.has(l) ? l : null);
     if (!f) {
@@ -214,25 +214,25 @@ function yt(e) {
       });
       continue;
     }
-    T.push(f);
+    M.push(f);
   }
-  const M = new Set(T);
-  let A = z(T);
-  A.length || (A = u.filter((i) => {
+  const $ = new Set(M);
+  let C = z(M);
+  C.length || (C = u.filter((i) => {
     var l;
-    return (((l = $.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0;
-  }).map((i) => i.id).sort((i, l) => i.localeCompare(l))), !A.length && u.length && (A = [u[0].id]);
-  const S = /* @__PURE__ */ new Set(), C = [...A];
-  for (; C.length; ) {
-    const i = C.shift();
+    return (((l = O.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0;
+  }).map((i) => i.id).sort((i, l) => i.localeCompare(l))), !C.length && u.length && (C = [u[0].id]);
+  const S = /* @__PURE__ */ new Set(), R = [...C];
+  for (; R.length; ) {
+    const i = R.shift();
     if (!S.has(i)) {
       S.add(i);
-      for (const l of R.get(i) ?? []) C.push(l.to);
+      for (const l of N.get(i) ?? []) R.push(l.to);
     }
   }
   const F = u.filter((i) => {
     var f, y;
-    const l = (((f = $.get(i.id)) == null ? void 0 : f.length) ?? 0) === 0 && (((y = R.get(i.id)) == null ? void 0 : y.length) ?? 0) === 0 && !M.has(i.id);
+    const l = (((f = O.get(i.id)) == null ? void 0 : f.length) ?? 0) === 0 && (((y = N.get(i.id)) == null ? void 0 : y.length) ?? 0) === 0 && !$.has(i.id);
     return !S.has(i.id) || l && u.length > 1;
   });
   for (const i of F)
@@ -244,24 +244,24 @@ function yt(e) {
         screenId: l,
         nodeId: i.id
       });
-  const B = /* @__PURE__ */ new Map();
+  const j = /* @__PURE__ */ new Map();
   for (const i of u)
     for (const l of i.sourceKeys) {
-      const f = B.get(l) ?? {
+      const f = j.get(l) ?? {
         nodeIds: /* @__PURE__ */ new Set(),
         screenIds: /* @__PURE__ */ new Set()
       };
       f.nodeIds.add(i.id);
       for (const y of i.screenIds) f.screenIds.add(y);
-      B.set(l, f);
+      j.set(l, f);
     }
-  const W = [...B.entries()].map(([i, l]) => ({
+  const J = [...j.entries()].map(([i, l]) => ({
     sourceKey: i,
     nodeIds: [...l.nodeIds].sort((f, y) => f.localeCompare(y)),
     screenIds: [...l.screenIds].sort((f, y) => f.localeCompare(y)),
     shared: l.nodeIds.size > 1
-  })).sort((i, l) => i.sourceKey.localeCompare(l.sourceKey)), q = u.map((i) => {
-    const l = [...R.get(i.id) ?? []].sort(
+  })).sort((i, l) => i.sourceKey.localeCompare(l.sourceKey)), K = u.map((i) => {
+    const l = [...N.get(i.id) ?? []].sort(
       (f, y) => f.id.localeCompare(y.id)
     );
     return {
@@ -269,14 +269,14 @@ function yt(e) {
       edgeIds: l.map((f) => f.id),
       targetNodeIds: z(l.map((f) => f.to))
     };
-  }).filter((i) => i.targetNodeIds.length > 1).sort((i, l) => i.nodeId.localeCompare(l.nodeId)), G = new Set(
+  }).filter((i) => i.targetNodeIds.length > 1).sort((i, l) => i.nodeId.localeCompare(l.nodeId)), q = new Set(
     u.flatMap((i) => i.scenarioIds)
-  ), x = new Set(
+  ), I = new Set(
     (e.nonVisualScenarioIds ?? []).map((i) => i.trim())
-  ), j = z(
+  ), B = z(
     (e.scenarios ?? []).map((i) => i.id)
-  ), k = j.filter(
-    (i) => !G.has(i) && !x.has(i)
+  ), k = B.filter(
+    (i) => !q.has(i) && !I.has(i)
   );
   for (const i of k)
     t.push({
@@ -286,53 +286,53 @@ function yt(e) {
       scenarioId: i
     });
   t.sort(
-    (i, l) => Ne(i).localeCompare(Ne(l))
+    (i, l) => Re(i).localeCompare(Re(l))
   );
-  const Q = z(
+  const W = z(
     F.flatMap((i) => i.screenIds)
-  ), v = {
+  ), ne = {
     screens: r.length,
     canonicalNodes: u.length,
     mergedScreens: Math.max(0, r.length - u.length),
-    edges: E.length,
+    edges: P.length,
     connectedNodes: u.length - F.length,
-    disconnectedScreens: Q,
-    codeScenarios: j.length,
-    representedScenarios: j.filter(
-      (i) => G.has(i)
+    disconnectedScreens: W,
+    codeScenarios: B.length,
+    representedScenarios: B.filter(
+      (i) => q.has(i)
     ).length,
     missingScenarios: k,
-    complete: Q.length === 0 && k.length === 0 && !t.some((i) => i.severity === "error") && s.size === 0
+    complete: W.length === 0 && k.length === 0 && !t.some((i) => i.severity === "error") && s.size === 0
   };
   return {
     version: 1,
     nodes: u,
-    edges: E,
+    edges: P,
     aliases: Object.fromEntries(
       Object.entries(c).sort(([i], [l]) => i.localeCompare(l))
     ),
-    sourceGroups: W,
-    startNodeIds: A,
-    branches: q,
+    sourceGroups: J,
+    startNodeIds: C,
+    branches: K,
     warnings: t,
-    coverage: v
+    coverage: ne
   };
 }
-function wt(e) {
+function bt(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
-function oe(e) {
-  if (Array.isArray(e)) return e.map(oe);
+function se(e) {
+  if (Array.isArray(e)) return e.map(se);
   if (e && typeof e == "object") {
-    const t = Object.entries(e).filter(([, r]) => r !== void 0).sort(([r], [n]) => r.localeCompare(n)).map(([r, n]) => [r, oe(n)]).filter(([, r]) => r !== void 0);
+    const t = Object.entries(e).filter(([, r]) => r !== void 0).sort(([r], [n]) => r.localeCompare(n)).map(([r, n]) => [r, se(n)]).filter(([, r]) => r !== void 0);
     return t.length ? Object.fromEntries(t) : void 0;
   }
   return e;
 }
-function Ce(e) {
-  return JSON.stringify(oe(e ?? null));
+function Ne(e) {
+  return JSON.stringify(se(e ?? null));
 }
-function bt(e) {
+function St(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function U(e) {
@@ -363,7 +363,7 @@ function ye(e, t) {
   }
   return o === n.length;
 }
-function Re(e, t) {
+function Ce(e, t) {
   const r = U(e);
   if (!r) return [];
   const n = t.get(r);
@@ -373,7 +373,7 @@ function Re(e, t) {
     )
   ].sort((o, s) => o.localeCompare(s));
 }
-function St(e) {
+function vt(e) {
   var r;
   const t = /* @__PURE__ */ new Map();
   for (const n of e ?? []) {
@@ -387,29 +387,29 @@ function St(e) {
   }
   return [...t.values()].sort((n, o) => n.id.localeCompare(o.id));
 }
-function vt(e, t, r) {
+function It(e, t, r) {
   return (e ?? []).flatMap((n, o) => {
-    var u, b, P;
+    var u, b, x;
     const s = (u = n.from) == null ? void 0 : u.trim(), a = (b = n.to) == null ? void 0 : b.trim();
     if (!s || !a || n.unresolvedTarget) return [];
-    const c = r.has(s) ? [s] : Re(s, t), d = r.has(a) ? [a] : Re(a, t);
+    const c = r.has(s) ? [s] : Ce(s, t), d = r.has(a) ? [a] : Ce(a, t);
     if (!c.length || !d.length) return [];
-    const h = ((P = n.id) == null ? void 0 : P.trim()) || `discovery-edge:${o + 1}`;
+    const h = ((x = n.id) == null ? void 0 : x.trim()) || `discovery-edge:${o + 1}`;
     return c.flatMap(
-      (E, m) => d.map((N, p) => {
-        var $, R;
+      (P, m) => d.map((E, p) => {
+        var O, N;
         return {
           id: c.length === 1 && d.length === 1 ? h : `${h}:${m + 1}:${p + 1}`,
-          from: E,
-          to: N,
-          kind: (($ = n.kind) == null ? void 0 : $.trim()) || void 0,
-          label: ((R = n.label) == null ? void 0 : R.trim()) || void 0
+          from: P,
+          to: E,
+          kind: ((O = n.kind) == null ? void 0 : O.trim()) || void 0,
+          label: ((N = n.label) == null ? void 0 : N.trim()) || void 0
         };
       })
     );
   });
 }
-function It(e, t, r) {
+function xt(e, t, r) {
   const n = U(e.route);
   if (!n) return [];
   const o = t.filter(
@@ -419,10 +419,10 @@ function It(e, t, r) {
     }
   );
   if (!o.length) return [];
-  const s = Ce(
+  const s = Ne(
     He(r, e.environment)
   ), a = o.filter(
-    (c) => Ce(c.environment) === s
+    (c) => Ne(c.environment) === s
   );
   return [
     ...new Set(
@@ -433,7 +433,7 @@ function It(e, t, r) {
     )
   ].sort((c, d) => c.localeCompare(d));
 }
-function xt(e, t) {
+function Pt(e, t) {
   const r = e.some((s) => s.importKind != null), n = t.candidates ?? [], o = ze(t);
   return e.filter(
     (s) => r ? s.importKind === "screens" : !!s.route
@@ -455,7 +455,7 @@ function xt(e, t) {
     scenario: s.scenario,
     state: s.state,
     scenarioId: s.scenarioId,
-    scenarioIds: It(s, n, o),
+    scenarioIds: xt(s, n, o),
     interactions: s.interactions,
     environment: s.environment,
     preset: s.preset,
@@ -463,7 +463,7 @@ function xt(e, t) {
     sourcePath: [...s.sourcePaths ?? []].filter(Boolean).sort((a, c) => a.localeCompare(c))[0]
   }));
 }
-function le(e, t) {
+function de(e, t) {
   var c, d, h, u;
   const r = (((c = e.interactions) == null ? void 0 : c.length) ?? 0) - (((d = t.interactions) == null ? void 0 : d.length) ?? 0);
   if (r !== 0) return r;
@@ -472,7 +472,7 @@ function le(e, t) {
   const s = !e.environment && !e.preset ? 0 : 1, a = !t.environment && !t.preset ? 0 : 1;
   return s !== a ? s - a : e.id.localeCompare(t.id);
 }
-function Pt(e) {
+function Et(e) {
   const t = /* @__PURE__ */ new Map();
   for (const r of e) {
     const n = U(r.route);
@@ -482,14 +482,14 @@ function Pt(e) {
   }
   return new Map(
     [...t.entries()].map(([r, n]) => {
-      const o = [...n].sort(le);
+      const o = [...n].sort(de);
       return [r, o[0].id];
     })
   );
 }
-function Et(e) {
+function Rt(e) {
   return e.action === "wait" ? null : JSON.stringify(
-    oe({
+    se({
       action: e.action,
       selector: e.selector,
       text: e.text,
@@ -504,7 +504,7 @@ function Et(e) {
   );
 }
 function ke(e) {
-  return (e.interactions ?? []).map(Et).filter((t) => t != null);
+  return (e.interactions ?? []).map(Rt).filter((t) => t != null);
 }
 function Nt(e, t) {
   return e.length < t.length && e.every((r, n) => r === t[n]);
@@ -519,7 +519,7 @@ function Ct(e, t) {
   }
   return [...r.values()].flatMap((n) => {
     if (n.length < 2) return [];
-    const o = U(n[0].route), s = t.get(o), a = n.find((c) => c.id === s) ?? [...n].sort(le)[0];
+    const o = U(n[0].route), s = t.get(o), a = n.find((c) => c.id === s) ?? [...n].sort(de)[0];
     return n.filter((c) => c.id !== a.id).sort((c, d) => c.id.localeCompare(d.id)).map((c) => ({
       id: `discovery-variant:${encodeURIComponent(a.id)}:${encodeURIComponent(c.id)}`,
       from: a.id,
@@ -528,7 +528,7 @@ function Ct(e, t) {
     }));
   });
 }
-function Rt(e, t) {
+function At(e, t) {
   const r = /* @__PURE__ */ new Map();
   for (const n of e) {
     const o = U(n.route);
@@ -546,19 +546,19 @@ function Rt(e, t) {
       const h = s.get(d.id);
       if (!h.length) return [];
       const b = o.filter(
-        (P) => Nt(
-          s.get(P.id),
+        (x) => Nt(
+          s.get(x.id),
           h
         )
-      ).sort((P, E) => {
-        const m = s.get(E.id).length - s.get(P.id).length;
+      ).sort((x, P) => {
+        const m = s.get(P.id).length - s.get(x.id).length;
         if (m !== 0) return m;
-        const N = P.flow && P.flow === d.flow ? 0 : 1, p = E.flow && E.flow === d.flow ? 0 : 1;
-        if (N !== p) return N - p;
-        const $ = P.section && P.section === d.section ? 0 : 1, R = E.section && E.section === d.section ? 0 : 1;
-        if ($ !== R) return $ - R;
-        const T = P.id === a ? 0 : 1, M = E.id === a ? 0 : 1;
-        return T !== M ? T - M : le(P, E);
+        const E = x.flow && x.flow === d.flow ? 0 : 1, p = P.flow && P.flow === d.flow ? 0 : 1;
+        if (E !== p) return E - p;
+        const O = x.section && x.section === d.section ? 0 : 1, N = P.section && P.section === d.section ? 0 : 1;
+        if (O !== N) return O - N;
+        const M = x.id === a ? 0 : 1, $ = P.id === a ? 0 : 1;
+        return M !== $ ? M - $ : de(x, P);
       })[0];
       return b ? [
         {
@@ -578,7 +578,7 @@ function Rt(e, t) {
     });
   });
 }
-function At(e) {
+function Ot(e) {
   var r;
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
@@ -597,7 +597,7 @@ function At(e) {
     }
     return s.size < 2 ? [] : [...s.values()].flatMap((a) => {
       const c = [...a].sort(
-        le
+        de
       )[0];
       return c.id === o.id ? [] : [
         {
@@ -610,7 +610,7 @@ function At(e) {
     });
   });
 }
-function Ot(e, t, r) {
+function $t(e, t, r) {
   const n = new Set(
     (t.routes ?? []).map((o) => U(o.path)).filter((o) => !!o)
   );
@@ -632,91 +632,91 @@ function Ot(e, t, r) {
     } : o;
   });
 }
-function $t(e, t) {
-  var h, u, b, P, E;
+function Mt(e, t) {
+  var h, u, b, x, P;
   const r = new Set(e.map((m) => m.id)), n = new Map(
-    e.map((m, N) => [m.id, N])
+    e.map((m, E) => [m.id, E])
   ), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   for (const m of r)
     o.set(m, /* @__PURE__ */ new Set()), s.set(m, /* @__PURE__ */ new Set()), a.set(m, /* @__PURE__ */ new Set());
   for (const m of t)
-    !r.has(m.from) || !r.has(m.to) || ((h = o.get(m.to)) == null || h.add(m.from), (u = s.get(m.from)) == null || u.add(m.to), (b = a.get(m.from)) == null || b.add(m.to), (P = a.get(m.to)) == null || P.add(m.from));
+    !r.has(m.from) || !r.has(m.to) || ((h = o.get(m.to)) == null || h.add(m.from), (u = s.get(m.from)) == null || u.add(m.to), (b = a.get(m.from)) == null || b.add(m.to), (x = a.get(m.to)) == null || x.add(m.from));
   const c = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
   for (const m of r) {
     if (d.has(m)) continue;
-    const N = [], p = [m];
+    const E = [], p = [m];
     for (; p.length; ) {
       const S = p.shift();
       if (!d.has(S)) {
-        d.add(S), N.push(S);
-        for (const C of a.get(S) ?? [])
-          d.has(C) || p.push(C);
+        d.add(S), E.push(S);
+        for (const R of a.get(S) ?? [])
+          d.has(R) || p.push(R);
       }
     }
-    if (N.length === 1 && (((E = a.get(N[0])) == null ? void 0 : E.size) ?? 0) === 0)
+    if (E.length === 1 && (((P = a.get(E[0])) == null ? void 0 : P.size) ?? 0) === 0)
       continue;
-    const $ = N.filter((S) => {
-      var C;
-      return (((C = o.get(S)) == null ? void 0 : C.size) ?? 0) === 0;
+    const O = E.filter((S) => {
+      var R;
+      return (((R = o.get(S)) == null ? void 0 : R.size) ?? 0) === 0;
     }).sort(
-      (S, C) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(C) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(C)
-    ), R = [...N].sort(
-      (S, C) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(C) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(C)
+      (S, R) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(R) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(R)
+    ), N = [...E].sort(
+      (S, R) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(R) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(R)
     )[0];
-    if (!R) continue;
-    const T = [R], M = /* @__PURE__ */ new Set(), A = (S) => {
-      const C = [S];
-      for (; C.length; ) {
-        const F = C.shift();
-        if (!M.has(F)) {
-          M.add(F);
-          for (const B of s.get(F) ?? [])
-            M.has(B) || C.push(B);
+    if (!N) continue;
+    const M = [N], $ = /* @__PURE__ */ new Set(), C = (S) => {
+      const R = [S];
+      for (; R.length; ) {
+        const F = R.shift();
+        if (!$.has(F)) {
+          $.add(F);
+          for (const j of s.get(F) ?? [])
+            $.has(j) || R.push(j);
         }
       }
     };
-    A(R);
-    for (const S of $)
-      M.has(S) || (T.push(S), A(S));
-    for (const S of T)
+    C(N);
+    for (const S of O)
+      $.has(S) || (M.push(S), C(S));
+    for (const S of M)
       c.add(S);
   }
   return [...c].sort(
-    (m, N) => (n.get(m) ?? Number.MAX_SAFE_INTEGER) - (n.get(N) ?? Number.MAX_SAFE_INTEGER) || m.localeCompare(N)
+    (m, E) => (n.get(m) ?? Number.MAX_SAFE_INTEGER) - (n.get(E) ?? Number.MAX_SAFE_INTEGER) || m.localeCompare(E)
   );
 }
 function ze(e) {
   var t, r;
-  return wt(
+  return bt(
     (r = (t = e.scenarios) == null ? void 0 : t.find(
       (n) => n.id === "environment:baseline"
     )) == null ? void 0 : r.environment
   );
 }
-function Mt(e) {
-  const t = xt(
+function Tt(e) {
+  const t = Pt(
     e.pages,
     e.manifest
-  ), r = Pt(t), n = Ot(
+  ), r = Et(t), n = $t(
     t,
     e.manifest,
     r
   ), s = [
-    ...vt(
+    ...It(
       e.manifest.edges,
       r,
       new Set(n.map((a) => a.id))
     ),
     ...Ct(n, r),
-    ...Rt(n, r),
-    ...At(n)
+    ...At(n, r),
+    ...Ot(n)
   ];
-  return yt({
+  return wt({
     screens: n,
     assets: e.assets,
-    scenarios: St(e.manifest.routes),
+    scenarios: vt(e.manifest.routes),
     inferredEdges: s,
-    startScreenIds: $t(n, s)
+    startScreenIds: Mt(n, s)
   });
 }
 async function _e(e) {
@@ -728,39 +728,39 @@ async function _e(e) {
   if (!r.ok)
     throw new Error(`Storyboard discovery failed (${r.status})`);
   const n = await r.json();
-  if (!bt(n))
+  if (!St(n))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: n,
     baselineEnvironment: ze(n),
-    graph: Mt({
+    graph: Tt({
       manifest: n,
       pages: e.pages,
       assets: e.assets
     })
   };
 }
-async function mn(e) {
-  V(null);
+async function gn(e) {
+  L(null);
   try {
     const t = await _e(e);
-    return V(t.graph), t;
+    return L(t.graph), t;
   } catch (t) {
-    throw V(null), t;
+    throw L(null), t;
   }
 }
-const Tt = "pygmalion-preview", Dt = "unknown", kt = 512, zt = 2048, _t = 8 * 1024 * 1024, Ft = 128 * 1024 * 1024, jt = /* @__PURE__ */ new Set([
+const Dt = "pygmalion-preview", kt = "unknown", zt = 512, _t = 2048, Ft = 8 * 1024 * 1024, Bt = 128 * 1024 * 1024, jt = /* @__PURE__ */ new Set([
   "__proto__",
   "constructor",
   "prototype"
 ]);
-function J(e, t) {
+function V(e, t) {
   const r = e.trim();
   if (!r && t != null) return t;
-  if (re(r)) return r;
+  if (oe(r)) return r;
   throw new TypeError("Preview identity must be a non-empty bounded string.");
 }
-function Bt(e) {
+function Ut(e) {
   const t = e ?? 1;
   if (!Number.isSafeInteger(t) || t < 1)
     throw new TypeError(
@@ -787,7 +787,7 @@ function he(e, t = /* @__PURE__ */ new Set()) {
   }
   return t.delete(e), r;
 }
-function Ut(e) {
+function Ht(e) {
   let t = 2166136261, r = 2654435769;
   for (let n = 0; n < e.length; n += 1) {
     const o = e.charCodeAt(n);
@@ -795,11 +795,11 @@ function Ut(e) {
   }
   return `${(t >>> 0).toString(16).padStart(8, "0")}${(r >>> 0).toString(16).padStart(8, "0")}`;
 }
-function Ht(e) {
+function Kt(e) {
   if (!Array.isArray(e))
     throw new TypeError("Preview recipes must be an array.");
   const t = /* @__PURE__ */ new Set(), r = e.map(({ id: n, recipe: o }) => {
-    const s = J(n);
+    const s = V(n);
     if (t.has(s))
       throw new TypeError(`Duplicate preview recipe identity: ${s}`);
     return t.add(s), {
@@ -807,21 +807,21 @@ function Ht(e) {
       recipe: he(o)
     };
   });
-  return Ut(JSON.stringify(r));
+  return Ht(JSON.stringify(r));
 }
-function gn({
+function yn({
   sourceRevision: e,
   recipes: t,
   recipeVersion: r,
-  scope: n = Tt
+  scope: n = Dt
 }) {
-  const o = J(n), s = J(
+  const o = V(n), s = V(
     e,
-    Dt
-  ), a = Bt(r), c = Ht(t);
+    kt
+  ), a = Ut(r), c = Kt(t);
   return `${o}:${encodeURIComponent(s)}:recipe-v${a}:${c}`;
 }
-function yn(e) {
+function wn(e) {
   return {
     route: e.route,
     path: e.path,
@@ -848,7 +848,7 @@ function yn(e) {
     assertions: e.assertions
   };
 }
-function Kt({
+function qt({
   endpoint: e,
   fetcher: t,
   captureBaseUrl: r
@@ -877,7 +877,7 @@ function Kt({
     return h.ok ? h.json().catch(() => null) : null;
   };
 }
-function se(e) {
+function ie(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
@@ -885,10 +885,10 @@ function se(e) {
 function Fe(e) {
   return new TextEncoder().encode(e).byteLength;
 }
-function re(e) {
-  return typeof e == "string" && e.length > 0 && e.length <= kt && e === e.trim() && !jt.has(e);
+function oe(e) {
+  return typeof e == "string" && e.length > 0 && e.length <= zt && e === e.trim() && !jt.has(e);
 }
-function qt(e) {
+function Gt(e) {
   const t = /(?:expression\s*\(|-moz-binding\s*:|(?:^|[;{])\s*behavior\s*:)/i;
   for (const r of e.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi))
     if (t.test(r[1] ?? "")) return !0;
@@ -898,14 +898,14 @@ function qt(e) {
     if (t.test(r[1] ?? r[2] ?? r[3] ?? "")) return !0;
   return !1;
 }
-function Gt(e) {
-  return typeof e != "string" || e.length === 0 || Fe(e) > _t ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
+function Lt(e) {
+  return typeof e != "string" || e.length === 0 || Fe(e) > Ft ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
     e
-  ) || qt(e));
+  ) || Gt(e));
 }
-function Lt(e) {
+function Vt(e) {
   const t = [];
-  if (!se(e) || e.version !== 1)
+  if (!ie(e) || e.version !== 1)
     return {
       valid: !1,
       artifact: null,
@@ -913,16 +913,16 @@ function Lt(e) {
         "Preview artifact must be a version 1, version 2, or version 3 bundle."
       ]
     };
-  if (re(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !re(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !se(e.snapshots))
+  if (oe(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !oe(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !ie(e.snapshots))
     t.push("Preview artifact snapshots must be a record.");
   else {
     const r = Object.entries(e.snapshots);
-    r.length > zt && t.push("Preview artifact has too many frames.");
+    r.length > _t && t.push("Preview artifact has too many frames.");
     for (const [n, o] of r)
-      (!re(n) || !Gt(o)) && t.push(`Preview artifact frame "${n}" is invalid.`);
+      (!oe(n) || !Lt(o)) && t.push(`Preview artifact frame "${n}" is invalid.`);
   }
   try {
-    Fe(JSON.stringify(e)) > Ft && t.push("Preview artifact exceeds the bundle byte limit.");
+    Fe(JSON.stringify(e)) > Bt && t.push("Preview artifact exceeds the bundle byte limit.");
   } catch {
     t.push("Preview artifact is not serializable.");
   }
@@ -932,35 +932,35 @@ function Lt(e) {
     errors: t
   };
 }
-function Vt(e, t) {
-  const r = se(e) && e.version === 3 ? (() => {
+function Jt(e, t) {
+  const r = ie(e) && e.version === 3 ? (() => {
     const n = Ke(e);
     return {
       valid: n.valid,
       artifact: n.valid ? e : null,
       errors: n.errors
     };
-  })() : se(e) && e.version === 2 ? (() => {
+  })() : ie(e) && e.version === 2 ? (() => {
     const n = qe(e);
     return {
       valid: n.valid,
       artifact: n.valid ? e : null,
       errors: n.errors
     };
-  })() : Lt(e);
+  })() : Vt(e);
   return !r.valid || !r.artifact ? {
     valid: !1,
     artifact: null,
     reason: "invalid-bundle",
     errors: r.errors
-  } : t && r.artifact.namespace !== J(t.namespace) ? {
+  } : t && r.artifact.namespace !== V(t.namespace) ? {
     valid: !1,
     artifact: null,
     reason: "namespace-mismatch",
     errors: [
       "Preview artifact namespace does not match the runtime namespace."
     ]
-  } : t && r.artifact.sourceRevision !== J(t.sourceRevision) ? {
+  } : t && r.artifact.sourceRevision !== V(t.sourceRevision) ? {
     valid: !1,
     artifact: null,
     reason: "revision-mismatch",
@@ -973,15 +973,15 @@ function Vt(e, t) {
     errors: []
   };
 }
-async function Jt({
+async function Wt({
   namespace: e,
   sourceRevision: t,
   transport: r,
   signal: n
 }) {
   const o = {
-    namespace: J(e),
-    sourceRevision: J(t)
+    namespace: V(e),
+    sourceRevision: V(t)
   };
   let s;
   try {
@@ -992,7 +992,7 @@ async function Jt({
   }
   if (s == null)
     return { status: "unavailable", artifact: null };
-  const a = Vt(s, o);
+  const a = Jt(s, o);
   return a.valid ? { status: "accepted", artifact: a.artifact } : {
     status: "rejected",
     artifact: null,
@@ -1000,20 +1000,20 @@ async function Jt({
     errors: a.errors
   };
 }
-const ie = "var(--pygmalion-catalog-surface, #ffffff)", ae = "var(--pygmalion-catalog-canvas, #f5f5f5)", me = "var(--pygmalion-catalog-border, #e5e7eb)", ce = "var(--pygmalion-catalog-text, #202124)", _ = "var(--pygmalion-catalog-muted, #6b7280)", Wt = "var(--pygmalion-catalog-header, #11182f)", Qt = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function wn({
+const ae = "var(--pygmalion-catalog-surface, #ffffff)", ce = "var(--pygmalion-catalog-canvas, #f5f5f5)", me = "var(--pygmalion-catalog-border, #e5e7eb)", le = "var(--pygmalion-catalog-text, #202124)", _ = "var(--pygmalion-catalog-muted, #6b7280)", Qt = "var(--pygmalion-catalog-header, #11182f)", Xt = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function bn({
   title: e,
   eyebrow: t,
   description: r,
   version: n,
   meta: o,
   children: s,
-  headerBackground: a = Wt,
+  headerBackground: a = Qt,
   headerColor: c = "#ffffff",
-  bodyBackground: d = ie,
+  bodyBackground: d = ae,
   bodyGap: h = 40
 }) {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ A(
     "section",
     {
       "data-pygmalion-catalog-document": "",
@@ -1025,12 +1025,12 @@ function wn({
         maxWidth: "none",
         flexDirection: "column",
         overflow: "visible",
-        color: ce,
+        color: le,
         background: d,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ A(
           "header",
           {
             style: {
@@ -1044,7 +1044,7 @@ function wn({
               background: a
             },
             children: [
-              /* @__PURE__ */ O("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+              /* @__PURE__ */ A("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
                 t ? /* @__PURE__ */ w(
                   "div",
                   {
@@ -1085,7 +1085,7 @@ function wn({
                   }
                 ) : null
               ] }),
-              n || o ? /* @__PURE__ */ O(
+              n || o ? /* @__PURE__ */ A(
                 "div",
                 {
                   style: {
@@ -1125,14 +1125,14 @@ function wn({
     }
   );
 }
-function bn({
+function Sn({
   title: e,
   count: t,
   description: r,
   children: n,
   tone: o = "tinted"
 }) {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ A(
     "section",
     {
       "data-pygmalion-catalog-section": "",
@@ -1144,10 +1144,10 @@ function bn({
         alignItems: "flex-start",
         gap: 18,
         padding: o === "tinted" ? 24 : 0,
-        background: o === "tinted" ? ae : "transparent"
+        background: o === "tinted" ? ce : "transparent"
       },
       children: [
-        /* @__PURE__ */ O("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+        /* @__PURE__ */ A("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
           /* @__PURE__ */ w(
             "h2",
             {
@@ -1168,7 +1168,7 @@ function bn({
     }
   );
 }
-function Sn({
+function vn({
   rows: e,
   columns: t,
   cornerLabel: r,
@@ -1187,10 +1187,10 @@ function Sn({
         display: "inline-block",
         width: "max-content",
         padding: a ? 16 : 0,
-        border: a ? `1px dashed ${Qt}` : void 0,
+        border: a ? `1px dashed ${Xt}` : void 0,
         borderRadius: a ? 4 : void 0
       },
-      children: /* @__PURE__ */ O(
+      children: /* @__PURE__ */ A(
         "table",
         {
           style: {
@@ -1199,7 +1199,7 @@ function Sn({
             borderSpacing: 0
           },
           children: [
-            /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ O("tr", { children: [
+            /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ A("tr", { children: [
               /* @__PURE__ */ w(
                 "th",
                 {
@@ -1230,7 +1230,7 @@ function Sn({
                 d
               ))
             ] }) }),
-            /* @__PURE__ */ w("tbody", { children: e.map((d) => /* @__PURE__ */ O("tr", { children: [
+            /* @__PURE__ */ w("tbody", { children: e.map((d) => /* @__PURE__ */ A("tr", { children: [
               /* @__PURE__ */ w(
                 "th",
                 {
@@ -1265,14 +1265,14 @@ function Sn({
     }
   );
 }
-function Xt(e) {
+function Yt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
-function je(e, t, r = "PygmalionCatalog") {
-  const n = (o) => Xt(o).replace(/-/g, "_");
+function Be(e, t, r = "PygmalionCatalog") {
+  const n = (o) => Yt(o).replace(/-/g, "_");
   return `${r}_${n(e)}_${n(t)}`;
 }
-function Be(e, t) {
+function je(e, t) {
   return {
     id: e.id,
     name: e.name,
@@ -1291,17 +1291,17 @@ function Ue(e) {
     t.add(r.id);
   }
 }
-function Yt(e, t, r) {
+function Zt(e, t, r) {
   return typeof e == "function" ? e(t, r) : e;
 }
-function Zt({
+function en({
   page: e,
   items: t,
   renderPreview: r,
   secondaryLabel: n,
   minimumColumnWidth: o
 }) {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ A(
     "section",
     {
       "data-pygmalion-catalog-page": e.id,
@@ -1311,14 +1311,14 @@ function Zt({
         display: "inline-block",
         width: "max-content",
         padding: 32,
-        color: ce,
-        background: ae,
+        color: le,
+        background: ce,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ O("header", { style: { marginBottom: 24 }, children: [
+        /* @__PURE__ */ A("header", { style: { marginBottom: 24 }, children: [
           /* @__PURE__ */ w("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
-          /* @__PURE__ */ O("p", { style: { margin: "6px 0 0", color: _, fontSize: 13 }, children: [
+          /* @__PURE__ */ A("p", { style: { margin: "6px 0 0", color: _, fontSize: 13 }, children: [
             t.length,
             " assets"
           ] })
@@ -1331,7 +1331,7 @@ function Zt({
               gridTemplateColumns: "repeat(6, max-content)",
               gap: 16
             },
-            children: t.map((s) => /* @__PURE__ */ O(
+            children: t.map((s) => /* @__PURE__ */ A(
               "article",
               {
                 "data-pygmalion-catalog-item": s.id,
@@ -1341,7 +1341,7 @@ function Zt({
                   padding: 16,
                   border: `1px solid ${me}`,
                   borderRadius: 12,
-                  background: ie
+                  background: ae
                 },
                 children: [
                   /* @__PURE__ */ w(
@@ -1398,7 +1398,7 @@ function Zt({
     }
   );
 }
-function vn(e) {
+function In(e) {
   Ue(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const o of e.items) {
@@ -1412,7 +1412,7 @@ function vn(e) {
     t.set(s.id, {
       page: s,
       items: [o],
-      registryName: je(
+      registryName: Be(
         e.kind,
         s.id,
         e.registryPrefix
@@ -1422,7 +1422,7 @@ function vn(e) {
   const r = {}, n = [];
   for (const o of t.values()) {
     const s = () => /* @__PURE__ */ w(
-      Zt,
+      en,
       {
         page: o.page,
         items: o.items,
@@ -1435,7 +1435,7 @@ function vn(e) {
       component: s,
       children: "none"
     };
-    const a = Yt(e.frame, o.page, o.items);
+    const a = Zt(e.frame, o.page, o.items);
     n.push({
       ...o.page,
       componentName: o.registryName,
@@ -1448,12 +1448,12 @@ function vn(e) {
     registry: r,
     collection: {
       expectedCount: e.expectedCount ?? e.items.length,
-      assets: e.items.map((o) => Be(o, e.pageFor(o).id)),
+      assets: e.items.map((o) => je(o, e.pageFor(o).id)),
       pages: n
     }
   };
 }
-function en(e, t = 60) {
+function tn(e, t = 60) {
   const r = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, c]) => c.length > 0).sort(([c, d], [h, u]) => u.length - d.length || c.localeCompare(h)), n = r[0], o = r[1], s = Math.max(1, (n == null ? void 0 : n[1].length) ?? 1), a = o == null ? void 0 : o[1].slice(0, Math.max(1, Math.floor(t / s)));
   return {
     row: n,
@@ -1462,7 +1462,7 @@ function en(e, t = 60) {
     additional: r.slice(2)
   };
 }
-function tn(e, t, r, n) {
+function nn(e, t, r, n) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
@@ -1470,14 +1470,14 @@ function tn(e, t, r, n) {
     ...t.column && n ? { [t.column[0]]: n } : {}
   };
 }
-function nn({
+function rn({
   item: e,
   entry: t,
   maxVariantCells: r
 }) {
   var c, d;
   if (!t)
-    return /* @__PURE__ */ O(
+    return /* @__PURE__ */ A(
       "section",
       {
         "data-pygmalion-catalog-component": e.id,
@@ -1487,8 +1487,8 @@ function nn({
           display: "inline-block",
           width: "max-content",
           padding: 32,
-          color: ce,
-          background: ae
+          color: le,
+          background: ce
         },
         children: [
           /* @__PURE__ */ w("strong", { children: e.name }),
@@ -1496,8 +1496,8 @@ function nn({
         ]
       }
     );
-  const n = en(t, r), o = ((c = n.row) == null ? void 0 : c[1]) ?? [void 0], s = ((d = n.column) == null ? void 0 : d[1]) ?? [void 0], a = t.component;
-  return /* @__PURE__ */ O(
+  const n = tn(t, r), o = ((c = n.row) == null ? void 0 : c[1]) ?? [void 0], s = ((d = n.column) == null ? void 0 : d[1]) ?? [void 0], a = t.component;
+  return /* @__PURE__ */ A(
     "section",
     {
       "data-pygmalion-catalog-component": e.id,
@@ -1507,12 +1507,12 @@ function nn({
         display: "inline-block",
         width: "max-content",
         padding: 32,
-        color: ce,
-        background: ae,
+        color: le,
+        background: ce,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ O("header", { style: { marginBottom: 24 }, children: [
+        /* @__PURE__ */ A("header", { style: { marginBottom: 24 }, children: [
           /* @__PURE__ */ w("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
           e.sourcePath ? /* @__PURE__ */ w("p", { style: { margin: "6px 0 0", color: _, fontSize: 12 }, children: e.sourcePath }) : null
         ] }),
@@ -1526,11 +1526,11 @@ function nn({
             },
             children: o.flatMap(
               (h) => s.map((u) => {
-                const b = tn(t, n, h, u), P = [
+                const b = nn(t, n, h, u), x = [
                   n.row && h ? `${n.row[0]}=${h}` : "",
                   n.column && u ? `${n.column[0]}=${u}` : ""
                 ].filter(Boolean).join(" · ");
-                return /* @__PURE__ */ O(
+                return /* @__PURE__ */ A(
                   "article",
                   {
                     style: {
@@ -1538,10 +1538,10 @@ function nn({
                       padding: 16,
                       border: `1px solid ${me}`,
                       borderRadius: 10,
-                      background: ie
+                      background: ae
                     },
                     children: [
-                      P ? /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: _, fontSize: 11 }, children: P }) : null,
+                      x ? /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: _, fontSize: 11 }, children: x }) : null,
                       /* @__PURE__ */ w("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: xe(
                         a,
                         b,
@@ -1555,16 +1555,16 @@ function nn({
             )
           }
         ),
-        n.additional.map(([h, u]) => /* @__PURE__ */ O("section", { style: { marginTop: 20 }, children: [
+        n.additional.map(([h, u]) => /* @__PURE__ */ A("section", { style: { marginTop: 20 }, children: [
           /* @__PURE__ */ w("h2", { style: { margin: "0 0 10px", color: _, fontSize: 12 }, children: h }),
-          /* @__PURE__ */ w("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: u.map((b) => /* @__PURE__ */ O(
+          /* @__PURE__ */ w("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: u.map((b) => /* @__PURE__ */ A(
             "article",
             {
               style: {
                 padding: 16,
                 border: `1px solid ${me}`,
                 borderRadius: 10,
-                background: ie
+                background: ae
               },
               children: [
                 /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: _, fontSize: 11 }, children: b }),
@@ -1582,16 +1582,16 @@ function nn({
     }
   );
 }
-function In(e) {
+function xn(e) {
   Ue(e.items);
   const t = {}, r = [], n = [], o = e.maxVariantCells ?? 60;
   for (const s of e.items) {
-    const a = je(
+    const a = Be(
       e.kind,
       s.id,
       e.registryPrefix
     ), c = e.registry[s.name], d = () => /* @__PURE__ */ w(
-      nn,
+      rn,
       {
         item: s,
         entry: c,
@@ -1608,7 +1608,7 @@ function In(e) {
       width: 1,
       height: 1,
       frameSizeMode: "content"
-    }), n.push(Be(s, s.id));
+    }), n.push(je(s, s.id));
   }
   return {
     registry: t,
@@ -1619,9 +1619,9 @@ function In(e) {
     }
   };
 }
-const Ae = /^[a-f0-9]{64}$/, rn = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, on = /^p\d+$/;
+const Ae = /^[a-f0-9]{64}$/, on = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, sn = /^p\d+$/;
 function ge(e) {
-  return typeof e == "string" && rn.test(e) ? e : void 0;
+  return typeof e == "string" && on.test(e) ? e : void 0;
 }
 function Oe(e, t) {
   const r = new URL(e, t);
@@ -1641,7 +1641,7 @@ function $e(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 sn(e) {
+function an(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e, r = $e(t.before), n = $e(t.after);
   if (!r || !n || !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)
@@ -1658,7 +1658,7 @@ function sn(e) {
     heatmapUrl: o
   };
 }
-function an(e, t) {
+function cn(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const r = e;
   if (typeof r.id != "string" || !r.id) return null;
@@ -1666,7 +1666,7 @@ function an(e, t) {
   if (!o) return null;
   const s = fe(r.after);
   if (t === "changed" && !s) return null;
-  const a = s ? sn(r.pixelDiff) : null;
+  const a = s ? an(r.pixelDiff) : null;
   return {
     id: r.id,
     before: o,
@@ -1678,7 +1678,7 @@ function an(e, t) {
     ...a ? { pixelDiff: a } : {}
   };
 }
-function cn(e, t = []) {
+function ln(e, t = []) {
   const r = new Set(t), n = r.size > 0, o = /* @__PURE__ */ new Set(), s = [
     ...e.styles.map((a) => a.affectedFrames ?? []),
     ...e.texts.map((a) => a.affectedFrames ?? []),
@@ -1686,7 +1686,7 @@ function cn(e, t = []) {
   ];
   for (const a of s)
     for (const c of a) {
-      if (n && on.test(c.id) && !r.has(c.id))
+      if (n && sn.test(c.id) && !r.has(c.id))
         throw new Error(
           `"Impact Screen"${c.name}"This internal editor ID (${c.id}) is used. A canonical screen ID is required.`
         );
@@ -1706,7 +1706,7 @@ async function Me(e, t, r) {
     );
   if (typeof o.baselineId != "string" || !o.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const s = Array.isArray(o.frames) ? o.frames.map((u) => an(u, r.phase)).filter((u) => u != null) : [], a = Array.isArray(o.failures) ? o.failures.map((u) => {
+  const s = Array.isArray(o.frames) ? o.frames.map((u) => cn(u, r.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 b = u;
     return typeof b.id == "string" && typeof b.error == "string" ? { id: b.id, error: b.error } : null;
@@ -1723,46 +1723,46 @@ const ue = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, ln = "pygmalion.designSessionId", dn = "/__pygmalion-qa", ne = /* @__PURE__ */ new Map();
+}, dn = "pygmalion.designSessionId", fn = "/__pygmalion-qa", re = /* @__PURE__ */ new Map();
 function Te() {
   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 fn(e, t) {
+function un(e, t) {
   if (e) return e;
-  const r = ne.get(t);
+  const r = re.get(t);
   if (r) return r;
   try {
     const n = window.localStorage.getItem(t);
     if (n)
-      return ne.set(t, n), n;
+      return re.set(t, n), n;
     const o = Te();
-    return window.localStorage.setItem(t, o), ne.set(t, o), o;
+    return window.localStorage.setItem(t, o), re.set(t, o), o;
   } catch {
     const n = Te();
-    return ne.set(t, n), n;
+    return re.set(t, n), n;
   }
 }
-async function L(e) {
+async function G(e) {
   const t = await e.json();
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-function xn(e = {}) {
-  var G, x, j, k, Q;
+function Pn(e = {}) {
+  var I, B, k, W, ne;
   const {
     sessionId: t,
-    sessionStorageKey: r = ln,
+    sessionStorageKey: r = dn,
     autoStart: n = !0,
     fetcher: o = fetch,
     formatApplyMessage: s
-  } = e, a = ((G = e.endpoints) == null ? void 0 : G.mirror) ?? ue.mirror, c = ((x = e.endpoints) == null ? void 0 : x.sessions) ?? ue.sessions, d = ((j = e.endpoints) == null ? void 0 : j.inspect) ?? ue.inspect, h = e.visualQa != null, u = ((k = e.visualQa) == null ? void 0 : k.endpoint) ?? dn, b = JSON.stringify(((Q = e.visualQa) == null ? void 0 : Q.eligibleFrameIds) ?? []), P = Pe(
+  } = e, a = ((I = e.endpoints) == null ? void 0 : I.mirror) ?? ue.mirror, c = ((B = e.endpoints) == null ? void 0 : B.sessions) ?? ue.sessions, d = ((k = e.endpoints) == null ? void 0 : k.inspect) ?? ue.inspect, h = e.visualQa != null, u = ((W = e.visualQa) == null ? void 0 : W.endpoint) ?? fn, b = JSON.stringify(((ne = e.visualQa) == null ? void 0 : ne.eligibleFrameIds) ?? []), x = Pe(
     () => JSON.parse(b),
     [b]
-  ), E = Pe(
-    () => fn(t, r),
+  ), P = Pe(
+    () => un(t, r),
     [t, r]
-  ), [m, N] = te({
+  ), [m, E] = te({
     state: "idle",
     commit: null,
     shortCommit: null,
@@ -1771,67 +1771,67 @@ function xn(e = {}) {
     warning: null,
     error: null,
     appOrigin: null
-  }), [p, $] = te(null), [R, T] = te(null), M = Ee(null), A = Ee(null), S = Z(
+  }), [p, O] = te(null), [N, M] = te(null), $ = Ee(null), C = Ee(null), S = Z(
     async (v = !0) => {
-      if (M.current) return M.current;
+      if ($.current) return $.current;
       const g = (async () => {
-        N((I) => ({ ...I, state: "syncing", error: null }));
+        E((i) => ({ ...i, state: "syncing", error: null }));
         try {
-          let I = await o(`${a}/${v ? "refresh" : "status"}`, {
+          let i = await o(`${a}/${v ? "refresh" : "status"}`, {
             method: v ? "POST" : "GET"
-          }), i = await L(I);
-          const l = Date.now();
-          for (; !v && i.state === "syncing" && Date.now() - l < 12e4; )
-            await new Promise((D) => window.setTimeout(D, 500)), I = await o(`${a}/status`), i = await L(I);
-          if (i.state !== "ready" || !i.appOrigin || !i.commit)
-            throw new Error(i.error ?? "Pygmalion could not prepare the source preview");
-          const f = await L(
+          }), l = await G(i);
+          const f = Date.now();
+          for (; !v && l.state === "syncing" && Date.now() - f < 12e4; )
+            await new Promise((D) => window.setTimeout(D, 500)), i = await o(`${a}/status`), l = await G(i);
+          if (l.state !== "ready" || !l.appOrigin || !l.commit)
+            throw new Error(l.error ?? "Pygmalion could not prepare the source preview");
+          const y = await G(
             await o(`${c}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: E, baseDevSha: i.commit })
+              body: JSON.stringify({ sessionId: P, baseDevSha: l.commit })
             })
           );
-          if (!f.ok || !f.session)
-            throw new Error(f.error ?? "Pygmalion could not open the design session");
-          let y = f.session;
-          if (y.branchName) {
-            const D = await L(
+          if (!y.ok || !y.session)
+            throw new Error(y.error ?? "Pygmalion could not open the design session");
+          let T = y.session;
+          if (T.branchName) {
+            const D = await G(
               await o(`${c}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
-                body: JSON.stringify({ sessionId: y.id })
+                body: JSON.stringify({ sessionId: T.id })
               })
             );
             if (!D.ok || !D.session)
               throw new Error(D.error ?? "Pygmalion could not check the design session");
-            y = D.session;
+            T = D.session;
           }
-          N(i), $(y), T(y.appOrigin ?? i.appOrigin);
-        } catch (I) {
-          N((i) => ({
-            ...i,
+          E(l), O(T), M(T.appOrigin ?? l.appOrigin);
+        } catch (i) {
+          E((l) => ({
+            ...l,
             state: "error",
-            error: I instanceof Error ? I.message : String(I)
+            error: i instanceof Error ? i.message : String(i)
           }));
         }
       })();
-      M.current = g;
+      $.current = g;
       try {
         await g;
       } finally {
-        M.current === g && (M.current = null);
+        $.current === g && ($.current = null);
       }
     },
-    [o, a, c, E]
-  ), C = Z(
+    [o, a, c, P]
+  ), R = Z(
     async (v) => {
-      var f;
+      var y;
       if (!p) throw new Error("Pygmalion design session is not ready");
-      const g = A.current;
+      const g = C.current;
       if (g && (g.sessionId !== p.id || g.baseDevSha !== p.baseDevSha || g.revision !== p.revision || g.fingerprint !== JSON.stringify(v)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const I = await L(
+      const i = await G(
         await o(`${c}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -1844,44 +1844,44 @@ function xn(e = {}) {
           })
         })
       );
-      if (!I.ok || !I.session)
-        throw new Error(I.error ?? "Pygmalion could not apply the visual changes");
-      $(I.session), I.session.appOrigin && T(I.session.appOrigin);
-      const i = I.applied ?? v.styles.length + v.texts.length + v.operations.length;
-      let l;
-      if (g != null && g.qaBaselineId && ((f = g.qaFrameIds) != null && f.length) && I.session.appOrigin)
+      if (!i.ok || !i.session)
+        throw new Error(i.error ?? "Pygmalion could not apply the visual changes");
+      O(i.session), i.session.appOrigin && M(i.session.appOrigin);
+      const l = i.applied ?? v.styles.length + v.texts.length + v.operations.length;
+      let f;
+      if (g != null && g.qaBaselineId && ((y = g.qaFrameIds) != null && y.length) && i.session.appOrigin)
         try {
-          l = await Me(o, u, {
+          f = await Me(o, u, {
             phase: "changed",
             baselineId: g.qaBaselineId,
-            basePath: Oe(I.session.appOrigin, window.location.origin),
+            basePath: Oe(i.session.appOrigin, window.location.origin),
             frameIds: g.qaFrameIds
           });
-        } catch (y) {
-          const D = y instanceof Error ? y.message : String(y);
-          l = {
+        } catch (T) {
+          const D = T instanceof Error ? T.message : String(T);
+          f = {
             phase: "changed",
             baselineId: g.qaBaselineId,
             complete: !1,
             frames: [],
-            failures: g.qaFrameIds.map((H) => ({ id: H, error: D }))
+            failures: g.qaFrameIds.map((Q) => ({ id: Q, error: D }))
           };
         }
-      return A.current = null, {
-        applied: i,
-        branch: I.session.branchName ?? void 0,
-        integration: I.session.integration.state,
-        message: s == null ? void 0 : s(I.session, i),
-        ...l ? { qa: l } : {}
+      return C.current = null, {
+        applied: l,
+        branch: i.session.branchName ?? void 0,
+        integration: i.session.integration.state,
+        message: s == null ? void 0 : s(i.session, l),
+        ...f ? { qa: f } : {}
       };
     },
     [o, s, u, p, c]
   ), F = Z(
     async (v) => {
-      var f;
+      var y;
       if (!p) throw new Error("Pygmalion design session is not ready");
-      A.current = null;
-      const g = await L(
+      C.current = null;
+      const g = await G(
         await o(`${c}/preview-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -1895,47 +1895,47 @@ function xn(e = {}) {
       );
       if (!g.ok || !Number.isSafeInteger(g.revision))
         throw new Error(g.error ?? "Pygmalion could not preview the visual changes");
-      const I = h ? cn(v, P) : [];
-      let i;
-      const l = p.appOrigin ?? m.appOrigin;
-      if (I.length > 0) {
-        if (!l)
+      const i = h ? ln(v, x) : [];
+      let l;
+      const f = p.appOrigin ?? m.appOrigin;
+      if (i.length > 0) {
+        if (!f)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (i = await Me(o, u, {
+        if (l = await Me(o, u, {
           phase: "baseline",
-          basePath: Oe(l, window.location.origin),
-          frameIds: I
-        }), !i.complete)
+          basePath: Oe(f, window.location.origin),
+          frameIds: i
+        }), !l.complete)
           throw new Error(
-            ((f = i.failures[0]) == null ? void 0 : f.error) ?? `Failed to capture ${I.length - i.frames.length} affected frames`
+            ((y = l.failures[0]) == null ? void 0 : y.error) ?? `Failed to capture ${i.length - l.frames.length} affected frames`
           );
       }
-      return A.current = {
+      return C.current = {
         sessionId: p.id,
         baseDevSha: p.baseDevSha,
         revision: g.revision,
         fingerprint: JSON.stringify(v),
-        ...i ? { qaBaselineId: i.baselineId, qaFrameIds: I } : {}
+        ...l ? { qaBaselineId: l.baselineId, qaFrameIds: i } : {}
       }, {
         revision: g.revision,
         files: Array.isArray(g.files) ? g.files : [],
         affectedFiles: Array.isArray(g.affectedFiles) ? g.affectedFiles : [],
-        ...i ? { qa: i } : {}
+        ...l ? { qa: l } : {}
       };
     },
     [
       o,
       m.appOrigin,
-      P,
+      x,
       u,
       p,
       c,
       h
     ]
-  ), B = Z(
+  ), j = Z(
     async (v) => {
       if (v.length === 0) return { files: [] };
-      const g = await L(
+      const g = await G(
         await o(`${d}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -1947,10 +1947,10 @@ function xn(e = {}) {
       return { files: Array.isArray(g.files) ? g.files : [] };
     },
     [o, d]
-  ), W = Z(async () => {
+  ), J = Z(async () => {
     if (!(p != null && p.canRevert) || !p.headSha)
       throw new Error("There are no reversible changes applied");
-    const v = await L(
+    const v = await G(
       await o(`${c}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
@@ -1964,7 +1964,7 @@ function xn(e = {}) {
     );
     if (!v.ok || v.reverted !== !0 || !v.operation || v.operation.kind !== "visual-revert" || !v.session)
       throw new Error(v.error ?? "Pygmalion could not revert the last visual change");
-    return A.current = null, $(v.session), v.session.appOrigin && T(v.session.appOrigin), {
+    return C.current = null, O(v.session), v.session.appOrigin && M(v.session.appOrigin), {
       reverted: !0,
       operation: v.operation,
       session: v.session
@@ -1973,36 +1973,37 @@ function xn(e = {}) {
   ee(() => {
     n && S(!1);
   }, [n, S]);
-  const q = (p == null ? void 0 : p.appOrigin) ?? m.appOrigin ?? R;
+  const K = (p == null ? void 0 : p.appOrigin) ?? m.appOrigin ?? N, q = (p == null ? void 0 : p.headSha) ?? (p == null ? void 0 : p.baseDevSha) ?? m.commit ?? "pending";
   return {
     mirror: m,
     session: p,
-    ready: R != null,
-    appOrigin: q,
-    previewRevision: `${(p == null ? void 0 : p.headSha) ?? (p == null ? void 0 : p.baseDevSha) ?? m.commit ?? "pending"}:${(p == null ? void 0 : p.revision) ?? 0}`,
+    ready: N != null,
+    appOrigin: K,
+    previewRevision: `${q}:${(p == null ? void 0 : p.revision) ?? 0}`,
+    previewSourceRevision: q,
     refresh: S,
     previewVisual: F,
-    inspectImpact: B,
-    applyVisual: C,
-    revertLastVisual: W
+    inspectImpact: j,
+    applyVisual: R,
+    revertLastVisual: J
   };
 }
-const Pn = {
-  editor: K,
+const En = {
+  editor: H,
   getObserverTree: Le,
   isObservableProp: Ge
 };
-function En(e) {
-  K.navigateToPageByName(e);
+function Rn(e) {
+  H.navigateToPageByName(e);
 }
 function Nn() {
-  K.openPreview();
+  H.openPreview();
 }
 function Cn() {
   const e = ve.entries.length > 0;
-  return e && ve.discardPending(), K.resetCurrentEdits() || e;
+  return e && ve.discardPending(), H.resetCurrentEdits() || e;
 }
-function Rn({
+function An({
   registry: e,
   tokens: t,
   initialPages: r,
@@ -2015,100 +2016,101 @@ function Rn({
   previewArtifactEndpoint: h,
   previewConcurrency: u,
   previewOpen: b,
-  onPreviewOpenChange: P,
-  flowCanvas: E,
+  onPreviewOpenChange: x,
+  flowCanvas: P,
   onApply: m,
-  onDesignChange: N,
+  onDesignChange: E,
   onInspectApply: p,
-  onInspectPreview: $,
-  onInspectImpact: R,
-  storyboardDiscovery: T = !0,
-  storyboardDiscoveryEndpoint: M = st
+  onInspectPreview: O,
+  onInspectImpact: N,
+  storyboardDiscovery: M = !0,
+  storyboardDiscoveryEndpoint: $ = it
 }) {
-  const [A, S] = te(!T), [C, F] = te();
+  const [C, S] = te(!M), [R, F] = te();
   n && (n.assertComplete(), Ve(n));
-  const B = e ?? (n == null ? void 0 : n.getRegistry()), W = t ?? (n == null ? void 0 : n.getTokens()), q = r ?? (n == null ? void 0 : n.getInitialPages());
-  B && Je(B), W && We(W), at(o ?? null), s != null && Qe(s), a != null && Xe(a), Ye(c);
-  const G = C ?? d;
-  return G && q && A && Ze(G, {
+  const j = e ?? (n == null ? void 0 : n.getRegistry()), J = t ?? (n == null ? void 0 : n.getTokens()), K = r ?? (n == null ? void 0 : n.getInitialPages());
+  j && Je(j), J && We(J), ct(o ?? null), s != null && Qe(s), a != null && Xe(a), Ye(c);
+  const q = R ?? d;
+  return q && K && C && Ze(q, {
     namespace: c ?? "",
-    previewRevision: lt(),
-    appOrigin: ct(),
+    previewRevision: dt(),
+    appOrigin: lt(),
     baselineEnvironment: et(),
-    pages: q.flatMap(
-      (x) => x.route && x.importPageId ? [
+    allowStaleIdentity: R == null && !!h,
+    pages: K.flatMap(
+      (I) => I.route && I.importPageId ? [
         {
-          canonicalId: x.importPageId,
-          route: x.route,
-          width: x.width,
-          height: x.height,
-          environment: x.environment,
-          preset: x.preset,
-          interactions: x.interactions,
-          assertions: x.assertions
+          canonicalId: I.importPageId,
+          route: I.route,
+          width: I.width,
+          height: I.height,
+          environment: I.environment,
+          preset: I.preset,
+          interactions: I.interactions,
+          assertions: I.assertions
         }
       ] : []
     )
-  }), u != null && tt(u), dt(P ?? null), E != null && nt(E), ft(m ?? null), ut(p ?? null), rt($ ?? null), pt(R ?? null), q && K.initPagesFromComponents(q), ee(() => {
-    Ie(N ?? null);
-    const x = ot(K);
+  }), u != null && tt(u), ft(x ?? null), P != null && nt(P), ut(m ?? null), pt(p ?? null), rt(O ?? null), ht(N ?? null), K && H.initPagesFromComponents(K), ee(() => {
+    Ie(E ?? null);
+    const I = ot(H);
     return () => {
-      x(), Ie(null);
+      I(), Ie(null);
     };
-  }, [N]), ee(() => {
-    if (F(void 0), !A || !h || !(c != null && c.trim()) || !(a != null && a.trim()))
+  }, [E]), ee(() => {
+    if (F(void 0), !C || !h || !(c != null && c.trim()) || !(a != null && a.trim()))
       return;
-    const x = new AbortController();
-    return Jt({
+    const I = new AbortController();
+    return Wt({
       namespace: c,
-      sourceRevision: a,
-      transport: Kt({
+      sourceRevision: st(a),
+      transport: qt({
         endpoint: h,
         captureBaseUrl: s
       }),
-      signal: x.signal
-    }).then((j) => {
-      !x.signal.aborted && j.status === "accepted" && F(j.artifact);
-    }), () => x.abort();
+      signal: I.signal
+    }).then((B) => {
+      !I.signal.aborted && B.status === "accepted" && F(B.artifact);
+    }), () => I.abort();
   }, [
     h,
     c,
     a,
     s,
-    A
+    C
   ]), ee(() => {
-    let x = !0;
-    if (!T)
+    let I = !0;
+    if (!M)
       return Y(void 0), S(!0), () => {
-        x = !1;
+        I = !1;
       };
-    const j = new AbortController();
-    return S(!1), Y(void 0), V(null), _e({
-      endpoint: M,
-      signal: j.signal,
-      pages: K.pages.map((k) => ({
+    const B = new AbortController();
+    return S(!1), Y(void 0), L(null), _e({
+      endpoint: $,
+      signal: B.signal,
+      pages: H.pages.map((k) => ({
         ...k,
         id: k.importPageId ?? k.id,
         importKind: k.importKind
       })),
       assets: (n == null ? void 0 : n.getAssets("screens")) ?? []
     }).then((k) => {
-      x && (Y(k.baselineEnvironment), V(k.graph));
+      I && (Y(k.baselineEnvironment), L(k.graph));
     }).catch(() => {
-      x && (Y(void 0), V(null));
+      I && (Y(void 0), L(null));
     }).finally(() => {
-      x && S(!0);
+      I && S(!0);
     }), () => {
-      x = !1, j.abort(), Y(void 0), V(null);
+      I = !1, B.abort(), Y(void 0), L(null);
     };
   }, [
     n,
     r,
-    T,
-    M
+    M,
+    $
   ]), ee(() => {
-    b == null || b === K.previewOpen || (b ? K.openPreview({ notifyHost: !1 }) : K.closePreview({ notifyHost: !1 }));
-  }, [b]), A ? /* @__PURE__ */ w(it, {}) : /* @__PURE__ */ w(
+    b == null || b === H.previewOpen || (b ? H.openPreview({ notifyHost: !1 }) : H.closePreview({ notifyHost: !1 }));
+  }, [b]), C ? /* @__PURE__ */ w(at, {}) : /* @__PURE__ */ w(
     "div",
     {
       "data-pygmalion-storyboard-loading": "",
@@ -2127,59 +2129,59 @@ function Rn({
   );
 }
 export {
-  $n as DESIGN_IMPORT_KINDS,
-  wn as PygmalionCatalogDocument,
-  Sn as PygmalionCatalogMatrix,
-  bn as PygmalionCatalogSection,
-  Rn as PygmalionEditor,
-  st as STORYBOARD_ENVIRONMENT_CONTROL,
-  Mn as STORYBOARD_ENVIRONMENT_QUERY,
-  Pn as __debug,
-  Tn as applyTokenOverride,
-  Jt as bootstrapPreviewArtifact,
-  Dn as clearPygmalionPreviewCache,
-  In as createDesignComponentCatalog,
-  en as createDesignComponentVariantMatrix,
-  vn as createDesignGalleryCatalog,
-  kn as createDesignImportController,
-  zn as createDesignScreenCollection,
-  Kt as createPreviewArtifactHttpTransport,
-  gn as createPreviewCacheNamespace,
-  Ht as createPreviewRecipeFingerprint,
-  yn as createStoryboardCaptureRecipeIdentity,
-  yt as createStoryboardGraph,
-  Mt as createStoryboardGraphFromDiscovery,
-  _n as createStoryboardGraphViewModel,
-  Fn as createStoryboardRouteUrl,
-  Xt as designCatalogKey,
-  je as designCatalogRegistryName,
+  Mn as DESIGN_IMPORT_KINDS,
+  bn as PygmalionCatalogDocument,
+  vn as PygmalionCatalogMatrix,
+  Sn as PygmalionCatalogSection,
+  An as PygmalionEditor,
+  it as STORYBOARD_ENVIRONMENT_CONTROL,
+  Tn as STORYBOARD_ENVIRONMENT_QUERY,
+  En as __debug,
+  Dn as applyTokenOverride,
+  Wt as bootstrapPreviewArtifact,
+  kn as clearPygmalionPreviewCache,
+  xn as createDesignComponentCatalog,
+  tn as createDesignComponentVariantMatrix,
+  In as createDesignGalleryCatalog,
+  zn as createDesignImportController,
+  _n as createDesignScreenCollection,
+  qt as createPreviewArtifactHttpTransport,
+  yn as createPreviewCacheNamespace,
+  Kt as createPreviewRecipeFingerprint,
+  wn as createStoryboardCaptureRecipeIdentity,
+  wt as createStoryboardGraph,
+  Tt as createStoryboardGraphFromDiscovery,
+  Fn as createStoryboardGraphViewModel,
+  Bn as createStoryboardRouteUrl,
+  Yt as designCatalogKey,
+  Be as designCatalogRegistryName,
   jn as expandDesignScreenCasesViewports,
-  Bn as expandDesignScreenCollectionViewports,
-  Un as getRecommendedPygmalionPreviewConcurrency,
+  Un as expandDesignScreenCollectionViewports,
+  Hn as getRecommendedPygmalionPreviewConcurrency,
   et as getStoryboardBaselineEnvironment,
   ze as getStoryboardDiscoveryBaselineEnvironment,
-  Hn as getStoryboardGraph,
+  Kn as getStoryboardGraph,
   _e as loadStoryboardDiscovery,
-  Kn as mergeScreenPresets,
+  qn as mergeScreenPresets,
   He as mergeStoryboardEnvironment,
-  mn as publishStoryboardDiscovery,
-  En as pygmalionNavigate,
+  gn as publishStoryboardDiscovery,
+  Rn as pygmalionNavigate,
   Nn as pygmalionOpenPreview,
   Cn as pygmalionResetCurrentEdits,
-  qn as reconstructRoutePreviewArtifactScreenshotV3,
-  Gn as reconstructRoutePreviewArtifactSnapshotV3,
-  Ln as resetTokenOverrides,
-  xt as resolveStoryboardScreenCases,
+  Gn as reconstructRoutePreviewArtifactScreenshotV3,
+  Ln as reconstructRoutePreviewArtifactSnapshotV3,
+  Vn as resetTokenOverrides,
+  Pt as resolveStoryboardScreenCases,
   Je as setComponentRegistry,
   Qe as setPygmalionAppOrigin,
   tt as setPygmalionPreviewConcurrency,
   Xe as setPygmalionPreviewRevision,
   Y as setStoryboardBaselineEnvironment,
-  V as setStoryboardGraph,
+  L as setStoryboardGraph,
   We as setTokens,
-  ht as storyboardScreenRecipeKey,
-  Vn as subscribeStoryboardGraph,
-  xn as usePygmalionProject,
-  Vt as validatePreviewArtifactBundle,
+  mt as storyboardScreenRecipeKey,
+  Jn as subscribeStoryboardGraph,
+  Pn as usePygmalionProject,
+  Jt as validatePreviewArtifactBundle,
   Ke as validateRoutePreviewArtifactV3Browser
 };