@pygmalionjs/pygmalion 0.2.32 → 0.2.34

package/dist-lib/pygmalion.js

@@ -1,24 +1,24 @@
-import { jsxs as N, jsx as S } from "react/jsx-runtime";
-import { b as Z, m as Qe, i as Le, g as Xe, e as W, c as Ye, a as Ze, d as et, f as tt, h as nt, j as rt, k as ot, l as st, n as ge, o as Re, p as Ce, q as it, r as at, t as ct, u as lt, v as dt, w as ut, x as Ne, y as me, z as ie, A as ae, B as Ae, S as ft, C as ht, D as $e, E as pt, G as Oe, H as gt, I as mt, J as yt, K as wt, L as bt, M as Me } from "./App-BiKMlsWh.js";
-import { O as Sn, P as vn, Q as In, R as xn, T as Pn, U as En, V as Rn, W as Cn, X as Nn, Y as An, Z as $n, _ as On, $ as Mn, a0 as kn, a1 as Fn, a2 as Tn, a3 as Dn, a4 as zn, a5 as jn, a6 as _n, a7 as Bn, a8 as Un, a9 as Hn, aa as qn, ab as Kn } from "./App-BiKMlsWh.js";
-import { createElement as ke, useMemo as le, useState as re, useRef as be, useCallback as Y, useEffect as oe } from "react";
+import { jsxs as $, jsx as v } from "react/jsx-runtime";
+import { b as ee, m as Le, i as Xe, g as Ye, e as J, c as Ze, a as et, d as tt, f as nt, h as rt, j as ot, k as st, l as it, n as at, o as ge, p as Re, q as Ne, r as ct, t as lt, u as dt, v as ut, w as ft, x as ht, y as Ae, z as ye, A as ae, B as ce, C as $e, S as mt, D as pt, E as Oe, G as gt, H as Me, I as yt, J as wt, K as bt, L as vt, M as St, O as ke } from "./App-DVnjCYV2.js";
+import { P as In, Q as xn, R as Pn, T as En, U as Cn, V as Rn, W as Nn, X as An, Y as $n, Z as On, _ as Mn, $ as kn, a0 as Fn, a1 as Tn, a2 as Dn, a3 as zn, a4 as jn, a5 as _n, a6 as Bn, a7 as Un, a8 as Hn, a9 as qn, aa as Kn, ab as Gn, ac as Jn, ad as Vn, ae as Wn, af as Qn, ag as Ln, ah as Xn, ai as Yn } from "./App-DVnjCYV2.js";
+import { createElement as Fe, useMemo as de, useState as re, useRef as ve, useCallback as Z, useEffect as oe } from "react";
 function Se(e, t = /* @__PURE__ */ new Set()) {
   if (e == null || typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e))
     return e;
   if (Array.isArray(e))
-    return e.map((r) => Se(r, t));
+    return e.map((n) => Se(n, t));
   if (typeof e != "object") return null;
   if (t.has(e))
     throw new Error("A storyboard recipe cannot contain circular references.");
   t.add(e);
-  const o = {};
-  for (const r of Object.keys(e).sort()) {
-    const n = e[r];
-    n !== void 0 && (o[r] = Se(n, t));
+  const s = {};
+  for (const n of Object.keys(e).sort()) {
+    const r = e[n];
+    r !== void 0 && (s[n] = Se(r, t));
   }
-  return t.delete(e), o;
+  return t.delete(e), s;
 }
-function St(e) {
+function It(e) {
   return JSON.stringify(
     Se({
       version: 1,
@@ -39,34 +39,34 @@ function St(e) {
     })
   );
 }
-function U(e) {
-  return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, o) => t.localeCompare(o));
+function B(e) {
+  return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, s) => t.localeCompare(s));
 }
-function vt(e, t) {
-  var r;
-  return ((r = e.id) == null ? void 0 : r.trim()) || `edge:${t + 1}`;
+function xt(e, t) {
+  var n;
+  return ((n = e.id) == null ? void 0 : n.trim()) || `edge:${t + 1}`;
 }
-function It(e) {
-  const t = [...e.screens].sort((r, n) => r.id.localeCompare(n.id)), o = t[0].id;
+function Pt(e) {
+  const t = [...e.screens].sort((n, r) => n.id.localeCompare(r.id)), s = t[0].id;
   return {
-    id: `story:${o}`,
-    canonicalScreenId: o,
-    screenIds: t.map((r) => r.id),
-    names: U(t.map((r) => r.name)),
+    id: `story:${s}`,
+    canonicalScreenId: s,
+    screenIds: t.map((n) => n.id),
+    names: B(t.map((n) => n.name)),
     recipeKey: e.recipeKey,
-    routes: U(t.map((r) => r.route)),
-    scenarioIds: U(
-      t.flatMap((r) => [
-        r.scenarioId,
-        ...r.scenarioIds ?? []
+    routes: B(t.map((n) => n.route)),
+    scenarioIds: B(
+      t.flatMap((n) => [
+        n.scenarioId,
+        ...n.scenarioIds ?? []
       ])
     ),
-    sourceKeys: U(t.map((r) => r.sourcePath)),
-    flows: U(t.map((r) => r.flow)),
-    states: U(t.map((r) => r.state))
+    sourceKeys: B(t.map((n) => n.sourcePath)),
+    flows: B(t.map((n) => n.flow)),
+    states: B(t.map((n) => n.state))
   };
 }
-function Fe(e) {
+function Te(e) {
   return [
     e.code,
     e.edgeId,
@@ -75,12 +75,12 @@ function Fe(e) {
     e.scenarioId
   ].join(":");
 }
-function xt(e) {
-  var K, M;
-  const t = [], o = [], r = /* @__PURE__ */ new Map();
+function Et(e) {
+  var x, q;
+  const t = [], s = [], n = /* @__PURE__ */ new Map();
   for (const i of e.screens) {
     const d = i.id.trim();
-    if (!d || r.has(d)) {
+    if (!d || n.has(d)) {
       t.push({
         code: "duplicate-screen-id",
         severity: "error",
@@ -90,58 +90,58 @@ function xt(e) {
       continue;
     }
     const l = d === i.id ? i : { ...i, id: d };
-    r.set(d, l), o.push(l);
+    n.set(d, l), s.push(l);
   }
-  const n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set();
-  for (const i of o) {
+  const r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set();
+  for (const i of s) {
     let d;
     try {
-      if (d = (e.recipeKey ?? St)(i), !d.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (d = (e.recipeKey ?? It)(i), !d.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (f) {
-      s.add(i.id), t.push({
+      o.add(i.id), t.push({
         code: "invalid-recipe",
         severity: "error",
         message: f instanceof Error ? f.message : "Storyboard recipe identity could not be created.",
         screenId: i.id
       }), d = `invalid:${i.id}`;
     }
-    const l = n.get(d);
-    l ? l.screens.push(i) : n.set(d, { recipeKey: d, screens: [i] });
+    const l = r.get(d);
+    l ? l.screens.push(i) : r.set(d, { recipeKey: d, screens: [i] });
   }
-  const a = [...n.values()].map(It).sort((i, d) => i.id.localeCompare(d.id)), c = {};
+  const a = [...r.values()].map(Pt).sort((i, d) => i.id.localeCompare(d.id)), c = {};
   for (const i of a)
     for (const d of i.screenIds) c[d] = i.id;
-  const u = new Map(a.map((i) => [i.id, i])), w = /* @__PURE__ */ new Map();
+  const u = new Map(a.map((i) => [i.id, i])), g = /* @__PURE__ */ new Map();
   for (const i of e.assets ?? []) {
-    const d = w.get(i.pageId);
-    d ? d.push(i) : w.set(i.pageId, [i]);
+    const d = g.get(i.pageId);
+    d ? d.push(i) : g.set(i.pageId, [i]);
   }
   const h = a.map((i) => {
     const d = i.screenIds.flatMap(
-      (l) => w.get(l) ?? []
+      (l) => g.get(l) ?? []
     );
     return {
       ...i,
-      scenarioIds: U([
+      scenarioIds: B([
         ...i.scenarioIds,
         ...d.map((l) => l.scenarioId)
       ]),
-      sourceKeys: U([
+      sourceKeys: B([
         ...i.sourceKeys,
         ...d.map((l) => l.sourcePath)
       ])
     };
-  }), v = /* @__PURE__ */ new Map();
+  }), w = /* @__PURE__ */ new Map();
   for (const i of h)
     for (const d of i.routes) {
-      const l = v.get(d);
-      l ? l.push(i.id) : v.set(d, [i.id]);
+      const l = w.get(d);
+      l ? l.push(i.id) : w.set(d, [i.id]);
     }
-  const g = (i, d, l) => {
+  const y = (i, d, l) => {
     const f = i.trim(), E = c[f] ?? (u.has(f) ? f : null);
     if (E) return E;
-    const y = U(v.get(f) ?? []);
-    return y.length === 1 ? y[0] : y.length > 1 ? (t.push({
+    const C = B(w.get(f) ?? []);
+    return C.length === 1 ? C[0] : C.length > 1 ? (t.push({
       code: l === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
       severity: "error",
       message: `Storyboard edge "${d}" references an ambiguous ${l} route.`,
@@ -154,55 +154,55 @@ function xt(e) {
       edgeId: d,
       screenId: f || void 0
     }), null);
-  }, R = [], b = /* @__PURE__ */ new Map(), A = [
+  }, I = [], b = /* @__PURE__ */ new Map(), A = [
     ["explicit", e.explicitEdges ?? []],
     ["inferred", e.inferredEdges ?? []]
   ];
-  let p = 0;
+  let m = 0;
   for (const [i, d] of A)
     for (const l of d) {
-      const f = vt(l, p);
-      p += 1;
-      const E = g(l.from, f, "source"), y = g(l.to, f, "target");
-      if (!E || !y || E === y) continue;
-      const m = `${E}\0${y}`, I = b.get(m);
-      if (I) {
-        if (!I.sourceEdgeIds.includes(f)) {
-          const F = {
-            ...I,
-            sourceEdgeIds: U([
-              ...I.sourceEdgeIds,
+      const f = xt(l, m);
+      m += 1;
+      const E = y(l.from, f, "source"), C = y(l.to, f, "target");
+      if (!E || !C || E === C) continue;
+      const P = `${E}\0${C}`, p = b.get(P);
+      if (p) {
+        if (!p.sourceEdgeIds.includes(f)) {
+          const O = {
+            ...p,
+            sourceEdgeIds: B([
+              ...p.sourceEdgeIds,
               f
             ])
           };
-          b.set(m, F);
-          const j = R.indexOf(I);
-          j >= 0 && (R[j] = F);
+          b.set(P, O);
+          const F = I.indexOf(p);
+          F >= 0 && (I[F] = O);
         }
         continue;
       }
-      const $ = {
+      const N = {
         id: f,
         from: E,
-        to: y,
-        kind: ((K = l.kind) == null ? void 0 : K.trim()) || void 0,
-        label: ((M = l.label) == null ? void 0 : M.trim()) || void 0,
+        to: C,
+        kind: ((x = l.kind) == null ? void 0 : x.trim()) || void 0,
+        label: ((q = l.label) == null ? void 0 : q.trim()) || void 0,
         origin: i,
         sourceEdgeIds: [f]
       };
-      b.set(m, $), R.push($);
+      b.set(P, N), I.push(N);
     }
-  R.sort(
+  I.sort(
     (i, d) => `${i.from}:${i.to}:${i.id}`.localeCompare(`${d.from}:${d.to}:${d.id}`)
   );
-  const k = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map();
-  for (const i of R) {
-    const d = O.get(i.from);
-    d ? d.push(i) : O.set(i.from, [i]);
+  const k = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+  for (const i of I) {
+    const d = M.get(i.from);
+    d ? d.push(i) : M.set(i.from, [i]);
     const l = k.get(i.to);
     l ? l.push(i) : k.set(i.to, [i]);
   }
-  const z = [];
+  const D = [];
   for (const i of e.startScreenIds ?? []) {
     const d = i.trim(), l = c[d] ?? (u.has(d) ? d : null);
     if (!l) {
@@ -214,28 +214,28 @@ function xt(e) {
       });
       continue;
     }
-    z.push(l);
+    D.push(l);
   }
-  const T = new Set(z);
-  let _ = U(z);
-  _.length || (_ = h.filter((i) => {
+  const z = new Set(D);
+  let j = B(D);
+  j.length || (j = h.filter((i) => {
     var d;
     return (((d = k.get(i.id)) == null ? void 0 : d.length) ?? 0) === 0;
-  }).map((i) => i.id).sort((i, d) => i.localeCompare(d))), !_.length && h.length && (_ = [h[0].id]);
-  const x = /* @__PURE__ */ new Set(), C = [..._];
-  for (; C.length; ) {
-    const i = C.shift();
-    if (!x.has(i)) {
-      x.add(i);
-      for (const d of O.get(i) ?? []) C.push(d.to);
+  }).map((i) => i.id).sort((i, d) => i.localeCompare(d))), !j.length && h.length && (j = [h[0].id]);
+  const S = /* @__PURE__ */ new Set(), R = [...j];
+  for (; R.length; ) {
+    const i = R.shift();
+    if (!S.has(i)) {
+      S.add(i);
+      for (const d of M.get(i) ?? []) R.push(d.to);
     }
   }
-  const D = h.filter((i) => {
+  const T = h.filter((i) => {
     var l, f;
-    const d = (((l = k.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((f = O.get(i.id)) == null ? void 0 : f.length) ?? 0) === 0 && !T.has(i.id);
-    return !x.has(i.id) || d && h.length > 1;
+    const d = (((l = k.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((f = M.get(i.id)) == null ? void 0 : f.length) ?? 0) === 0 && !z.has(i.id);
+    return !S.has(i.id) || d && h.length > 1;
   });
-  for (const i of D)
+  for (const i of T)
     for (const d of i.screenIds)
       t.push({
         code: "disconnected-screen",
@@ -244,41 +244,41 @@ function xt(e) {
         screenId: d,
         nodeId: i.id
       });
-  const q = /* @__PURE__ */ new Map();
+  const H = /* @__PURE__ */ new Map();
   for (const i of h)
     for (const d of i.sourceKeys) {
-      const l = q.get(d) ?? {
+      const l = H.get(d) ?? {
         nodeIds: /* @__PURE__ */ new Set(),
         screenIds: /* @__PURE__ */ new Set()
       };
       l.nodeIds.add(i.id);
       for (const f of i.screenIds) l.screenIds.add(f);
-      q.set(d, l);
+      H.set(d, l);
     }
-  const ee = [...q.entries()].map(([i, d]) => ({
+  const te = [...H.entries()].map(([i, d]) => ({
     sourceKey: i,
     nodeIds: [...d.nodeIds].sort((l, f) => l.localeCompare(f)),
     screenIds: [...d.screenIds].sort((l, f) => l.localeCompare(f)),
     shared: d.nodeIds.size > 1
-  })).sort((i, d) => i.sourceKey.localeCompare(d.sourceKey)), te = h.map((i) => {
-    const d = [...O.get(i.id) ?? []].sort(
+  })).sort((i, d) => i.sourceKey.localeCompare(d.sourceKey)), ne = h.map((i) => {
+    const d = [...M.get(i.id) ?? []].sort(
       (l, f) => l.id.localeCompare(f.id)
     );
     return {
       nodeId: i.id,
       edgeIds: d.map((l) => l.id),
-      targetNodeIds: U(d.map((l) => l.to))
+      targetNodeIds: B(d.map((l) => l.to))
     };
-  }).filter((i) => i.targetNodeIds.length > 1).sort((i, d) => i.nodeId.localeCompare(d.nodeId)), V = new Set(
+  }).filter((i) => i.targetNodeIds.length > 1).sort((i, d) => i.nodeId.localeCompare(d.nodeId)), Y = new Set(
     h.flatMap((i) => i.scenarioIds)
-  ), ne = new Set(
+  ), Q = new Set(
     (e.nonVisualScenarioIds ?? []).map((i) => i.trim())
-  ), Q = U(
+  ), L = B(
     (e.scenarios ?? []).map((i) => i.id)
-  ), B = Q.filter(
-    (i) => !V.has(i) && !ne.has(i)
+  ), V = L.filter(
+    (i) => !Y.has(i) && !Q.has(i)
   );
-  for (const i of B)
+  for (const i of V)
     t.push({
       code: "missing-code-scenario",
       severity: "warning",
@@ -286,143 +286,143 @@ function xt(e) {
       scenarioId: i
     });
   t.sort(
-    (i, d) => Fe(i).localeCompare(Fe(d))
+    (i, d) => Te(i).localeCompare(Te(d))
   );
-  const L = U(
-    D.flatMap((i) => i.screenIds)
-  ), P = {
-    screens: o.length,
+  const _ = B(
+    T.flatMap((i) => i.screenIds)
+  ), X = {
+    screens: s.length,
     canonicalNodes: h.length,
-    mergedScreens: Math.max(0, o.length - h.length),
-    edges: R.length,
-    connectedNodes: h.length - D.length,
-    disconnectedScreens: L,
-    codeScenarios: Q.length,
-    representedScenarios: Q.filter(
-      (i) => V.has(i)
+    mergedScreens: Math.max(0, s.length - h.length),
+    edges: I.length,
+    connectedNodes: h.length - T.length,
+    disconnectedScreens: _,
+    codeScenarios: L.length,
+    representedScenarios: L.filter(
+      (i) => Y.has(i)
     ).length,
-    missingScenarios: B,
-    complete: L.length === 0 && B.length === 0 && !t.some((i) => i.severity === "error") && s.size === 0
+    missingScenarios: V,
+    complete: _.length === 0 && V.length === 0 && !t.some((i) => i.severity === "error") && o.size === 0
   };
   return {
     version: 1,
     nodes: h,
-    edges: R,
+    edges: I,
     aliases: Object.fromEntries(
       Object.entries(c).sort(([i], [d]) => i.localeCompare(d))
     ),
-    sourceGroups: ee,
-    startNodeIds: _,
-    branches: te,
+    sourceGroups: te,
+    startNodeIds: j,
+    branches: ne,
     warnings: t,
-    coverage: P
+    coverage: X
   };
 }
-function Pt(e) {
+function Ct(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
-function de(e) {
-  if (Array.isArray(e)) return e.map(de);
+function ue(e) {
+  if (Array.isArray(e)) return e.map(ue);
   if (e && typeof e == "object") {
-    const t = Object.entries(e).filter(([, o]) => o !== void 0).sort(([o], [r]) => o.localeCompare(r)).map(([o, r]) => [o, de(r)]).filter(([, o]) => o !== void 0);
+    const t = Object.entries(e).filter(([, s]) => s !== void 0).sort(([s], [n]) => s.localeCompare(n)).map(([s, n]) => [s, ue(n)]).filter(([, s]) => s !== void 0);
     return t.length ? Object.fromEntries(t) : void 0;
   }
   return e;
 }
-function Te(e) {
-  return JSON.stringify(de(e ?? null));
+function De(e) {
+  return JSON.stringify(ue(e ?? null));
 }
-function Et(e) {
+function Rt(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
-function J(e) {
+function G(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return null;
-  let o = t;
+  let s = t;
   try {
-    /^[a-z][a-z\d+.-]*:\/\//i.test(t) && (o = new URL(t).pathname);
+    /^[a-z][a-z\d+.-]*:\/\//i.test(t) && (s = new URL(t).pathname);
   } catch {
     return null;
   }
-  return o = o.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), o.startsWith("/") || (o = `/${o}`), o.length > 1 && (o = o.replace(/\/+$/, "")), o || "/";
+  return s = s.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), s.startsWith("/") || (s = `/${s}`), s.length > 1 && (s = s.replace(/\/+$/, "")), s || "/";
 }
-function He(e) {
+function qe(e) {
   return `source-route:${encodeURIComponent(e)}`;
 }
-function xe(e, t) {
-  const o = e.split("/").filter(Boolean), r = t.split("/").filter(Boolean);
-  let n = 0;
-  for (let s = 0; s < o.length; s += 1) {
-    const a = o[s];
+function Pe(e, t) {
+  const s = e.split("/").filter(Boolean), n = t.split("/").filter(Boolean);
+  let r = 0;
+  for (let o = 0; o < s.length; o += 1) {
+    const a = s[o];
     if (a === "*" || a.startsWith("*")) return !0;
-    const c = r[n];
+    const c = n[r];
     if (!(a.endsWith("?") && c == null)) {
       if (c == null || !a.startsWith(":") && a !== c) return !1;
-      n += 1;
+      r += 1;
     }
   }
-  return n === r.length;
+  return r === n.length;
 }
-function De(e, t) {
-  const o = J(e);
-  if (!o) return [];
-  const r = t.get(o);
-  return r && !/[:*]/.test(o) ? [r] : [
+function ze(e, t) {
+  const s = G(e);
+  if (!s) return [];
+  const n = t.get(s);
+  return n && !/[:*]/.test(s) ? [n] : [
     ...new Set(
-      [...t.entries()].filter(([n]) => xe(o, n)).map(([, n]) => n)
+      [...t.entries()].filter(([r]) => Pe(s, r)).map(([, r]) => r)
     )
-  ].sort((n, s) => n.localeCompare(s));
+  ].sort((r, o) => r.localeCompare(o));
 }
-function Rt(e) {
-  var o;
+function Nt(e) {
+  var s;
   const t = /* @__PURE__ */ new Map();
-  for (const r of e ?? []) {
-    const n = J(r.path);
-    !n || t.has(n) || t.set(n, {
-      id: He(n),
-      name: n,
+  for (const n of e ?? []) {
+    const r = G(n.path);
+    !r || t.has(r) || t.set(r, {
+      id: qe(r),
+      name: r,
       section: "Source routes",
-      codeName: ((o = r.id) == null ? void 0 : o.trim()) || void 0
+      codeName: ((s = n.id) == null ? void 0 : s.trim()) || void 0
     });
   }
-  return [...t.values()].sort((r, n) => r.id.localeCompare(n.id));
-}
-function Ct(e, t, o) {
-  return (e ?? []).flatMap((r, n) => {
-    var h, v, g;
-    const s = (h = r.from) == null ? void 0 : h.trim(), a = (v = r.to) == null ? void 0 : v.trim();
-    if (!s || !a || r.unresolvedTarget) return [];
-    const c = o.has(s) ? [s] : De(s, t), u = o.has(a) ? [a] : De(a, t);
+  return [...t.values()].sort((n, r) => n.id.localeCompare(r.id));
+}
+function At(e, t, s) {
+  return (e ?? []).flatMap((n, r) => {
+    var h, w, y;
+    const o = (h = n.from) == null ? void 0 : h.trim(), a = (w = n.to) == null ? void 0 : w.trim();
+    if (!o || !a || n.unresolvedTarget) return [];
+    const c = s.has(o) ? [o] : ze(o, t), u = s.has(a) ? [a] : ze(a, t);
     if (!c.length || !u.length) return [];
-    const w = ((g = r.id) == null ? void 0 : g.trim()) || `discovery-edge:${n + 1}`;
+    const g = ((y = n.id) == null ? void 0 : y.trim()) || `discovery-edge:${r + 1}`;
     return c.flatMap(
-      (R, b) => u.map((A, p) => {
-        var k, O;
+      (I, b) => u.map((A, m) => {
+        var k, M;
         return {
-          id: c.length === 1 && u.length === 1 ? w : `${w}:${b + 1}:${p + 1}`,
-          from: R,
+          id: c.length === 1 && u.length === 1 ? g : `${g}:${b + 1}:${m + 1}`,
+          from: I,
           to: A,
-          kind: ((k = r.kind) == null ? void 0 : k.trim()) || void 0,
-          label: ((O = r.label) == null ? void 0 : O.trim()) || void 0
+          kind: ((k = n.kind) == null ? void 0 : k.trim()) || void 0,
+          label: ((M = n.label) == null ? void 0 : M.trim()) || void 0
         };
       })
     );
   });
 }
-function Nt(e, t, o) {
-  const r = J(e.route);
-  if (!r) return [];
-  const n = t.filter(
+function $t(e, t, s) {
+  const n = G(e.route);
+  if (!n) return [];
+  const r = t.filter(
     (c) => {
-      const u = J(c.route);
-      return u ? xe(u, r) : !1;
+      const u = G(c.route);
+      return u ? Pe(u, n) : !1;
     }
   );
-  if (!n.length) return [];
-  const s = Te(
-    Qe(o, e.environment)
-  ), a = n.filter(
-    (c) => Te(c.environment) === s
+  if (!r.length) return [];
+  const o = De(
+    Le(s, e.environment)
+  ), a = r.filter(
+    (c) => De(c.environment) === o
   );
   return [
     ...new Set(
@@ -433,63 +433,63 @@ function Nt(e, t, o) {
     )
   ].sort((c, u) => c.localeCompare(u));
 }
-function At(e, t) {
-  const o = e.some((s) => s.importKind != null), r = t.candidates ?? [], n = Ke(t);
+function Ot(e, t) {
+  const s = e.some((o) => o.importKind != null), n = t.candidates ?? [], r = Ge(t);
   return e.filter(
-    (s) => o ? s.importKind === "screens" : !!s.route
-  ).map((s) => ({
-    id: s.id,
-    name: s.name,
-    section: s.section ?? s.canvas ?? "Screens",
-    componentName: s.componentName,
-    gallery: s.gallery,
-    route: s.route,
-    path: s.path,
-    publish: s.publish,
-    width: s.width,
-    height: s.height,
-    frameSizeMode: s.frameSizeMode,
-    heightMode: s.heightMode,
-    maxHeight: s.maxHeight,
-    flow: s.flow,
-    scenario: s.scenario,
-    state: s.state,
-    scenarioId: s.scenarioId,
-    scenarioIds: Nt(s, r, n),
-    interactions: s.interactions,
-    environment: s.environment,
-    preset: s.preset,
-    assertions: s.assertions,
-    sourcePath: [...s.sourcePaths ?? []].filter(Boolean).sort((a, c) => a.localeCompare(c))[0]
+    (o) => s ? o.importKind === "screens" : !!o.route
+  ).map((o) => ({
+    id: o.id,
+    name: o.name,
+    section: o.section ?? o.canvas ?? "Screens",
+    componentName: o.componentName,
+    gallery: o.gallery,
+    route: o.route,
+    path: o.path,
+    publish: o.publish,
+    width: o.width,
+    height: o.height,
+    frameSizeMode: o.frameSizeMode,
+    heightMode: o.heightMode,
+    maxHeight: o.maxHeight,
+    flow: o.flow,
+    scenario: o.scenario,
+    state: o.state,
+    scenarioId: o.scenarioId,
+    scenarioIds: $t(o, n, r),
+    interactions: o.interactions,
+    environment: o.environment,
+    preset: o.preset,
+    assertions: o.assertions,
+    sourcePath: [...o.sourcePaths ?? []].filter(Boolean).sort((a, c) => a.localeCompare(c))[0]
   }));
 }
 function pe(e, t) {
-  var c, u, w, h;
-  const o = (((c = e.interactions) == null ? void 0 : c.length) ?? 0) - (((u = t.interactions) == null ? void 0 : u.length) ?? 0);
-  if (o !== 0) return o;
-  const r = (w = e.scenarioIds) != null && w.includes("environment:baseline") ? 0 : 1, n = (h = t.scenarioIds) != null && h.includes("environment:baseline") ? 0 : 1;
-  if (r !== n) return r - n;
-  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 $t(e) {
+  var c, u, g, h;
+  const s = (((c = e.interactions) == null ? void 0 : c.length) ?? 0) - (((u = t.interactions) == null ? void 0 : u.length) ?? 0);
+  if (s !== 0) return s;
+  const n = (g = e.scenarioIds) != null && g.includes("environment:baseline") ? 0 : 1, r = (h = t.scenarioIds) != null && h.includes("environment:baseline") ? 0 : 1;
+  if (n !== r) return n - r;
+  const o = !e.environment && !e.preset ? 0 : 1, a = !t.environment && !t.preset ? 0 : 1;
+  return o !== a ? o - a : e.id.localeCompare(t.id);
+}
+function Mt(e) {
   const t = /* @__PURE__ */ new Map();
-  for (const o of e) {
-    const r = J(o.route);
-    if (!r) continue;
-    const n = t.get(r);
-    n ? n.push(o) : t.set(r, [o]);
+  for (const s of e) {
+    const n = G(s.route);
+    if (!n) continue;
+    const r = t.get(n);
+    r ? r.push(s) : t.set(n, [s]);
   }
   return new Map(
-    [...t.entries()].map(([o, r]) => {
-      const n = [...r].sort(pe);
-      return [o, n[0].id];
+    [...t.entries()].map(([s, n]) => {
+      const r = [...n].sort(pe);
+      return [s, r[0].id];
     })
   );
 }
-function Ot(e) {
+function kt(e) {
   return e.action === "wait" ? null : JSON.stringify(
-    de({
+    ue({
       action: e.action,
       selector: e.selector,
       text: e.text,
@@ -503,24 +503,24 @@ function Ot(e) {
     })
   );
 }
-function qe(e) {
-  return (e.interactions ?? []).map(Ot).filter((t) => t != null);
+function Ke(e) {
+  return (e.interactions ?? []).map(kt).filter((t) => t != null);
 }
-function Mt(e, t) {
-  return e.length < t.length && e.every((o, r) => o === t[r]);
+function Ft(e, t) {
+  return e.length < t.length && e.every((s, n) => s === t[n]);
 }
-function kt(e, t) {
-  const o = /* @__PURE__ */ new Map();
-  for (const r of e) {
-    const n = J(r.route);
-    if (!n) continue;
-    const s = `${n}\0${qe(r).join("
")}`, a = o.get(s);
-    a ? a.push(r) : o.set(s, [r]);
+function Tt(e, t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const r = G(n.route);
+    if (!r) continue;
+    const o = `${r}\0${Ke(n).join("
")}`, a = s.get(o);
+    a ? a.push(n) : s.set(o, [n]);
   }
-  return [...o.values()].flatMap((r) => {
-    if (r.length < 2) return [];
-    const n = J(r[0].route), s = t.get(n), a = r.find((c) => c.id === s) ?? [...r].sort(pe)[0];
-    return r.filter((c) => c.id !== a.id).sort((c, u) => c.id.localeCompare(u.id)).map((c) => ({
+  return [...s.values()].flatMap((n) => {
+    if (n.length < 2) return [];
+    const r = G(n[0].route), o = t.get(r), a = n.find((c) => c.id === o) ?? [...n].sort(pe)[0];
+    return n.filter((c) => c.id !== a.id).sort((c, u) => c.id.localeCompare(u.id)).map((c) => ({
       id: `discovery-variant:${encodeURIComponent(a.id)}:${encodeURIComponent(c.id)}`,
       from: a.id,
       to: c.id,
@@ -528,46 +528,46 @@ function kt(e, t) {
     }));
   });
 }
-function Ft(e, t) {
-  const o = /* @__PURE__ */ new Map();
-  for (const r of e) {
-    const n = J(r.route);
-    if (!n) continue;
-    const s = o.get(n);
-    s ? s.push(r) : o.set(n, [r]);
+function Dt(e, t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const r = G(n.route);
+    if (!r) continue;
+    const o = s.get(r);
+    o ? o.push(n) : s.set(r, [n]);
   }
-  return [...o.entries()].flatMap(([r, n]) => {
-    const s = new Map(
-      n.map((u) => [u.id, qe(u)])
-    ), a = t.get(r), c = n.find(
+  return [...s.entries()].flatMap(([n, r]) => {
+    const o = new Map(
+      r.map((u) => [u.id, Ke(u)])
+    ), a = t.get(n), c = r.find(
       (u) => u.id === a
     );
-    return n.flatMap((u) => {
-      const w = s.get(u.id);
-      if (!w.length) return [];
-      const v = n.filter(
-        (g) => Mt(
-          s.get(g.id),
-          w
+    return r.flatMap((u) => {
+      const g = o.get(u.id);
+      if (!g.length) return [];
+      const w = r.filter(
+        (y) => Ft(
+          o.get(y.id),
+          g
         )
-      ).sort((g, R) => {
-        const b = s.get(R.id).length - s.get(g.id).length;
+      ).sort((y, I) => {
+        const b = o.get(I.id).length - o.get(y.id).length;
         if (b !== 0) return b;
-        const A = g.flow && g.flow === u.flow ? 0 : 1, p = R.flow && R.flow === u.flow ? 0 : 1;
-        if (A !== p) return A - p;
-        const k = g.section && g.section === u.section ? 0 : 1, O = R.section && R.section === u.section ? 0 : 1;
-        if (k !== O) return k - O;
-        const z = g.id === a ? 0 : 1, T = R.id === a ? 0 : 1;
-        return z !== T ? z - T : pe(g, R);
+        const A = y.flow && y.flow === u.flow ? 0 : 1, m = I.flow && I.flow === u.flow ? 0 : 1;
+        if (A !== m) return A - m;
+        const k = y.section && y.section === u.section ? 0 : 1, M = I.section && I.section === u.section ? 0 : 1;
+        if (k !== M) return k - M;
+        const D = y.id === a ? 0 : 1, z = I.id === a ? 0 : 1;
+        return D !== z ? D - z : pe(y, I);
       })[0];
-      return v ? [
+      return w ? [
         {
-          id: `discovery-recipe:${encodeURIComponent(v.id)}:${encodeURIComponent(u.id)}`,
-          from: v.id,
+          id: `discovery-recipe:${encodeURIComponent(w.id)}:${encodeURIComponent(u.id)}`,
+          from: w.id,
           to: u.id,
           kind: "recipe-step"
         }
-      ] : c && c.id !== u.id && s.get(c.id).join("
") !== w.join("
") ? [
+      ] : c && c.id !== u.id && o.get(c.id).join("
") !== g.join("
") ? [
         {
           id: `discovery-route-case:${encodeURIComponent(c.id)}:${encodeURIComponent(u.id)}`,
           from: c.id,
@@ -578,31 +578,31 @@ function Ft(e, t) {
     });
   });
 }
-function Tt(e) {
-  var o;
+function zt(e) {
+  var s;
   const t = /* @__PURE__ */ new Map();
-  for (const r of e) {
-    const n = (o = r.flow) == null ? void 0 : o.trim();
-    if (!n) continue;
-    const s = t.get(n);
-    s ? s.push(r) : t.set(n, [r]);
+  for (const n of e) {
+    const r = (s = n.flow) == null ? void 0 : s.trim();
+    if (!r) continue;
+    const o = t.get(r);
+    o ? o.push(n) : t.set(r, [n]);
   }
-  return [...t.values()].flatMap((r) => {
-    const n = r[0], s = /* @__PURE__ */ new Map();
-    for (const a of r) {
-      const c = J(a.route);
+  return [...t.values()].flatMap((n) => {
+    const r = n[0], o = /* @__PURE__ */ new Map();
+    for (const a of n) {
+      const c = G(a.route);
       if (!c) continue;
-      const u = s.get(c);
-      u ? u.push(a) : s.set(c, [a]);
+      const u = o.get(c);
+      u ? u.push(a) : o.set(c, [a]);
     }
-    return s.size < 2 ? [] : [...s.values()].flatMap((a) => {
+    return o.size < 2 ? [] : [...o.values()].flatMap((a) => {
       const c = [...a].sort(
         pe
       )[0];
-      return c.id === n.id ? [] : [
+      return c.id === r.id ? [] : [
         {
-          id: `discovery-flow-route:${encodeURIComponent(n.id)}:${encodeURIComponent(c.id)}`,
-          from: n.id,
+          id: `discovery-flow-route:${encodeURIComponent(r.id)}:${encodeURIComponent(c.id)}`,
+          from: r.id,
           to: c.id,
           kind: "flow-route"
         }
@@ -610,159 +610,159 @@ function Tt(e) {
     });
   });
 }
-function Dt(e, t, o) {
-  const r = new Set(
-    (t.routes ?? []).map((n) => J(n.path)).filter((n) => !!n)
+function jt(e, t, s) {
+  const n = new Set(
+    (t.routes ?? []).map((r) => G(r.path)).filter((r) => !!r)
   );
-  return e.map((n) => {
-    const s = J(n.route);
-    if (!s || o.get(s) !== n.id)
-      return n;
-    const a = [...r].filter(
-      (c) => xe(c, s)
+  return e.map((r) => {
+    const o = G(r.route);
+    if (!o || s.get(o) !== r.id)
+      return r;
+    const a = [...n].filter(
+      (c) => Pe(c, o)
     );
     return a.length ? {
-      ...n,
+      ...r,
       scenarioIds: [
         .../* @__PURE__ */ new Set([
-          ...n.scenarioIds ?? [],
-          ...a.map(He)
+          ...r.scenarioIds ?? [],
+          ...a.map(qe)
         ])
       ].sort((c, u) => c.localeCompare(u))
-    } : n;
+    } : r;
   });
 }
-function zt(e, t) {
-  var w, h, v, g, R;
-  const o = new Set(e.map((b) => b.id)), r = new Map(
+function _t(e, t) {
+  var g, h, w, y, I;
+  const s = new Set(e.map((b) => b.id)), n = new Map(
     e.map((b, A) => [b.id, A])
-  ), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-  for (const b of o)
-    n.set(b, /* @__PURE__ */ new Set()), s.set(b, /* @__PURE__ */ new Set()), a.set(b, /* @__PURE__ */ new Set());
+  ), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  for (const b of s)
+    r.set(b, /* @__PURE__ */ new Set()), o.set(b, /* @__PURE__ */ new Set()), a.set(b, /* @__PURE__ */ new Set());
   for (const b of t)
-    !o.has(b.from) || !o.has(b.to) || ((w = n.get(b.to)) == null || w.add(b.from), (h = s.get(b.from)) == null || h.add(b.to), (v = a.get(b.from)) == null || v.add(b.to), (g = a.get(b.to)) == null || g.add(b.from));
+    !s.has(b.from) || !s.has(b.to) || ((g = r.get(b.to)) == null || g.add(b.from), (h = o.get(b.from)) == null || h.add(b.to), (w = a.get(b.from)) == null || w.add(b.to), (y = a.get(b.to)) == null || y.add(b.from));
   const c = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
-  for (const b of o) {
+  for (const b of s) {
     if (u.has(b)) continue;
-    const A = [], p = [b];
-    for (; p.length; ) {
-      const x = p.shift();
-      if (!u.has(x)) {
-        u.add(x), A.push(x);
-        for (const C of a.get(x) ?? [])
-          u.has(C) || p.push(C);
+    const A = [], m = [b];
+    for (; m.length; ) {
+      const S = m.shift();
+      if (!u.has(S)) {
+        u.add(S), A.push(S);
+        for (const R of a.get(S) ?? [])
+          u.has(R) || m.push(R);
       }
     }
-    if (A.length === 1 && (((R = a.get(A[0])) == null ? void 0 : R.size) ?? 0) === 0)
+    if (A.length === 1 && (((I = a.get(A[0])) == null ? void 0 : I.size) ?? 0) === 0)
       continue;
-    const k = A.filter((x) => {
-      var C;
-      return (((C = n.get(x)) == null ? void 0 : C.size) ?? 0) === 0;
+    const k = A.filter((S) => {
+      var R;
+      return (((R = r.get(S)) == null ? void 0 : R.size) ?? 0) === 0;
     }).sort(
-      (x, C) => (r.get(x) ?? Number.MAX_SAFE_INTEGER) - (r.get(C) ?? Number.MAX_SAFE_INTEGER) || x.localeCompare(C)
-    ), O = [...A].sort(
-      (x, C) => (r.get(x) ?? Number.MAX_SAFE_INTEGER) - (r.get(C) ?? Number.MAX_SAFE_INTEGER) || x.localeCompare(C)
+      (S, R) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(R) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(R)
+    ), M = [...A].sort(
+      (S, R) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(R) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(R)
     )[0];
-    if (!O) continue;
-    const z = [O], T = /* @__PURE__ */ new Set(), _ = (x) => {
-      const C = [x];
-      for (; C.length; ) {
-        const D = C.shift();
-        if (!T.has(D)) {
-          T.add(D);
-          for (const q of s.get(D) ?? [])
-            T.has(q) || C.push(q);
+    if (!M) continue;
+    const D = [M], z = /* @__PURE__ */ new Set(), j = (S) => {
+      const R = [S];
+      for (; R.length; ) {
+        const T = R.shift();
+        if (!z.has(T)) {
+          z.add(T);
+          for (const H of o.get(T) ?? [])
+            z.has(H) || R.push(H);
         }
       }
     };
-    _(O);
-    for (const x of k)
-      T.has(x) || (z.push(x), _(x));
-    for (const x of z)
-      c.add(x);
+    j(M);
+    for (const S of k)
+      z.has(S) || (D.push(S), j(S));
+    for (const S of D)
+      c.add(S);
   }
   return [...c].sort(
-    (b, A) => (r.get(b) ?? Number.MAX_SAFE_INTEGER) - (r.get(A) ?? Number.MAX_SAFE_INTEGER) || b.localeCompare(A)
+    (b, A) => (n.get(b) ?? Number.MAX_SAFE_INTEGER) - (n.get(A) ?? Number.MAX_SAFE_INTEGER) || b.localeCompare(A)
   );
 }
-function Ke(e) {
-  var t, o;
-  return Pt(
-    (o = (t = e.scenarios) == null ? void 0 : t.find(
-      (r) => r.id === "environment:baseline"
-    )) == null ? void 0 : o.environment
+function Ge(e) {
+  var t, s;
+  return Ct(
+    (s = (t = e.scenarios) == null ? void 0 : t.find(
+      (n) => n.id === "environment:baseline"
+    )) == null ? void 0 : s.environment
   );
 }
-function jt(e) {
-  const t = At(
+function Bt(e) {
+  const t = Ot(
     e.pages,
     e.manifest
-  ), o = $t(t), r = Dt(
+  ), s = Mt(t), n = jt(
     t,
     e.manifest,
-    o
-  ), s = [
-    ...Ct(
+    s
+  ), o = [
+    ...At(
       e.manifest.edges,
-      o,
-      new Set(r.map((a) => a.id))
+      s,
+      new Set(n.map((a) => a.id))
     ),
-    ...kt(r, o),
-    ...Ft(r, o),
-    ...Tt(r)
+    ...Tt(n, s),
+    ...Dt(n, s),
+    ...zt(n)
   ];
-  return xt({
-    screens: r,
+  return Et({
+    screens: n,
     assets: e.assets,
-    scenarios: Rt(e.manifest.routes),
-    inferredEdges: s,
-    startScreenIds: zt(r, s)
+    scenarios: Nt(e.manifest.routes),
+    inferredEdges: o,
+    startScreenIds: _t(n, o)
   });
 }
-async function Ge(e) {
-  const o = await (e.fetcher ?? ((n, s) => fetch(n, s)))(e.endpoint, {
+async function Je(e) {
+  const s = await (e.fetcher ?? ((r, o) => fetch(r, o)))(e.endpoint, {
     headers: { accept: "application/json" },
     cache: "no-store",
     signal: e.signal
   });
-  if (!o.ok)
-    throw new Error(`Storyboard discovery failed (${o.status})`);
-  const r = await o.json();
-  if (!Et(r))
+  if (!s.ok)
+    throw new Error(`Storyboard discovery failed (${s.status})`);
+  const n = await s.json();
+  if (!Rt(n))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
-    manifest: r,
-    baselineEnvironment: Ke(r),
-    graph: jt({
-      manifest: r,
+    manifest: n,
+    baselineEnvironment: Ge(n),
+    graph: Bt({
+      manifest: n,
       pages: e.pages,
       assets: e.assets
     })
   };
 }
-async function on(e) {
-  Z(null);
+async function an(e) {
+  ee(null);
   try {
-    const t = await Ge(e);
-    return Z(t.graph), t;
+    const t = await Je(e);
+    return ee(t.graph), t;
   } catch (t) {
-    throw Z(null), t;
+    throw ee(null), t;
   }
 }
-const ue = "var(--pygmalion-catalog-surface, #ffffff)", fe = "var(--pygmalion-catalog-canvas, #f5f5f5)", ve = "var(--pygmalion-catalog-border, #e5e7eb)", he = "var(--pygmalion-catalog-text, #202124)", H = "var(--pygmalion-catalog-muted, #6b7280)", _t = "var(--pygmalion-catalog-header, #11182f)", Bt = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function sn({
+const fe = "var(--pygmalion-catalog-surface, #ffffff)", he = "var(--pygmalion-catalog-canvas, #f5f5f5)", Ie = "var(--pygmalion-catalog-border, #e5e7eb)", me = "var(--pygmalion-catalog-text, #202124)", U = "var(--pygmalion-catalog-muted, #6b7280)", Ut = "var(--pygmalion-catalog-header, #11182f)", Ht = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function cn({
   title: e,
   eyebrow: t,
-  description: o,
-  version: r,
-  meta: n,
-  children: s,
-  headerBackground: a = _t,
+  description: s,
+  version: n,
+  meta: r,
+  children: o,
+  headerBackground: a = Ut,
   headerColor: c = "#ffffff",
-  bodyBackground: u = ue,
-  bodyGap: w = 40
+  bodyBackground: u = fe,
+  bodyGap: g = 40
 }) {
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-document": "",
@@ -774,12 +774,12 @@ function sn({
         maxWidth: "none",
         flexDirection: "column",
         overflow: "visible",
-        color: he,
+        color: me,
         background: u,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ $(
           "header",
           {
             style: {
@@ -793,8 +793,8 @@ function sn({
               background: a
             },
             children: [
-              /* @__PURE__ */ N("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                t ? /* @__PURE__ */ S(
+              /* @__PURE__ */ $("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                t ? /* @__PURE__ */ v(
                   "div",
                   {
                     style: {
@@ -807,7 +807,7 @@ function sn({
                     children: t
                   }
                 ) : null,
-                /* @__PURE__ */ S(
+                /* @__PURE__ */ v(
                   "h1",
                   {
                     style: {
@@ -821,7 +821,7 @@ function sn({
                     children: e
                   }
                 ),
-                o ? /* @__PURE__ */ S(
+                s ? /* @__PURE__ */ v(
                   "div",
                   {
                     style: {
@@ -830,11 +830,11 @@ function sn({
                       fontSize: 13,
                       lineHeight: 1.55
                     },
-                    children: o
+                    children: s
                   }
                 ) : null
               ] }),
-              r || n ? /* @__PURE__ */ N(
+              n || r ? /* @__PURE__ */ $(
                 "div",
                 {
                   style: {
@@ -846,15 +846,15 @@ function sn({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    r ? /* @__PURE__ */ S("span", { children: r }) : null,
-                    n ? /* @__PURE__ */ S("span", { children: n }) : null
+                    n ? /* @__PURE__ */ v("span", { children: n }) : null,
+                    r ? /* @__PURE__ */ v("span", { children: r }) : null
                   ]
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ v(
           "div",
           {
             "data-pygmalion-catalog-document-body": "",
@@ -863,28 +863,30 @@ function sn({
               display: "inline-flex",
               flexDirection: "column",
               alignItems: "flex-start",
-              gap: w,
+              gap: g,
               padding: 48,
               background: u
             },
-            children: s
+            children: o
           }
         )
       ]
     }
   );
 }
-function an({
+function ln({
   title: e,
-  count: t,
-  description: o,
+  itemId: t,
+  count: s,
+  description: n,
   children: r,
-  tone: n = "tinted"
+  tone: o = "tinted"
 }) {
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-section": "",
+      "data-pygmalion-catalog-item": t,
       style: {
         boxSizing: "border-box",
         display: "inline-flex",
@@ -892,12 +894,12 @@ function an({
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 18,
-        padding: n === "tinted" ? 24 : 0,
-        background: n === "tinted" ? fe : "transparent"
+        padding: o === "tinted" ? 24 : 0,
+        background: o === "tinted" ? he : "transparent"
       },
       children: [
-        /* @__PURE__ */ N("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
-          /* @__PURE__ */ S(
+        /* @__PURE__ */ $("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+          /* @__PURE__ */ v(
             "h2",
             {
               style: {
@@ -909,25 +911,25 @@ function an({
               children: e
             }
           ),
-          typeof t == "number" ? /* @__PURE__ */ S("span", { style: { color: H, fontSize: 11 }, children: t }) : null
+          typeof s == "number" ? /* @__PURE__ */ v("span", { style: { color: U, fontSize: 11 }, children: s }) : null
         ] }),
-        o ? /* @__PURE__ */ S("div", { style: { marginTop: -10, color: H, fontSize: 11 }, children: o }) : null,
+        n ? /* @__PURE__ */ v("div", { style: { marginTop: -10, color: U, fontSize: 11 }, children: n }) : null,
         r
       ]
     }
   );
 }
-function cn({
+function dn({
   rows: e,
   columns: t,
-  cornerLabel: o,
-  renderCell: r,
-  renderRowLabel: n = (u) => u,
-  renderColumnLabel: s = (u) => u,
+  cornerLabel: s,
+  renderCell: n,
+  renderRowLabel: r = (u) => u,
+  renderColumnLabel: o = (u) => u,
   boundary: a = !0,
   cellStyle: c
 }) {
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ v(
     "div",
     {
       "data-pygmalion-catalog-matrix": "",
@@ -936,10 +938,10 @@ function cn({
         display: "inline-block",
         width: "max-content",
         padding: a ? 16 : 0,
-        border: a ? `1px dashed ${Bt}` : void 0,
+        border: a ? `1px dashed ${Ht}` : void 0,
         borderRadius: a ? 4 : void 0
       },
-      children: /* @__PURE__ */ N(
+      children: /* @__PURE__ */ $(
         "table",
         {
           style: {
@@ -948,53 +950,53 @@ function cn({
             borderSpacing: 0
           },
           children: [
-            /* @__PURE__ */ S("thead", { children: /* @__PURE__ */ N("tr", { children: [
-              /* @__PURE__ */ S(
+            /* @__PURE__ */ v("thead", { children: /* @__PURE__ */ $("tr", { children: [
+              /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
                     padding: "0 16px 12px 0",
-                    color: H,
+                    color: U,
                     fontSize: 10,
                     fontWeight: 600,
                     textAlign: "left",
                     whiteSpace: "nowrap"
                   },
-                  children: o
+                  children: s
                 }
               ),
-              t.map((u) => /* @__PURE__ */ S(
+              t.map((u) => /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
                     padding: "0 16px 12px",
-                    color: H,
+                    color: U,
                     fontSize: 10,
                     fontWeight: 600,
                     textAlign: "center",
                     whiteSpace: "nowrap"
                   },
-                  children: s(u)
+                  children: o(u)
                 },
                 u
               ))
             ] }) }),
-            /* @__PURE__ */ S("tbody", { children: e.map((u) => /* @__PURE__ */ N("tr", { children: [
-              /* @__PURE__ */ S(
+            /* @__PURE__ */ v("tbody", { children: e.map((u) => /* @__PURE__ */ $("tr", { children: [
+              /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
                     padding: "12px 16px 12px 0",
-                    color: H,
+                    color: U,
                     fontSize: 10,
                     fontWeight: 600,
                     textAlign: "left",
                     whiteSpace: "nowrap"
                   },
-                  children: n(u)
+                  children: r(u)
                 }
               ),
-              t.map((w) => /* @__PURE__ */ S(
+              t.map((g) => /* @__PURE__ */ v(
                 "td",
                 {
                   style: {
@@ -1003,9 +1005,9 @@ function cn({
                     verticalAlign: "middle",
                     ...c
                   },
-                  children: r(u, w)
+                  children: n(u, g)
                 },
-                w
+                g
               ))
             ] }, u)) })
           ]
@@ -1014,12 +1016,12 @@ function cn({
     }
   );
 }
-function Ut(e) {
+function qt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
-function Je(e, t, o = "PygmalionCatalog") {
-  const r = (n) => Ut(n).replace(/-/g, "_");
-  return `${o}_${r(e)}_${r(t)}`;
+function Ve(e, t, s = "PygmalionCatalog") {
+  const n = (r) => qt(r).replace(/-/g, "_");
+  return `${s}_${n(e)}_${n(t)}`;
 }
 function We(e, t) {
   return {
@@ -1032,25 +1034,25 @@ function We(e, t) {
     description: e.description
   };
 }
-function Ve(e) {
+function Qe(e) {
   const t = /* @__PURE__ */ new Set();
-  for (const o of e) {
-    if (t.has(o.id))
-      throw new Error(`Duplicate design catalog item id: ${o.id}`);
-    t.add(o.id);
+  for (const s of e) {
+    if (t.has(s.id))
+      throw new Error(`Duplicate design catalog item id: ${s.id}`);
+    t.add(s.id);
   }
 }
-function Ht(e, t, o) {
-  return typeof e == "function" ? e(t, o) : e;
+function Kt(e, t, s) {
+  return typeof e == "function" ? e(t, s) : e;
 }
-function qt({
+function Gt({
   page: e,
   items: t,
-  renderPreview: o,
-  secondaryLabel: r,
-  minimumColumnWidth: n
+  renderPreview: s,
+  secondaryLabel: n,
+  minimumColumnWidth: r
 }) {
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-page": e.id,
@@ -1060,19 +1062,19 @@ function qt({
         display: "inline-block",
         width: "max-content",
         padding: 32,
-        color: he,
-        background: fe,
+        color: me,
+        background: he,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ N("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ S("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
-          /* @__PURE__ */ N("p", { style: { margin: "6px 0 0", color: H, fontSize: 13 }, children: [
+        /* @__PURE__ */ $("header", { style: { marginBottom: 24 }, children: [
+          /* @__PURE__ */ v("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
+          /* @__PURE__ */ $("p", { style: { margin: "6px 0 0", color: U, fontSize: 13 }, children: [
             t.length,
             " assets"
           ] })
         ] }),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
@@ -1080,20 +1082,20 @@ function qt({
               gridTemplateColumns: "repeat(6, max-content)",
               gap: 16
             },
-            children: t.map((s) => /* @__PURE__ */ N(
+            children: t.map((o) => /* @__PURE__ */ $(
               "article",
               {
-                "data-pygmalion-catalog-item": s.id,
+                "data-pygmalion-catalog-item": o.id,
                 style: {
-                  minWidth: n,
-                  width: n,
+                  minWidth: r,
+                  width: r,
                   padding: 16,
-                  border: `1px solid ${ve}`,
+                  border: `1px solid ${Ie}`,
                   borderRadius: 12,
-                  background: ue
+                  background: fe
                 },
                 children: [
-                  /* @__PURE__ */ S(
+                  /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
@@ -1103,10 +1105,10 @@ function qt({
                         justifyContent: "center",
                         overflow: "hidden"
                       },
-                      children: o(s)
+                      children: s(o)
                     }
                   ),
-                  /* @__PURE__ */ S(
+                  /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
@@ -1117,29 +1119,29 @@ function qt({
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      title: s.name,
-                      children: s.name
+                      title: o.name,
+                      children: o.name
                     }
                   ),
-                  r ? /* @__PURE__ */ S("div", { style: { marginTop: 4, color: H, fontSize: 11, lineHeight: 1.45 }, children: r(s) }) : s.codeName ? /* @__PURE__ */ S(
+                  n ? /* @__PURE__ */ v("div", { style: { marginTop: 4, color: U, fontSize: 11, lineHeight: 1.45 }, children: n(o) }) : o.codeName ? /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
                         marginTop: 4,
                         overflow: "hidden",
-                        color: H,
+                        color: U,
                         fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
                         fontSize: 11,
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      title: s.codeName,
-                      children: s.codeName
+                      title: o.codeName,
+                      children: o.codeName
                     }
                   ) : null
                 ]
               },
-              s.id
+              o.id
             ))
           }
         )
@@ -1147,86 +1149,86 @@ function qt({
     }
   );
 }
-function ln(e) {
-  Ve(e.items);
+function un(e) {
+  Qe(e.items);
   const t = /* @__PURE__ */ new Map();
-  for (const n of e.items) {
-    const s = e.pageFor(n), a = t.get(s.id);
+  for (const r of e.items) {
+    const o = e.pageFor(r), a = t.get(o.id);
     if (a) {
-      if (a.page.name !== s.name || a.page.section !== s.section)
-        throw new Error(`Conflicting design catalog page descriptor: ${s.id}`);
-      a.items.push(n);
+      if (a.page.name !== o.name || a.page.section !== o.section)
+        throw new Error(`Conflicting design catalog page descriptor: ${o.id}`);
+      a.items.push(r);
       continue;
     }
-    t.set(s.id, {
-      page: s,
-      items: [n],
-      registryName: Je(
+    t.set(o.id, {
+      page: o,
+      items: [r],
+      registryName: Ve(
         e.kind,
-        s.id,
+        o.id,
         e.registryPrefix
       )
     });
   }
-  const o = {}, r = [];
-  for (const n of t.values()) {
-    const s = () => /* @__PURE__ */ S(
-      qt,
+  const s = {}, n = [];
+  for (const r of t.values()) {
+    const o = () => /* @__PURE__ */ v(
+      Gt,
       {
-        page: n.page,
-        items: n.items,
+        page: r.page,
+        items: r.items,
         renderPreview: e.renderPreview,
         secondaryLabel: e.secondaryLabel,
         minimumColumnWidth: e.minimumColumnWidth ?? 152
       }
     );
-    o[n.registryName] = {
-      component: s,
+    s[r.registryName] = {
+      component: o,
       children: "none"
     };
-    const a = Ht(e.frame, n.page, n.items);
-    r.push({
-      ...n.page,
-      componentName: n.registryName,
+    const a = Kt(e.frame, r.page, r.items);
+    n.push({
+      ...r.page,
+      componentName: r.registryName,
       width: (a == null ? void 0 : a.width) ?? 1,
       height: (a == null ? void 0 : a.height) ?? 1,
       frameSizeMode: a ? "fixed" : "content"
     });
   }
   return {
-    registry: o,
+    registry: s,
     collection: {
       expectedCount: e.expectedCount ?? e.items.length,
-      assets: e.items.map((n) => We(n, e.pageFor(n).id)),
-      pages: r
+      assets: e.items.map((r) => We(r, e.pageFor(r).id)),
+      pages: n
     }
   };
 }
-function Kt(e, t = 60) {
-  const o = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, c]) => c.length > 0).sort(([c, u], [w, h]) => h.length - u.length || c.localeCompare(w)), r = o[0], n = o[1], s = Math.max(1, (r == null ? void 0 : r[1].length) ?? 1), a = n == null ? void 0 : n[1].slice(0, Math.max(1, Math.floor(t / s)));
+function Jt(e, t = 60) {
+  const s = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, c]) => c.length > 0).sort(([c, u], [g, h]) => h.length - u.length || c.localeCompare(g)), n = s[0], r = s[1], o = Math.max(1, (n == null ? void 0 : n[1].length) ?? 1), a = r == null ? void 0 : r[1].slice(0, Math.max(1, Math.floor(t / o)));
   return {
-    row: r,
-    column: n ? [n[0], a ?? []] : void 0,
-    fixed: o.slice(2).map(([c, u]) => [c, u[0]]),
-    additional: o.slice(2)
+    row: n,
+    column: r ? [r[0], a ?? []] : void 0,
+    fixed: s.slice(2).map(([c, u]) => [c, u[0]]),
+    additional: s.slice(2)
   };
 }
-function Gt(e, t, o, r) {
+function Vt(e, t, s, n) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
-    ...t.row && o ? { [t.row[0]]: o } : {},
-    ...t.column && r ? { [t.column[0]]: r } : {}
+    ...t.row && s ? { [t.row[0]]: s } : {},
+    ...t.column && n ? { [t.column[0]]: n } : {}
   };
 }
-function Jt({
+function Wt({
   item: e,
   entry: t,
-  maxVariantCells: o
+  maxVariantCells: s
 }) {
   var c, u;
   if (!t)
-    return /* @__PURE__ */ N(
+    return /* @__PURE__ */ $(
       "section",
       {
         "data-pygmalion-catalog-component": e.id,
@@ -1236,17 +1238,17 @@ function Jt({
           display: "inline-block",
           width: "max-content",
           padding: 32,
-          color: he,
-          background: fe
+          color: me,
+          background: he
         },
         children: [
-          /* @__PURE__ */ S("strong", { children: e.name }),
-          /* @__PURE__ */ S("p", { style: { color: H }, children: "The component is not registered." })
+          /* @__PURE__ */ v("strong", { children: e.name }),
+          /* @__PURE__ */ v("p", { style: { color: U }, children: "The component is not registered." })
         ]
       }
     );
-  const r = Kt(t, o), n = ((c = r.row) == null ? void 0 : c[1]) ?? [void 0], s = ((u = r.column) == null ? void 0 : u[1]) ?? [void 0], a = t.component;
-  return /* @__PURE__ */ N(
+  const n = Jt(t, s), r = ((c = n.row) == null ? void 0 : c[1]) ?? [void 0], o = ((u = n.column) == null ? void 0 : u[1]) ?? [void 0], a = t.component;
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-component": e.id,
@@ -1256,261 +1258,261 @@ function Jt({
         display: "inline-block",
         width: "max-content",
         padding: 32,
-        color: he,
-        background: fe,
+        color: me,
+        background: he,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ N("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ S("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
-          e.sourcePath ? /* @__PURE__ */ S("p", { style: { margin: "6px 0 0", color: H, fontSize: 12 }, children: e.sourcePath }) : null
+        /* @__PURE__ */ $("header", { style: { marginBottom: 24 }, children: [
+          /* @__PURE__ */ v("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
+          e.sourcePath ? /* @__PURE__ */ v("p", { style: { margin: "6px 0 0", color: U, fontSize: 12 }, children: e.sourcePath }) : null
         ] }),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
               display: "inline-grid",
-              gridTemplateColumns: `repeat(${s.length}, max-content)`,
+              gridTemplateColumns: `repeat(${o.length}, max-content)`,
               gap: 12
             },
-            children: n.flatMap(
-              (w) => s.map((h) => {
-                const v = Gt(t, r, w, h), g = [
-                  r.row && w ? `${r.row[0]}=${w}` : "",
-                  r.column && h ? `${r.column[0]}=${h}` : ""
+            children: r.flatMap(
+              (g) => o.map((h) => {
+                const w = Vt(t, n, g, h), y = [
+                  n.row && g ? `${n.row[0]}=${g}` : "",
+                  n.column && h ? `${n.column[0]}=${h}` : ""
                 ].filter(Boolean).join(" · ");
-                return /* @__PURE__ */ N(
+                return /* @__PURE__ */ $(
                   "article",
                   {
                     style: {
                       width: "max-content",
                       padding: 16,
-                      border: `1px solid ${ve}`,
+                      border: `1px solid ${Ie}`,
                       borderRadius: 10,
-                      background: ue
+                      background: fe
                     },
                     children: [
-                      g ? /* @__PURE__ */ S("div", { style: { marginBottom: 12, color: H, fontSize: 11 }, children: g }) : null,
-                      /* @__PURE__ */ S("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: ke(
+                      y ? /* @__PURE__ */ v("div", { style: { marginBottom: 12, color: U, fontSize: 11 }, children: y }) : null,
+                      /* @__PURE__ */ v("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Fe(
                         a,
-                        v,
+                        w,
                         t.children === "text" ? t.defaultChildren ?? e.name : void 0
                       ) })
                     ]
                   },
-                  `${w ?? "default"}:${h ?? "default"}`
+                  `${g ?? "default"}:${h ?? "default"}`
                 );
               })
             )
           }
         ),
-        r.additional.map(([w, h]) => /* @__PURE__ */ N("section", { style: { marginTop: 20 }, children: [
-          /* @__PURE__ */ S("h2", { style: { margin: "0 0 10px", color: H, fontSize: 12 }, children: w }),
-          /* @__PURE__ */ S("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: h.map((v) => /* @__PURE__ */ N(
+        n.additional.map(([g, h]) => /* @__PURE__ */ $("section", { style: { marginTop: 20 }, children: [
+          /* @__PURE__ */ v("h2", { style: { margin: "0 0 10px", color: U, fontSize: 12 }, children: g }),
+          /* @__PURE__ */ v("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: h.map((w) => /* @__PURE__ */ $(
             "article",
             {
               style: {
                 padding: 16,
-                border: `1px solid ${ve}`,
+                border: `1px solid ${Ie}`,
                 borderRadius: 10,
-                background: ue
+                background: fe
               },
               children: [
-                /* @__PURE__ */ S("div", { style: { marginBottom: 12, color: H, fontSize: 11 }, children: v }),
-                ke(
+                /* @__PURE__ */ v("div", { style: { marginBottom: 12, color: U, fontSize: 11 }, children: w }),
+                Fe(
                   a,
-                  { ...t.defaultProps, [w]: v },
+                  { ...t.defaultProps, [g]: w },
                   t.children === "text" ? t.defaultChildren ?? e.name : void 0
                 )
               ]
             },
-            v
+            w
           )) })
-        ] }, w))
+        ] }, g))
       ]
     }
   );
 }
-function dn(e) {
-  Ve(e.items);
-  const t = {}, o = [], r = [], n = e.maxVariantCells ?? 60;
-  for (const s of e.items) {
-    const a = Je(
+function fn(e) {
+  Qe(e.items);
+  const t = {}, s = [], n = [], r = e.maxVariantCells ?? 60;
+  for (const o of e.items) {
+    const a = Ve(
       e.kind,
-      s.id,
+      o.id,
       e.registryPrefix
-    ), c = e.registry[s.name], u = () => /* @__PURE__ */ S(
-      Jt,
+    ), c = e.registry[o.name], u = () => /* @__PURE__ */ v(
+      Wt,
       {
-        item: s,
+        item: o,
         entry: c,
-        maxVariantCells: n
+        maxVariantCells: r
       }
     );
-    t[a] = { component: u, children: "none" }, o.push({
-      id: s.id,
-      name: s.name,
-      section: s.section,
+    t[a] = { component: u, children: "none" }, s.push({
+      id: o.id,
+      name: o.name,
+      section: o.section,
       componentName: a,
       // The seed exists only long enough to mount the intrinsic max-content
       // catalog root. The editor replaces it with actual rendered DOM bounds.
       width: 1,
       height: 1,
       frameSizeMode: "content"
-    }), r.push(We(s, s.id));
+    }), n.push(We(o, o.id));
   }
   return {
     registry: t,
     collection: {
       expectedCount: e.expectedCount ?? e.items.length,
-      assets: r,
-      pages: o
+      assets: n,
+      pages: s
     }
   };
 }
-const ze = /^[a-f0-9]{64}$/, Wt = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, Vt = /^p\d+$/;
-function Ie(e) {
-  return typeof e == "string" && Wt.test(e) ? e : void 0;
+const je = /^[a-f0-9]{64}$/, Qt = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, Lt = /^p\d+$/;
+function xe(e) {
+  return typeof e == "string" && Qt.test(e) ? e : void 0;
 }
-function je(e, t) {
-  const o = new URL(e, t);
-  return o.search = "", o.hash = "", o.pathname.endsWith("/") || (o.pathname = `${o.pathname}/`), o.href;
+function _e(e, t) {
+  const s = new URL(e, t);
+  return s.search = "", s.hash = "", s.pathname.endsWith("/") || (s.pathname = `${s.pathname}/`), s.href;
 }
-function ye(e) {
+function we(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e;
-  return typeof t.domStructureHash != "string" || !ze.test(t.domStructureHash) || typeof t.screenshotHash != "string" || !ze.test(t.screenshotHash) ? null : {
+  return typeof t.domStructureHash != "string" || !je.test(t.domStructureHash) || typeof t.screenshotHash != "string" || !je.test(t.screenshotHash) ? null : {
     domStructureHash: t.domStructureHash,
     screenshotHash: t.screenshotHash,
-    ...Ie(t.screenshotUrl) ? { screenshotUrl: Ie(t.screenshotUrl) } : {}
+    ...xe(t.screenshotUrl) ? { screenshotUrl: xe(t.screenshotUrl) } : {}
   };
 }
-function _e(e) {
+function Be(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   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 Qt(e) {
+function Xt(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
-  const t = e, o = _e(t.before), r = _e(t.after);
-  if (!o || !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)
+  const t = e, s = Be(t.before), n = Be(t.after);
+  if (!s || !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)
     return null;
-  const n = t.heatmapUrl == null ? null : Ie(t.heatmapUrl) ?? null;
+  const r = t.heatmapUrl == null ? null : xe(t.heatmapUrl) ?? null;
   return {
-    before: o,
-    after: r,
-    dimensionsMatch: o.width === r.width && o.height === r.height,
+    before: s,
+    after: n,
+    dimensionsMatch: s.width === n.width && s.height === n.height,
     changedPixels: Number(t.changedPixels),
     totalPixels: Number(t.totalPixels),
     diffRatio: Number(t.changedPixels) / Number(t.totalPixels),
     threshold: t.threshold,
-    heatmapUrl: n
+    heatmapUrl: r
   };
 }
-function Lt(e, t) {
+function Yt(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
-  const o = e;
-  if (typeof o.id != "string" || !o.id) return null;
-  const r = ye(o), n = ye(o.before) ?? r;
-  if (!n) return null;
-  const s = ye(o.after);
-  if (t === "changed" && !s) return null;
-  const a = s ? Qt(o.pixelDiff) : null;
+  const s = e;
+  if (typeof s.id != "string" || !s.id) return null;
+  const n = we(s), r = we(s.before) ?? n;
+  if (!r) return null;
+  const o = we(s.after);
+  if (t === "changed" && !o) return null;
+  const a = o ? Xt(s.pixelDiff) : null;
   return {
-    id: o.id,
-    before: n,
-    ...s ? { after: s } : {},
-    ...s ? {
-      domChanged: n.domStructureHash !== s.domStructureHash,
-      screenshotChanged: n.screenshotHash !== s.screenshotHash
+    id: s.id,
+    before: r,
+    ...o ? { after: o } : {},
+    ...o ? {
+      domChanged: r.domStructureHash !== o.domStructureHash,
+      screenshotChanged: r.screenshotHash !== o.screenshotHash
     } : {},
     ...a ? { pixelDiff: a } : {}
   };
 }
-function Xt(e, t = []) {
-  const o = new Set(t), r = o.size > 0, n = /* @__PURE__ */ new Set(), s = [
+function Zt(e, t = []) {
+  const s = new Set(t), n = s.size > 0, r = /* @__PURE__ */ new Set(), o = [
     ...e.styles.map((a) => a.affectedFrames ?? []),
     ...e.texts.map((a) => a.affectedFrames ?? []),
     ...e.operations.map((a) => a.affectedFrames ?? [])
   ];
-  for (const a of s)
+  for (const a of o)
     for (const c of a) {
-      if (r && Vt.test(c.id) && !o.has(c.id))
+      if (n && Lt.test(c.id) && !s.has(c.id))
         throw new Error(
           `"Impact Screen"${c.name}"This internal editor ID (${c.id}) is used. A canonical screen ID is required.`
         );
-      !c.id || r && !o.has(c.id) || n.add(c.id);
+      !c.id || n && !s.has(c.id) || r.add(c.id);
     }
-  return [...n].sort();
+  return [...r].sort();
 }
-async function Be(e, t, o) {
-  const r = await e(`${t.replace(/\/$/, "")}/capture`, {
+async function Ue(e, t, s) {
+  const n = await e(`${t.replace(/\/$/, "")}/capture`, {
     method: "POST",
     headers: { "content-type": "application/json" },
-    body: JSON.stringify(o)
-  }), n = await r.json();
-  if (!r.ok || n.ok === !1)
+    body: JSON.stringify(s)
+  }), r = await n.json();
+  if (!n.ok || r.ok === !1)
     throw new Error(
-      typeof n.error == "string" ? n.error : `Pygmalion visual QA capture failed (${r.status})`
+      typeof r.error == "string" ? r.error : `Pygmalion visual QA capture failed (${n.status})`
     );
-  if (typeof n.baselineId != "string" || !n.baselineId)
+  if (typeof r.baselineId != "string" || !r.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const s = Array.isArray(n.frames) ? n.frames.map((h) => Lt(h, o.phase)).filter((h) => h != null) : [], a = Array.isArray(n.failures) ? n.failures.map((h) => {
+  const o = Array.isArray(r.frames) ? r.frames.map((h) => Yt(h, s.phase)).filter((h) => h != null) : [], a = Array.isArray(r.failures) ? r.failures.map((h) => {
     if (!h || typeof h != "object" || Array.isArray(h)) return null;
-    const v = h;
-    return typeof v.id == "string" && typeof v.error == "string" ? { id: v.id, error: v.error } : null;
-  }).filter((h) => h != null) : [], c = new Set(o.frameIds), w = new Set(s.map((h) => h.id)).size === s.length && s.every((h) => c.has(h.id)) && a.every((h) => c.has(h.id));
+    const w = h;
+    return typeof w.id == "string" && typeof w.error == "string" ? { id: w.id, error: w.error } : null;
+  }).filter((h) => h != null) : [], c = new Set(s.frameIds), g = new Set(o.map((h) => h.id)).size === o.length && o.every((h) => c.has(h.id)) && a.every((h) => c.has(h.id));
   return {
-    phase: o.phase,
-    baselineId: n.baselineId,
-    complete: n.complete !== !1 && w && a.length === 0 && s.length === o.frameIds.length,
-    frames: s,
+    phase: s.phase,
+    baselineId: r.baselineId,
+    complete: r.complete !== !1 && g && a.length === 0 && o.length === s.frameIds.length,
+    frames: o,
     failures: a
   };
 }
-const we = {
+const be = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, Yt = "pygmalion.designSessionId", Zt = "/__pygmalion-qa", ce = /* @__PURE__ */ new Map();
-function Ue() {
+}, en = "pygmalion.designSessionId", tn = "/__pygmalion-qa", le = /* @__PURE__ */ new Map();
+function He() {
   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 en(e, t) {
+function nn(e, t) {
   if (e) return e;
-  const o = ce.get(t);
-  if (o) return o;
+  const s = le.get(t);
+  if (s) return s;
   try {
-    const r = window.localStorage.getItem(t);
-    if (r)
-      return ce.set(t, r), r;
-    const n = Ue();
-    return window.localStorage.setItem(t, n), ce.set(t, n), n;
+    const n = window.localStorage.getItem(t);
+    if (n)
+      return le.set(t, n), n;
+    const r = He();
+    return window.localStorage.setItem(t, r), le.set(t, r), r;
   } catch {
-    const r = Ue();
-    return ce.set(t, r), r;
+    const n = He();
+    return le.set(t, n), n;
   }
 }
-async function X(e) {
+async function W(e) {
   const t = await e.json();
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-function un(e = {}) {
-  var P, K, M, i, d;
+function hn(e = {}) {
+  var X, x, q, i, d;
   const {
     sessionId: t,
-    sessionStorageKey: o = Yt,
-    autoStart: r = !0,
-    fetcher: n = fetch,
-    formatApplyMessage: s
-  } = e, a = ((P = e.endpoints) == null ? void 0 : P.mirror) ?? we.mirror, c = ((K = e.endpoints) == null ? void 0 : K.sessions) ?? we.sessions, u = ((M = e.endpoints) == null ? void 0 : M.inspect) ?? we.inspect, w = e.visualQa != null, h = ((i = e.visualQa) == null ? void 0 : i.endpoint) ?? Zt, v = JSON.stringify(((d = e.visualQa) == null ? void 0 : d.eligibleFrameIds) ?? []), g = le(
-    () => JSON.parse(v),
-    [v]
-  ), R = le(
-    () => en(t, o),
-    [t, o]
+    sessionStorageKey: s = en,
+    autoStart: n = !0,
+    fetcher: r = fetch,
+    formatApplyMessage: o
+  } = e, a = ((X = e.endpoints) == null ? void 0 : X.mirror) ?? be.mirror, c = ((x = e.endpoints) == null ? void 0 : x.sessions) ?? be.sessions, u = ((q = e.endpoints) == null ? void 0 : q.inspect) ?? be.inspect, g = e.visualQa != null, h = ((i = e.visualQa) == null ? void 0 : i.endpoint) ?? tn, w = JSON.stringify(((d = e.visualQa) == null ? void 0 : d.eligibleFrameIds) ?? []), y = de(
+    () => JSON.parse(w),
+    [w]
+  ), I = de(
+    () => nn(t, s),
+    [t, s]
   ), [b, A] = re({
     state: "idle",
     commit: null,
@@ -1521,106 +1523,106 @@ function un(e = {}) {
     warning: null,
     error: null,
     appOrigin: null
-  }), [p, k] = re(null), [O, z] = re(null), [T, _] = re({
+  }), [m, k] = re(null), [M, D] = re(null), [z, j] = re({
     refs: [],
     defaultRef: null,
     worktreeRef: null
-  }), x = be(null), C = be(null), D = Y(
+  }), S = ve(null), R = ve(null), T = Z(
     async (l = !0, f) => {
-      if (f != null && x.current && await x.current.catch(() => {
-      }), x.current) return x.current;
+      if (f != null && S.current && await S.current.catch(() => {
+      }), S.current) return S.current;
       const E = (async () => {
-        A((y) => ({ ...y, state: "syncing", error: null }));
+        A((C) => ({ ...C, state: "syncing", error: null }));
         try {
-          const y = f != null;
-          let m = await n(`${a}/${l || y ? "refresh" : "status"}`, {
-            method: l || y ? "POST" : "GET",
-            ...y ? {
+          const C = f != null;
+          let P = await r(`${a}/${l || C ? "refresh" : "status"}`, {
+            method: l || C ? "POST" : "GET",
+            ...C ? {
               headers: { "content-type": "application/json" },
               body: JSON.stringify({ ref: f })
             } : {}
-          }), I = await X(m);
-          const $ = Date.now();
-          for (; !l && I.state === "syncing" && Date.now() - $ < 12e4; )
-            await new Promise((G) => window.setTimeout(G, 500)), m = await n(`${a}/status`), I = await X(m);
-          if (I.state !== "ready" || !I.appOrigin || !I.commit)
-            throw new Error(I.error ?? "Pygmalion could not prepare the source preview");
-          const F = await X(
-            await n(`${c}/open`, {
+          }), p = await W(P);
+          const N = Date.now();
+          for (; !l && p.state === "syncing" && Date.now() - N < 12e4; )
+            await new Promise((K) => window.setTimeout(K, 500)), P = await r(`${a}/status`), p = await W(P);
+          if (p.state !== "ready" || !p.appOrigin || !p.commit)
+            throw new Error(p.error ?? "Pygmalion could not prepare the source preview");
+          const O = await W(
+            await r(`${c}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: R, baseDevSha: I.commit })
+              body: JSON.stringify({ sessionId: I, baseDevSha: p.commit })
             })
           );
-          if (!F.ok || !F.session)
-            throw new Error(F.error ?? "Pygmalion could not open the design session");
-          let j = F.session;
-          if (j.branchName) {
-            const G = await X(
-              await n(`${c}/check`, {
+          if (!O.ok || !O.session)
+            throw new Error(O.error ?? "Pygmalion could not open the design session");
+          let F = O.session;
+          if (F.branchName) {
+            const K = await W(
+              await r(`${c}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
-                body: JSON.stringify({ sessionId: j.id })
+                body: JSON.stringify({ sessionId: F.id })
               })
             );
-            if (!G.ok || !G.session)
-              throw new Error(G.error ?? "Pygmalion could not check the design session");
-            j = G.session;
+            if (!K.ok || !K.session)
+              throw new Error(K.error ?? "Pygmalion could not check the design session");
+            F = K.session;
           }
-          A(I), k(j), z(j.appOrigin ?? I.appOrigin);
-        } catch (y) {
-          A((m) => ({
-            ...m,
+          A(p), k(F), D(F.appOrigin ?? p.appOrigin);
+        } catch (C) {
+          A((P) => ({
+            ...P,
             state: "error",
-            error: y instanceof Error ? y.message : String(y)
+            error: C instanceof Error ? C.message : String(C)
           }));
         }
       })();
-      x.current = E;
+      S.current = E;
       try {
         await E;
       } finally {
-        x.current === E && (x.current = null);
+        S.current === E && (S.current = null);
       }
     },
-    [n, a, c, R]
-  ), q = Y(async () => {
+    [r, a, c, I]
+  ), H = Z(async () => {
     try {
-      const l = await X(
-        await n(`${a}/refs`)
+      const l = await W(
+        await r(`${a}/refs`)
       ), f = {
         refs: l.refs ?? [],
         defaultRef: l.defaultRef ?? null,
         worktreeRef: l.worktreeRef ?? null
       };
-      return _(f), f;
+      return j(f), f;
     } catch {
-      return T;
+      return z;
     }
-  }, [n, a, T]), ee = Y(
+  }, [r, a, z]), te = Z(
     async (l, f) => {
-      if (p != null && p.branchName && !(f != null && f.discardEdits))
+      if (m != null && m.branchName && !(f != null && f.discardEdits))
         throw new Error(
           "This design session has unapplied edits against the current source. Apply or revert them, or pass discardEdits to switch anyway."
         );
-      await D(!0, l);
+      await T(!0, l);
     },
-    [D, p == null ? void 0 : p.branchName]
-  ), te = Y(
+    [T, m == null ? void 0 : m.branchName]
+  ), ne = Z(
     async (l) => {
-      var I;
-      if (!p) throw new Error("Pygmalion design session is not ready");
-      const f = C.current;
-      if (f && (f.sessionId !== p.id || f.baseDevSha !== p.baseDevSha || f.revision !== p.revision || f.fingerprint !== JSON.stringify(l)))
+      var p;
+      if (!m) throw new Error("Pygmalion design session is not ready");
+      const f = R.current;
+      if (f && (f.sessionId !== m.id || f.baseDevSha !== m.baseDevSha || f.revision !== m.revision || f.fingerprint !== JSON.stringify(l)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const E = await X(
-        await n(`${c}/apply-visual`, {
+      const E = await W(
+        await r(`${c}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
-            sessionId: p.id,
-            baseDevSha: p.baseDevSha,
-            expectedRevision: p.revision,
+            sessionId: m.id,
+            baseDevSha: m.baseDevSha,
+            expectedRevision: m.revision,
             ...f ? { previewRevision: f.revision } : {},
             changes: l
           })
@@ -1628,97 +1630,97 @@ function un(e = {}) {
       );
       if (!E.ok || !E.session)
         throw new Error(E.error ?? "Pygmalion could not apply the visual changes");
-      k(E.session), E.session.appOrigin && z(E.session.appOrigin);
-      const y = E.applied ?? l.styles.length + l.texts.length + l.operations.length;
-      let m;
-      if (f != null && f.qaBaselineId && ((I = f.qaFrameIds) != null && I.length) && E.session.appOrigin)
+      k(E.session), E.session.appOrigin && D(E.session.appOrigin);
+      const C = E.applied ?? l.styles.length + l.texts.length + l.operations.length;
+      let P;
+      if (f != null && f.qaBaselineId && ((p = f.qaFrameIds) != null && p.length) && E.session.appOrigin)
         try {
-          m = await Be(n, h, {
+          P = await Ue(r, h, {
             phase: "changed",
             baselineId: f.qaBaselineId,
-            basePath: je(E.session.appOrigin, window.location.origin),
+            basePath: _e(E.session.appOrigin, window.location.origin),
             frameIds: f.qaFrameIds
           });
-        } catch ($) {
-          const F = $ instanceof Error ? $.message : String($);
-          m = {
+        } catch (N) {
+          const O = N instanceof Error ? N.message : String(N);
+          P = {
             phase: "changed",
             baselineId: f.qaBaselineId,
             complete: !1,
             frames: [],
-            failures: f.qaFrameIds.map((j) => ({ id: j, error: F }))
+            failures: f.qaFrameIds.map((F) => ({ id: F, error: O }))
           };
         }
-      return C.current = null, {
-        applied: y,
+      return R.current = null, {
+        applied: C,
         branch: E.session.branchName ?? void 0,
         integration: E.session.integration.state,
-        message: s == null ? void 0 : s(E.session, y),
-        ...m ? { qa: m } : {}
+        message: o == null ? void 0 : o(E.session, C),
+        ...P ? { qa: P } : {}
       };
     },
-    [n, s, h, p, c]
-  ), V = Y(
+    [r, o, h, m, c]
+  ), Y = Z(
     async (l) => {
-      var I;
-      if (!p) throw new Error("Pygmalion design session is not ready");
-      C.current = null;
-      const f = await X(
-        await n(`${c}/preview-visual`, {
+      var p;
+      if (!m) throw new Error("Pygmalion design session is not ready");
+      R.current = null;
+      const f = await W(
+        await r(`${c}/preview-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
-            sessionId: p.id,
-            baseDevSha: p.baseDevSha,
-            expectedRevision: p.revision,
+            sessionId: m.id,
+            baseDevSha: m.baseDevSha,
+            expectedRevision: m.revision,
             changes: l
           })
         })
       );
       if (!f.ok || !Number.isSafeInteger(f.revision))
         throw new Error(f.error ?? "Pygmalion could not preview the visual changes");
-      const E = w ? Xt(l, g) : [];
-      let y;
-      const m = p.appOrigin ?? b.appOrigin;
+      const E = g ? Zt(l, y) : [];
+      let C;
+      const P = m.appOrigin ?? b.appOrigin;
       if (E.length > 0) {
-        if (!m)
+        if (!P)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (y = await Be(n, h, {
+        if (C = await Ue(r, h, {
           phase: "baseline",
-          basePath: je(m, window.location.origin),
+          basePath: _e(P, window.location.origin),
           frameIds: E
-        }), !y.complete)
+        }), !C.complete)
           throw new Error(
-            ((I = y.failures[0]) == null ? void 0 : I.error) ?? `Failed to capture ${E.length - y.frames.length} affected frames`
+            ((p = C.failures[0]) == null ? void 0 : p.error) ?? `Failed to capture ${E.length - C.frames.length} affected frames`
           );
       }
-      return C.current = {
-        sessionId: p.id,
-        baseDevSha: p.baseDevSha,
+      return R.current = {
+        sessionId: m.id,
+        baseDevSha: m.baseDevSha,
         revision: f.revision,
         fingerprint: JSON.stringify(l),
-        ...y ? { qaBaselineId: y.baselineId, qaFrameIds: E } : {}
+        ...C ? { qaBaselineId: C.baselineId, qaFrameIds: E } : {}
       }, {
         revision: f.revision,
         files: Array.isArray(f.files) ? f.files : [],
         affectedFiles: Array.isArray(f.affectedFiles) ? f.affectedFiles : [],
-        ...y ? { qa: y } : {}
+        ...C ? { qa: C } : {}
       };
     },
     [
-      n,
+      r,
       b.appOrigin,
-      g,
+      y,
       h,
-      p,
+      m,
       c,
-      w
+      g
     ]
-  ), ne = Y(
+  ), Q = Z(
     async (l) => {
       if (l.length === 0) return { files: [] };
-      const f = await X(
-        await n(`${u}/impact`, {
+      const f = await W(
+        await r(`${u}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({ componentFiles: l })
@@ -1728,93 +1730,93 @@ function un(e = {}) {
         throw new Error(f.error ?? "Pygmalion could not calculate source impact");
       return { files: Array.isArray(f.files) ? f.files : [] };
     },
-    [n, u]
-  ), Q = Y(async () => {
-    if (!(p != null && p.canRevert) || !p.headSha)
+    [r, u]
+  ), L = Z(async () => {
+    if (!(m != null && m.canRevert) || !m.headSha)
       throw new Error("There are no reversible changes applied");
-    const l = await X(
-      await n(`${c}/revert-visual`, {
+    const l = await W(
+      await r(`${c}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({
-          sessionId: p.id,
-          baseDevSha: p.baseDevSha,
-          expectedRevision: p.revision,
-          expectedHeadSha: p.headSha
+          sessionId: m.id,
+          baseDevSha: m.baseDevSha,
+          expectedRevision: m.revision,
+          expectedHeadSha: m.headSha
         })
       })
     );
     if (!l.ok || l.reverted !== !0 || !l.operation || l.operation.kind !== "visual-revert" || !l.session)
       throw new Error(l.error ?? "Pygmalion could not revert the last visual change");
-    return C.current = null, k(l.session), l.session.appOrigin && z(l.session.appOrigin), {
+    return R.current = null, k(l.session), l.session.appOrigin && D(l.session.appOrigin), {
       reverted: !0,
       operation: l.operation,
       session: l.session
     };
-  }, [n, p, c]);
+  }, [r, m, c]);
   oe(() => {
-    r && D(!1);
-  }, [r, D]), oe(() => {
-    r && q();
-  }, [r]);
-  const B = (p == null ? void 0 : p.appOrigin) ?? b.appOrigin ?? O, L = (p == null ? void 0 : p.headSha) ?? (p == null ? void 0 : p.baseDevSha) ?? b.commit ?? "pending";
+    n && T(!1);
+  }, [n, T]), oe(() => {
+    n && H();
+  }, [n]);
+  const V = (m == null ? void 0 : m.appOrigin) ?? b.appOrigin ?? M, _ = (m == null ? void 0 : m.headSha) ?? (m == null ? void 0 : m.baseDevSha) ?? b.commit ?? "pending";
   return {
     mirror: b,
-    session: p,
-    ready: O != null,
-    appOrigin: B,
-    previewRevision: `${L}:${(p == null ? void 0 : p.revision) ?? 0}`,
-    previewSourceRevision: L,
-    refresh: D,
-    switchSource: ee,
-    sourceRefs: T,
-    loadSourceRefs: q,
-    previewVisual: V,
-    inspectImpact: ne,
-    applyVisual: te,
-    revertLastVisual: Q
+    session: m,
+    ready: M != null,
+    appOrigin: V,
+    previewRevision: `${_}:${(m == null ? void 0 : m.revision) ?? 0}`,
+    previewSourceRevision: _,
+    refresh: T,
+    switchSource: te,
+    sourceRefs: z,
+    loadSourceRefs: H,
+    previewVisual: Y,
+    inspectImpact: Q,
+    applyVisual: ne,
+    revertLastVisual: L
   };
 }
-function fn({
+function mn({
   value: e,
   refs: t,
-  onChange: o,
-  busy: r = !1,
-  defaultRef: n = null,
-  worktreeRef: s = null,
+  onChange: s,
+  busy: n = !1,
+  defaultRef: r = null,
+  worktreeRef: o = null,
   label: a = "Source revision",
   children: c,
   className: u
 }) {
-  const w = le(
+  const g = de(
     () => ({
-      local: t.filter((g) => g.kind === "local"),
-      remote: t.filter((g) => g.kind === "remote")
+      local: t.filter((y) => y.kind === "local"),
+      remote: t.filter((y) => y.kind === "remote")
     }),
     [t]
-  ), h = le(() => {
-    const g = new Set(t.map((R) => R.name));
-    return n && g.add(n), s && g.add(s), g;
-  }, [n, t, s]), v = e ?? n ?? "";
-  return /* @__PURE__ */ N(
+  ), h = de(() => {
+    const y = new Set(t.map((I) => I.name));
+    return r && y.add(r), o && y.add(o), y;
+  }, [r, t, o]), w = e ?? r ?? "";
+  return /* @__PURE__ */ $(
     "span",
     {
       className: u,
       "data-pygmalion-source-ref": "",
-      "data-busy": r ? "" : void 0,
+      "data-busy": n ? "" : void 0,
       style: { position: "relative", display: "inline-flex", alignItems: "center" },
       children: [
-        c ?? /* @__PURE__ */ S("span", { "data-pygmalion-source-ref-value": "", children: v || a }),
-        /* @__PURE__ */ N(
+        c ?? /* @__PURE__ */ v("span", { "data-pygmalion-source-ref-value": "", children: w || a }),
+        /* @__PURE__ */ $(
           "select",
           {
-            value: v,
-            disabled: r,
+            value: w,
+            disabled: n,
             "aria-label": a,
             "data-pygmalion-source-ref-select": "",
-            onChange: (g) => {
-              const R = g.target.value;
-              R && R !== v && o(R);
+            onChange: (y) => {
+              const I = y.target.value;
+              I && I !== w && s(I);
             },
             style: {
               position: "absolute",
@@ -1822,7 +1824,7 @@ function fn({
               width: "100%",
               height: "100%",
               opacity: 0,
-              cursor: r ? "default" : "pointer",
+              cursor: n ? "default" : "pointer",
               // The native menu stays reachable; only the painted trigger is the host's.
               appearance: "none",
               border: 0,
@@ -1830,21 +1832,21 @@ function fn({
               margin: 0
             },
             children: [
-              v && !h.has(v) ? /* @__PURE__ */ S("option", { value: v, children: v }) : null,
-              s ? /* @__PURE__ */ N("option", { value: s, children: [
-                s,
+              w && !h.has(w) ? /* @__PURE__ */ v("option", { value: w, children: w }) : null,
+              o ? /* @__PURE__ */ $("option", { value: o, children: [
+                o,
                 " · uncommitted work"
               ] }) : null,
-              w.local.length > 0 ? /* @__PURE__ */ S("optgroup", { label: "local", children: w.local.map((g) => /* @__PURE__ */ N("option", { value: g.name, children: [
-                g.name,
+              g.local.length > 0 ? /* @__PURE__ */ v("optgroup", { label: "local", children: g.local.map((y) => /* @__PURE__ */ $("option", { value: y.name, children: [
+                y.name,
                 " · ",
-                g.commit
-              ] }, g.fullName)) }) : null,
-              w.remote.length > 0 ? /* @__PURE__ */ S("optgroup", { label: "remote", children: w.remote.map((g) => /* @__PURE__ */ N("option", { value: g.name, children: [
-                g.name,
+                y.commit
+              ] }, y.fullName)) }) : null,
+              g.remote.length > 0 ? /* @__PURE__ */ v("optgroup", { label: "remote", children: g.remote.map((y) => /* @__PURE__ */ $("option", { value: y.name, children: [
+                y.name,
                 " · ",
-                g.commit
-              ] }, g.fullName)) }) : null
+                y.commit
+              ] }, y.fullName)) }) : null
             ]
           }
         )
@@ -1852,263 +1854,264 @@ function fn({
     }
   );
 }
-const hn = {
-  editor: W,
-  getObserverTree: Xe,
-  isObservableProp: Le
+const pn = {
+  editor: J,
+  getObserverTree: Ye,
+  isObservableProp: Xe
 };
-function pn(e) {
-  W.navigateToPageByName(e);
+function gn(e) {
+  J.navigateToPageByName(e);
 }
-function gn() {
-  W.openPreview();
+function yn() {
+  J.openPreview();
 }
-function mn() {
-  const e = $e.entries.length > 0;
-  return e && $e.discardPending(), W.resetCurrentEdits() || e;
+function wn() {
+  const e = Oe.entries.length > 0;
+  return e && Oe.discardPending(), J.resetCurrentEdits() || e;
 }
-function yn({
+function bn({
   registry: e,
   tokens: t,
-  initialPages: o,
-  viewportPresets: r,
-  designImport: n,
-  onTokensChange: s,
-  appOrigin: a,
-  previewRevision: c,
-  previewCacheNamespace: u,
-  previewArtifacts: w,
-  previewArtifactEndpoint: h,
-  previewConcurrency: v,
-  previewOpen: g,
-  onPreviewOpenChange: R,
-  flowCanvas: b,
-  onApply: A,
-  onDesignChange: p,
-  onInspectApply: k,
-  onInspectPreview: O,
+  initialPages: s,
+  viewportPresets: n,
+  previewEnvironmentControls: r,
+  designImport: o,
+  onTokensChange: a,
+  appOrigin: c,
+  previewRevision: u,
+  previewCacheNamespace: g,
+  previewArtifacts: h,
+  previewArtifactEndpoint: w,
+  previewConcurrency: y,
+  previewOpen: I,
+  onPreviewOpenChange: b,
+  flowCanvas: A,
+  onApply: m,
+  onDesignChange: k,
+  onInspectApply: M,
+  onInspectPreview: D,
   onInspectImpact: z,
-  storyboardDiscovery: T = !0,
-  storyboardDiscoveryEndpoint: _ = ft
+  storyboardDiscovery: j = !0,
+  storyboardDiscoveryEndpoint: S = mt
 }) {
-  const [x, C] = re(!T), [D, q] = re();
-  n && (n.assertComplete(), Ye(n));
-  const ee = e ?? (n == null ? void 0 : n.getRegistry()), te = t ?? (n == null ? void 0 : n.getTokens()), V = o ?? (n == null ? void 0 : n.getInitialPages());
-  ee && Ze(ee), te && et(te), r && tt(r), gt(s ?? null), a != null && nt(a), c != null && rt(c), ot(u);
-  const ne = D ?? w, Q = (V ?? []).flatMap(
-    (P) => P.route && P.importPageId ? [
+  const [R, T] = re(!j), [H, te] = re();
+  o && (o.assertComplete(), Ze(o));
+  const ne = e ?? (o == null ? void 0 : o.getRegistry()), Y = t ?? (o == null ? void 0 : o.getTokens()), Q = s ?? (o == null ? void 0 : o.getInitialPages());
+  ne && et(ne), Y && tt(Y), n && nt(n), rt(r ?? []), yt(a ?? null), c != null && ot(c), u != null && st(u), it(g);
+  const L = H ?? h, V = (Q ?? []).flatMap(
+    (x) => x.route && x.importPageId ? [
       {
-        canonicalId: P.importPageId,
-        route: P.route,
-        width: P.width,
-        height: P.height,
-        environment: P.environment,
-        preset: P.preset,
-        interactions: P.interactions,
-        assertions: P.assertions
+        canonicalId: x.importPageId,
+        route: x.route,
+        width: x.width,
+        height: x.height,
+        environment: x.environment,
+        preset: x.preset,
+        interactions: x.interactions,
+        assertions: x.assertions
       }
     ] : []
-  ), B = be([]), L = Q.map((P) => ({
-    id: P.canonicalId,
-    fingerprint: st(
-      P,
+  ), _ = ve([]), X = V.map((x) => ({
+    id: x.canonicalId,
+    fingerprint: at(
+      x,
       Re(),
       ge()
     )
   }));
-  return B.current = L, ne && V && x && Ce(ne, {
-    namespace: u ?? "",
+  return _.current = X, L && Q && R && Ne(L, {
+    namespace: g ?? "",
     previewRevision: Re(),
-    appOrigin: Oe(),
+    appOrigin: Me(),
     baselineEnvironment: ge(),
-    allowStaleIdentity: !!h,
-    allowMatchingFrameIdentity: D != null,
-    pages: Q.map((P, K) => {
-      var M;
+    allowStaleIdentity: !!w,
+    allowMatchingFrameIdentity: H != null,
+    pages: V.map((x, q) => {
+      var i;
       return {
-        ...P,
-        fingerprint: (M = L[K]) == null ? void 0 : M.fingerprint
+        ...x,
+        fingerprint: (i = X[q]) == null ? void 0 : i.fingerprint
       };
     })
-  }), v != null && it(v), mt(R ?? null), b != null && at(b), yt(A ?? null), wt(k ?? null), ct(O ?? null), bt(z ?? null), V && W.initPagesFromComponents(V), oe(() => {
-    Me(p ?? null);
-    const P = lt(W);
+  }), y != null && ct(y), wt(b ?? null), A != null && lt(A), bt(m ?? null), vt(M ?? null), dt(D ?? null), St(z ?? null), Q && J.initPagesFromComponents(Q), oe(() => {
+    ke(k ?? null);
+    const x = ut(J);
     return () => {
-      P(), Me(null);
+      x(), ke(null);
     };
-  }, [p]), oe(() => {
-    if (q(void 0), !x || !h || !(u != null && u.trim()) || !(c != null && c.trim()))
+  }, [k]), oe(() => {
+    if (te(void 0), !R || !w || !(g != null && g.trim()) || !(u != null && u.trim()))
       return;
-    const P = new AbortController(), K = dt({
-      endpoint: h,
-      captureBaseUrl: a
-    }), M = ut(c), i = (y) => {
-      Ce(y, {
-        namespace: u,
-        previewRevision: c,
-        appOrigin: Oe(),
+    const x = new AbortController(), q = ft({
+      endpoint: w,
+      captureBaseUrl: c
+    }), i = ht(u), d = (P) => {
+      Ne(P, {
+        namespace: g,
+        previewRevision: u,
+        appOrigin: Me(),
         baselineEnvironment: ge(),
         allowStaleIdentity: !0,
         allowMatchingFrameIdentity: !0,
-        pages: Q.map((m, I) => {
-          var $;
+        pages: V.map((p, N) => {
+          var O;
           return {
-            ...m,
-            fingerprint: ($ = L[I]) == null ? void 0 : $.fingerprint
+            ...p,
+            fingerprint: (O = X[N]) == null ? void 0 : O.fingerprint
           };
         })
-      }), q(y);
-    }, d = (y, m, I) => pt({
-      namespace: u,
-      sourceRevision: M,
-      transport: K,
-      signal: I,
-      ...y.length ? { frames: y } : {},
-      ...m ? {} : { generate: !1 }
-    }), l = (y, m) => {
-      const I = new Set(m);
-      return y.filter(($) => I.has($.id));
-    }, f = (y, m) => y instanceof Error && y.message ? y.message : m, E = new AbortController();
-    if (Ne(async (y) => {
-      var I, $, F;
-      const m = await d(y, !0, E.signal);
-      if (m.status === "accepted") {
-        i(m.artifact);
-        const j = new Set(((I = m.frameResolution) == null ? void 0 : I.exact) ?? []);
-        if (y.every((se) => j.has(se.id)))
+      }), te(P);
+    }, l = (P, p, N) => gt({
+      namespace: g,
+      sourceRevision: i,
+      transport: q,
+      signal: N,
+      ...P.length ? { frames: P } : {},
+      ...p ? {} : { generate: !1 }
+    }), f = (P, p) => {
+      const N = new Set(p);
+      return P.filter((O) => N.has(O.id));
+    }, E = (P, p) => P instanceof Error && P.message ? P.message : p, C = new AbortController();
+    if (Ae(async (P) => {
+      var N, O, F;
+      const p = await l(P, !0, C.signal);
+      if (p.status === "accepted") {
+        d(p.artifact);
+        const K = new Set(((N = p.frameResolution) == null ? void 0 : N.exact) ?? []);
+        if (P.every((ie) => K.has(ie.id)))
           return { status: "accepted" };
-        const G = [
-          ...(($ = m.frameResolution) == null ? void 0 : $.missing) ?? [],
-          ...((F = m.frameResolution) == null ? void 0 : F.stale) ?? []
+        const se = [
+          ...((O = p.frameResolution) == null ? void 0 : O.missing) ?? [],
+          ...((F = p.frameResolution) == null ? void 0 : F.stale) ?? []
         ];
         return {
           status: "unavailable",
-          message: G.length ? `The exact preview endpoint did not return a current capture for ${G.join(", ")}.` : "The exact preview endpoint returned no current capture."
+          message: se.length ? `The exact preview endpoint did not return a current capture for ${se.join(", ")}.` : "The exact preview endpoint returned no current capture."
         };
       }
-      return m.status === "rejected" ? {
+      return p.status === "rejected" ? {
         status: "rejected",
-        message: m.errors.join(" ") || "The preview artifact was rejected."
+        message: p.errors.join(" ") || "The preview artifact was rejected."
       } : {
         status: "unavailable",
-        message: f(
-          m.error,
+        message: E(
+          p.error,
           "The exact preview endpoint is unavailable."
         )
       };
-    }), B.current.length) {
-      const y = B.current.filter((m) => {
-        const I = me(
-          m.id,
-          m.fingerprint
+    }), _.current.length) {
+      const P = _.current.filter((p) => {
+        const N = ye(
+          p.id,
+          p.fingerprint
         ).status;
-        return I !== "exact" && I !== "generating";
+        return N !== "exact" && N !== "generating";
       });
-      ie(y, { status: "checking" }), d(
-        B.current,
+      ae(P, { status: "checking" }), l(
+        _.current,
         !1,
-        P.signal
-      ).then((m) => {
-        var F, j, G;
-        if (P.signal.aborted) return;
-        const I = (se) => se.filter((Pe) => {
-          const Ee = me(
-            Pe.id,
-            Pe.fingerprint
+        x.signal
+      ).then((p) => {
+        var F, K, se;
+        if (x.signal.aborted) return;
+        const N = (ie) => ie.filter((Ee) => {
+          const Ce = ye(
+            Ee.id,
+            Ee.fingerprint
           ).status;
-          return Ee !== "generating" && Ee !== "exact";
+          return Ce !== "generating" && Ce !== "exact";
         });
-        if (m.status === "accepted") {
-          i(m.artifact), ie(
-            l(
-              B.current,
-              ((F = m.frameResolution) == null ? void 0 : F.exact) ?? []
+        if (p.status === "accepted") {
+          d(p.artifact), ae(
+            f(
+              _.current,
+              ((F = p.frameResolution) == null ? void 0 : F.exact) ?? []
             ),
             { status: "exact" }
           );
-          const se = l(B.current, [
-            ...((j = m.frameResolution) == null ? void 0 : j.missing) ?? [],
-            ...((G = m.frameResolution) == null ? void 0 : G.stale) ?? []
+          const ie = f(_.current, [
+            ...((K = p.frameResolution) == null ? void 0 : K.missing) ?? [],
+            ...((se = p.frameResolution) == null ? void 0 : se.stale) ?? []
           ]);
-          ie(I(se), {
+          ae(N(ie), {
             status: "outdated",
             message: "Select this frame to generate the exact preview."
           });
           return;
         }
-        const $ = m.status === "rejected" ? m.errors.join(" ") || "The preview artifact was rejected." : f(
-          m.error,
+        const O = p.status === "rejected" ? p.errors.join(" ") || "The preview artifact was rejected." : E(
+          p.error,
           "The exact preview endpoint is unavailable."
         );
-        ie(
-          I(B.current),
+        ae(
+          N(_.current),
           {
             status: "error",
-            reason: m.status === "rejected" ? "rejected" : "unavailable",
-            message: $
+            reason: p.status === "rejected" ? "rejected" : "unavailable",
+            message: O
           }
         );
-      }).catch((m) => {
-        if (P.signal.aborted) return;
-        const I = B.current.filter(($) => {
-          const F = me(
-            $.id,
-            $.fingerprint
+      }).catch((p) => {
+        if (x.signal.aborted) return;
+        const N = _.current.filter((O) => {
+          const F = ye(
+            O.id,
+            O.fingerprint
           ).status;
           return F !== "generating" && F !== "exact";
         });
-        ie(I, {
+        ae(N, {
           status: "error",
           reason: "unavailable",
-          message: f(
-            m,
+          message: E(
+            p,
             "The exact preview endpoint is unavailable."
           )
         });
       });
     }
     return () => {
-      Ne(null), E.abort(), P.abort();
+      Ae(null), C.abort(), x.abort();
     };
   }, [
-    h,
+    w,
+    g,
     u,
     c,
-    a,
-    x
+    R
   ]), oe(() => {
-    let P = !0;
-    if (!T)
-      return ae(void 0), C(!0), () => {
-        P = !1;
+    let x = !0;
+    if (!j)
+      return ce(void 0), T(!0), () => {
+        x = !1;
       };
-    const K = new AbortController();
-    return C(!1), ae(void 0), Z(null), Ge({
-      endpoint: _,
-      signal: K.signal,
-      pages: W.pages.map((M) => ({
-        ...M,
-        id: M.importPageId ?? M.id,
-        importKind: M.importKind
+    const q = new AbortController();
+    return T(!1), ce(void 0), ee(null), Je({
+      endpoint: S,
+      signal: q.signal,
+      pages: J.pages.map((i) => ({
+        ...i,
+        id: i.importPageId ?? i.id,
+        importKind: i.importKind
       })),
-      assets: (n == null ? void 0 : n.getAssets("screens")) ?? []
-    }).then((M) => {
-      P && (ae(M.baselineEnvironment), Ae(M.manifest.routes ?? null), Z(M.graph));
+      assets: (o == null ? void 0 : o.getAssets("screens")) ?? []
+    }).then((i) => {
+      x && (ce(i.baselineEnvironment), $e(i.manifest.routes ?? null), ee(i.graph));
     }).catch(() => {
-      P && (ae(void 0), Ae(null), Z(null));
+      x && (ce(void 0), $e(null), ee(null));
     }).finally(() => {
-      P && C(!0);
+      x && T(!0);
     }), () => {
-      P = !1, K.abort(), ae(void 0), Z(null);
+      x = !1, q.abort(), ce(void 0), ee(null);
     };
   }, [
-    n,
     o,
-    T,
-    _
+    s,
+    j,
+    S
   ]), oe(() => {
-    g == null || g === W.previewOpen || (g ? W.openPreview({ notifyHost: !1 }) : W.closePreview({ notifyHost: !1 }));
-  }, [g]), x ? /* @__PURE__ */ S(ht, {}) : /* @__PURE__ */ S(
+    I == null || I === J.previewOpen || (I ? J.openPreview({ notifyHost: !1 }) : J.closePreview({ notifyHost: !1 }));
+  }, [I]), R ? /* @__PURE__ */ v(pt, {}) : /* @__PURE__ */ v(
     "div",
     {
       "data-pygmalion-storyboard-loading": "",
@@ -2127,64 +2130,71 @@ function yn({
   );
 }
 export {
-  Sn as DESIGN_IMPORT_KINDS,
-  sn as PygmalionCatalogDocument,
-  cn as PygmalionCatalogMatrix,
-  an as PygmalionCatalogSection,
-  yn as PygmalionEditor,
-  ft as STORYBOARD_ENVIRONMENT_CONTROL,
-  vn as STORYBOARD_ENVIRONMENT_QUERY,
-  fn as SourceRefControl,
-  hn as __debug,
-  In as applyTokenOverride,
-  pt as bootstrapPreviewArtifact,
-  xn as clearPygmalionPreviewCache,
-  dn as createDesignComponentCatalog,
-  Kt as createDesignComponentVariantMatrix,
-  ln as createDesignGalleryCatalog,
-  Pn as createDesignImportController,
-  En as createDesignScreenCollection,
-  dt as createPreviewArtifactHttpTransport,
-  Rn as createPreviewCacheNamespace,
-  Cn as createPreviewFrameFingerprint,
-  Nn as createPreviewRecipeFingerprint,
-  An as createStoryboardCaptureRecipeIdentity,
-  xt as createStoryboardGraph,
-  jt as createStoryboardGraphFromDiscovery,
-  $n as createStoryboardGraphViewModel,
-  On as createStoryboardRouteUrl,
-  Ut as designCatalogKey,
-  Je as designCatalogRegistryName,
-  Mn as expandDesignScreenCasesViewports,
-  kn as expandDesignScreenCollectionViewports,
-  Fn as getRecommendedPygmalionPreviewConcurrency,
+  In as DESIGN_IMPORT_KINDS,
+  cn as PygmalionCatalogDocument,
+  dn as PygmalionCatalogMatrix,
+  ln as PygmalionCatalogSection,
+  bn as PygmalionEditor,
+  mt as STORYBOARD_ENVIRONMENT_CONTROL,
+  xn as STORYBOARD_ENVIRONMENT_QUERY,
+  mn as SourceRefControl,
+  pn as __debug,
+  Pn as applyTokenOverride,
+  gt as bootstrapPreviewArtifact,
+  En as clearPreviewEnvironmentControlValues,
+  Cn as clearPygmalionPreviewCache,
+  fn as createDesignComponentCatalog,
+  Jt as createDesignComponentVariantMatrix,
+  un as createDesignGalleryCatalog,
+  Rn as createDesignImportController,
+  Nn as createDesignScreenCollection,
+  ft as createPreviewArtifactHttpTransport,
+  An as createPreviewCacheNamespace,
+  $n as createPreviewFrameFingerprint,
+  On as createPreviewRecipeFingerprint,
+  Mn as createStoryboardCaptureRecipeIdentity,
+  Et as createStoryboardGraph,
+  Bt as createStoryboardGraphFromDiscovery,
+  kn as createStoryboardGraphViewModel,
+  Fn as createStoryboardRouteUrl,
+  qt as designCatalogKey,
+  Ve as designCatalogRegistryName,
+  Tn as expandDesignScreenCasesViewports,
+  Dn as expandDesignScreenCollectionViewports,
+  zn as getPreviewEnvironmentControlValue,
+  jn as getPreviewEnvironmentControls,
+  _n as getPreviewEnvironmentOverride,
+  Bn as getRecommendedPygmalionPreviewConcurrency,
   ge as getStoryboardBaselineEnvironment,
-  Ke as getStoryboardDiscoveryBaselineEnvironment,
-  Tn as getStoryboardGraph,
-  Dn as getViewportPresets,
-  Ge as loadStoryboardDiscovery,
-  zn as mergeScreenPresets,
-  Qe as mergeStoryboardEnvironment,
-  on as publishStoryboardDiscovery,
-  pn as pygmalionNavigate,
-  gn as pygmalionOpenPreview,
-  mn as pygmalionResetCurrentEdits,
-  jn as reconstructRoutePreviewArtifactScreenshotV3,
-  _n as reconstructRoutePreviewArtifactSnapshotV3,
-  Bn as resetTokenOverrides,
-  Un as resolvePreviewArtifactFrames,
-  At as resolveStoryboardScreenCases,
-  Ze as setComponentRegistry,
-  nt as setPygmalionAppOrigin,
-  it as setPygmalionPreviewConcurrency,
-  rt as setPygmalionPreviewRevision,
-  ae as setStoryboardBaselineEnvironment,
-  Z as setStoryboardGraph,
-  et as setTokens,
-  tt as setViewportPresets,
-  St as storyboardScreenRecipeKey,
-  Hn as subscribeStoryboardGraph,
-  un as usePygmalionProject,
-  qn as validatePreviewArtifactBundle,
-  Kn as validateRoutePreviewArtifactV3Browser
+  Ge as getStoryboardDiscoveryBaselineEnvironment,
+  Un as getStoryboardGraph,
+  Hn as getViewportPresets,
+  Je as loadStoryboardDiscovery,
+  qn as mergeScreenPresets,
+  Le as mergeStoryboardEnvironment,
+  an as publishStoryboardDiscovery,
+  gn as pygmalionNavigate,
+  yn as pygmalionOpenPreview,
+  wn as pygmalionResetCurrentEdits,
+  Kn as reconstructRoutePreviewArtifactScreenshotV3,
+  Gn as reconstructRoutePreviewArtifactSnapshotV3,
+  Jn as resetTokenOverrides,
+  Vn as resolvePreviewArtifactFrames,
+  Ot as resolveStoryboardScreenCases,
+  et as setComponentRegistry,
+  Wn as setPreviewEnvironmentControlValue,
+  rt as setPreviewEnvironmentControls,
+  ot as setPygmalionAppOrigin,
+  ct as setPygmalionPreviewConcurrency,
+  st as setPygmalionPreviewRevision,
+  ce as setStoryboardBaselineEnvironment,
+  ee as setStoryboardGraph,
+  tt as setTokens,
+  nt as setViewportPresets,
+  It as storyboardScreenRecipeKey,
+  Qn as subscribePreviewEnvironmentControls,
+  Ln as subscribeStoryboardGraph,
+  hn as usePygmalionProject,
+  Xn as validatePreviewArtifactBundle,
+  Yn as validateRoutePreviewArtifactV3Browser
 };