@pygmalionjs/pygmalion 0.2.36 → 0.2.37

package/dist-lib/pygmalion.js

@@ -1,7 +1,7 @@
-import { jsxs as A, jsx as b } from "react/jsx-runtime";
-import { b as ne, m as Ze, i as et, g as tt, e as W, c as nt, a as rt, d as ot, f as st, h as it, j as at, k as ct, l as Se, n as lt, o as dt, p as ut, q as ft, r as mt, t as pt, u as Me, v as gt, w as ht, x as yt, y as Oe, z as be, A as de, B as ue, C as $e, S as wt, D as St, E as De, G as bt, H as ke, I as vt, J as It, K as xt, L as Pt, M as Et, O as Ct, P as Fe } from "./App-BE2sN74X.js";
-import { Q as Rn, R as An, T as Mn, U as On, V as $n, W as Dn, X as kn, Y as Fn, Z as Tn, _ as zn, $ as _n, a0 as jn, a1 as Bn, a2 as Un, a3 as Hn, a4 as qn, a5 as Gn, a6 as Kn, a7 as Vn, a8 as Jn, a9 as Wn, aa as Ln, ab as Qn, ac as Xn, ad as Yn, ae as Zn, af as er, ag as tr, ah as nr, ai as rr, aj as or, ak as sr, al as ir, am as ar, an as cr, ao as lr, ap as dr, aq as ur, ar as fr, as as mr, at as pr, au as gr, av as hr } from "./App-BE2sN74X.js";
-import { createElement as Te, useMemo as ae, useState as se, useRef as xe, useCallback as te, useEffect as ie, useLayoutEffect as ze } from "react";
+import { jsxs as $, jsx as v } from "react/jsx-runtime";
+import { b as ne, m as Ze, i as et, g as tt, e as V, c as nt, a as rt, d as ot, f as st, h as it, j as at, k as ct, l as be, n as lt, o as dt, p as ut, q as ft, r as pt, t as mt, u as Me, v as gt, w as ht, x as yt, y as $e, z as ve, A as de, B as ue, C as Oe, S as wt, D as bt, E as De, G as vt, H as ke, I as St, J as It, K as xt, L as Pt, M as Et, O as Ct, P as Fe } from "./App-BE2sN74X.js";
+import { Q as Rn, R as An, T as Mn, U as $n, V as On, W as Dn, X as kn, Y as Fn, Z as Tn, _ as zn, $ as _n, a0 as jn, a1 as Bn, a2 as Un, a3 as Hn, a4 as qn, a5 as Gn, a6 as Kn, a7 as Ln, a8 as Wn, a9 as Vn, aa as Jn, ab as Qn, ac as Xn, ad as Yn, ae as Zn, af as er, ag as tr, ah as nr, ai as rr, aj as or, ak as sr, al as ir, am as ar, an as cr, ao as lr, ap as dr, aq as ur, ar as fr, as as pr, at as mr, au as gr, av as hr } from "./App-BE2sN74X.js";
+import { createElement as Te, useMemo as re, useState as ie, useRef as xe, useCallback as te, useEffect as ae, useLayoutEffect as ze } from "react";
 function Pe(e, t = /* @__PURE__ */ new Set()) {
   if (e == null || typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e))
     return e;
@@ -76,220 +76,220 @@ function _e(e) {
   ].join(":");
 }
 function Mt(e) {
-  var _, J;
+  var j, W;
   const t = [], o = [], r = /* @__PURE__ */ new Map();
   for (const i of e.screens) {
-    const a = i.id.trim();
-    if (!a || r.has(a)) {
+    const c = i.id.trim();
+    if (!c || r.has(c)) {
       t.push({
         code: "duplicate-screen-id",
         severity: "error",
-        message: a ? `Multiple storyboard screens use the id "${a}".` : "A storyboard screen has an empty id.",
-        screenId: a || void 0
+        message: c ? `Multiple storyboard screens use the id "${c}".` : "A storyboard screen has an empty id.",
+        screenId: c || void 0
       });
       continue;
     }
-    const l = a === i.id ? i : { ...i, id: a };
-    r.set(a, l), o.push(l);
+    const l = c === i.id ? i : { ...i, id: c };
+    r.set(c, l), o.push(l);
   }
   const n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set();
   for (const i of o) {
-    let a;
+    let c;
     try {
-      if (a = (e.recipeKey ?? Nt)(i), !a.trim()) throw new Error("Recipe keys cannot be empty.");
-    } catch (p) {
+      if (c = (e.recipeKey ?? Nt)(i), !c.trim()) throw new Error("Recipe keys cannot be empty.");
+    } catch (g) {
       s.add(i.id), t.push({
         code: "invalid-recipe",
         severity: "error",
-        message: p instanceof Error ? p.message : "Storyboard recipe identity could not be created.",
+        message: g instanceof Error ? g.message : "Storyboard recipe identity could not be created.",
         screenId: i.id
-      }), a = `invalid:${i.id}`;
+      }), c = `invalid:${i.id}`;
     }
-    const l = n.get(a);
-    l ? l.screens.push(i) : n.set(a, { recipeKey: a, screens: [i] });
+    const l = n.get(c);
+    l ? l.screens.push(i) : n.set(c, { recipeKey: c, screens: [i] });
   }
-  const c = [...n.values()].map(At).sort((i, a) => i.id.localeCompare(a.id)), d = {};
-  for (const i of c)
-    for (const a of i.screenIds) d[a] = i.id;
-  const u = new Map(c.map((i) => [i.id, i])), g = (i, a) => T([
-    a,
+  const a = [...n.values()].map(At).sort((i, c) => i.id.localeCompare(c.id)), d = {};
+  for (const i of a)
+    for (const c of i.screenIds) d[c] = i.id;
+  const u = new Map(a.map((i) => [i.id, i])), h = (i, c) => T([
+    c,
     ...(i ?? []).flatMap((l) => {
-      const p = l.trim(), I = d[p] ?? (u.has(p) ? p : null);
-      return I ? [I] : [];
+      const g = l.trim(), x = d[g] ?? (u.has(g) ? g : null);
+      return x ? [x] : [];
     })
-  ]), m = /* @__PURE__ */ new Map();
+  ]), p = /* @__PURE__ */ new Map();
   for (const i of e.assets ?? []) {
-    const a = m.get(i.pageId);
-    a ? a.push(i) : m.set(i.pageId, [i]);
+    const c = p.get(i.pageId);
+    c ? c.push(i) : p.set(i.pageId, [i]);
   }
-  const y = c.map((i) => {
-    const a = i.screenIds.flatMap(
-      (l) => m.get(l) ?? []
+  const w = a.map((i) => {
+    const c = i.screenIds.flatMap(
+      (l) => p.get(l) ?? []
     );
     return {
       ...i,
       scenarioIds: T([
         ...i.scenarioIds,
-        ...a.map((l) => l.scenarioId)
+        ...c.map((l) => l.scenarioId)
       ]),
       sourceKeys: T([
         ...i.sourceKeys,
-        ...a.map((l) => l.sourcePath)
+        ...c.map((l) => l.sourcePath)
       ])
     };
-  }), h = /* @__PURE__ */ new Map();
-  for (const i of y)
-    for (const a of i.routes) {
-      const l = h.get(a);
-      l ? l.push(i.id) : h.set(a, [i.id]);
+  }), P = /* @__PURE__ */ new Map();
+  for (const i of w)
+    for (const c of i.routes) {
+      const l = P.get(c);
+      l ? l.push(i.id) : P.set(c, [i.id]);
     }
-  const x = (i, a, l) => {
-    const p = i.trim(), I = d[p] ?? (u.has(p) ? p : null);
-    if (I) return I;
-    const N = T(h.get(p) ?? []);
-    return N.length === 1 ? N[0] : N.length > 1 ? (t.push({
+  const I = (i, c, l) => {
+    const g = i.trim(), x = d[g] ?? (u.has(g) ? g : null);
+    if (x) return x;
+    const R = T(P.get(g) ?? []);
+    return R.length === 1 ? R[0] : R.length > 1 ? (t.push({
       code: l === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
       severity: "error",
-      message: `Storyboard edge "${a}" references an ambiguous ${l} route.`,
-      edgeId: a,
-      screenId: p || void 0
+      message: `Storyboard edge "${c}" references an ambiguous ${l} route.`,
+      edgeId: c,
+      screenId: g || void 0
     }), null) : (t.push({
       code: l === "source" ? "unknown-edge-source" : "unknown-edge-target",
       severity: "error",
-      message: `Storyboard edge "${a}" references an unknown ${l}.`,
-      edgeId: a,
-      screenId: p || void 0
+      message: `Storyboard edge "${c}" references an unknown ${l}.`,
+      edgeId: c,
+      screenId: g || void 0
     }), null);
-  }, S = [], E = /* @__PURE__ */ new Map(), f = [
+  }, m = [], E = /* @__PURE__ */ new Map(), f = [
     ["explicit", e.explicitEdges ?? []],
     ["inferred", e.inferredEdges ?? []]
   ];
-  let O = 0;
-  for (const [i, a] of f)
-    for (const l of a) {
-      const p = Rt(l, O);
-      O += 1;
-      const I = x(l.from, p, "source"), N = x(l.to, p, "target");
-      if (!I || !N || I === N) continue;
-      const M = g(l.fromScope, I), q = g(l.toScope, N), C = `${I}\0${N}`, w = E.get(C);
-      if (w) {
-        const z = {
-          ...w,
+  let M = 0;
+  for (const [i, c] of f)
+    for (const l of c) {
+      const g = Rt(l, M);
+      M += 1;
+      const x = I(l.from, g, "source"), R = I(l.to, g, "target");
+      if (!x || !R || x === R) continue;
+      const k = h(l.fromScope, x), q = h(l.toScope, R), N = `${x}\0${R}`, y = E.get(N);
+      if (y) {
+        const _ = {
+          ...y,
           fromNodeIds: T([
-            ...w.fromNodeIds ?? [w.from],
-            ...M
+            ...y.fromNodeIds ?? [y.from],
+            ...k
           ]),
           toNodeIds: T([
-            ...w.toNodeIds ?? [w.to],
+            ...y.toNodeIds ?? [y.to],
             ...q
           ]),
           sourceEdgeIds: T([
-            ...w.sourceEdgeIds,
-            p
+            ...y.sourceEdgeIds,
+            g
           ])
         };
-        E.set(C, z);
-        const G = S.indexOf(w);
-        G >= 0 && (S[G] = z);
+        E.set(N, _);
+        const G = m.indexOf(y);
+        G >= 0 && (m[G] = _);
         continue;
       }
-      const R = {
-        id: p,
-        from: I,
-        to: N,
-        fromNodeIds: M,
+      const A = {
+        id: g,
+        from: x,
+        to: R,
+        fromNodeIds: k,
         toNodeIds: q,
-        kind: ((_ = l.kind) == null ? void 0 : _.trim()) || void 0,
-        label: ((J = l.label) == null ? void 0 : J.trim()) || void 0,
+        kind: ((j = l.kind) == null ? void 0 : j.trim()) || void 0,
+        label: ((W = l.label) == null ? void 0 : W.trim()) || void 0,
         origin: i,
-        sourceEdgeIds: [p]
+        sourceEdgeIds: [g]
       };
-      E.set(C, R), S.push(R);
+      E.set(N, A), m.push(A);
     }
-  S.sort(
-    (i, a) => `${i.from}:${i.to}:${i.id}`.localeCompare(`${a.from}:${a.to}:${a.id}`)
+  m.sort(
+    (i, c) => `${i.from}:${i.to}:${i.id}`.localeCompare(`${c.from}:${c.to}:${c.id}`)
   );
-  const D = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
-  for (const i of S) {
-    for (const a of i.fromNodeIds ?? [i.from]) {
-      const l = k.get(a);
-      l ? l.push(i) : k.set(a, [i]);
+  const D = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+  for (const i of m) {
+    for (const c of i.fromNodeIds ?? [i.from]) {
+      const l = b.get(c);
+      l ? l.push(i) : b.set(c, [i]);
     }
-    for (const a of i.toNodeIds ?? [i.to]) {
-      const l = D.get(a);
-      l ? l.push(i) : D.set(a, [i]);
+    for (const c of i.toNodeIds ?? [i.to]) {
+      const l = D.get(c);
+      l ? l.push(i) : D.set(c, [i]);
     }
   }
-  const F = [];
+  const O = [];
   for (const i of e.startScreenIds ?? []) {
-    const a = i.trim(), l = d[a] ?? (u.has(a) ? a : null);
+    const c = i.trim(), l = d[c] ?? (u.has(c) ? c : null);
     if (!l) {
       t.push({
         code: "unknown-start-screen",
         severity: "error",
-        message: `Storyboard start references an unknown screen "${a}".`,
-        screenId: a || void 0
+        message: `Storyboard start references an unknown screen "${c}".`,
+        screenId: c || void 0
       });
       continue;
     }
-    F.push(l);
+    O.push(l);
   }
-  const Y = new Set(F);
-  let v = T(F);
-  v.length || (v = y.filter((i) => {
-    var a;
-    return (((a = D.get(i.id)) == null ? void 0 : a.length) ?? 0) === 0;
-  }).map((i) => i.id).sort((i, a) => i.localeCompare(a))), !v.length && y.length && (v = [y[0].id]);
-  const P = /* @__PURE__ */ new Set(), $ = [...v];
-  for (; $.length; ) {
-    const i = $.shift();
-    if (!P.has(i)) {
-      P.add(i);
-      for (const a of k.get(i) ?? [])
-        $.push(a.to), i === a.from && $.push(...a.toNodeIds ?? [a.to]);
+  const Y = new Set(O);
+  let S = T(O);
+  S.length || (S = w.filter((i) => {
+    var c;
+    return (((c = D.get(i.id)) == null ? void 0 : c.length) ?? 0) === 0;
+  }).map((i) => i.id).sort((i, c) => i.localeCompare(c))), !S.length && w.length && (S = [w[0].id]);
+  const C = /* @__PURE__ */ new Set(), F = [...S];
+  for (; F.length; ) {
+    const i = F.shift();
+    if (!C.has(i)) {
+      C.add(i);
+      for (const c of b.get(i) ?? [])
+        F.push(c.to), i === c.from && F.push(...c.toNodeIds ?? [c.to]);
     }
   }
-  const j = y.filter((i) => {
-    var l, p;
-    const a = (((l = D.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((p = k.get(i.id)) == null ? void 0 : p.length) ?? 0) === 0 && !Y.has(i.id);
-    return !P.has(i.id) || a && y.length > 1;
+  const z = w.filter((i) => {
+    var l, g;
+    const c = (((l = D.get(i.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((g = b.get(i.id)) == null ? void 0 : g.length) ?? 0) === 0 && !Y.has(i.id);
+    return !C.has(i.id) || c && w.length > 1;
   });
-  for (const i of j)
-    for (const a of i.screenIds)
+  for (const i of z)
+    for (const c of i.screenIds)
       t.push({
         code: "disconnected-screen",
         severity: "warning",
-        message: `Storyboard screen "${a}" is not connected to a graph branch.`,
-        screenId: a,
+        message: `Storyboard screen "${c}" is not connected to a graph branch.`,
+        screenId: c,
         nodeId: i.id
       });
-  const L = /* @__PURE__ */ new Map();
-  for (const i of y)
-    for (const a of i.sourceKeys) {
-      const l = L.get(a) ?? {
+  const J = /* @__PURE__ */ new Map();
+  for (const i of w)
+    for (const c of i.sourceKeys) {
+      const l = J.get(c) ?? {
         nodeIds: /* @__PURE__ */ new Set(),
         screenIds: /* @__PURE__ */ new Set()
       };
       l.nodeIds.add(i.id);
-      for (const p of i.screenIds) l.screenIds.add(p);
-      L.set(a, l);
+      for (const g of i.screenIds) l.screenIds.add(g);
+      J.set(c, l);
     }
-  const re = [...L.entries()].map(([i, a]) => ({
+  const oe = [...J.entries()].map(([i, c]) => ({
     sourceKey: i,
-    nodeIds: [...a.nodeIds].sort((l, p) => l.localeCompare(p)),
-    screenIds: [...a.screenIds].sort((l, p) => l.localeCompare(p)),
-    shared: a.nodeIds.size > 1
-  })).sort((i, a) => i.sourceKey.localeCompare(a.sourceKey)), oe = y.map((i) => {
-    const a = [...k.get(i.id) ?? []].sort(
-      (l, p) => l.id.localeCompare(p.id)
+    nodeIds: [...c.nodeIds].sort((l, g) => l.localeCompare(g)),
+    screenIds: [...c.screenIds].sort((l, g) => l.localeCompare(g)),
+    shared: c.nodeIds.size > 1
+  })).sort((i, c) => i.sourceKey.localeCompare(c.sourceKey)), se = w.map((i) => {
+    const c = [...b.get(i.id) ?? []].sort(
+      (l, g) => l.id.localeCompare(g.id)
     );
     return {
       nodeId: i.id,
-      edgeIds: a.map((l) => l.id),
-      targetNodeIds: T(a.map((l) => l.to))
+      edgeIds: c.map((l) => l.id),
+      targetNodeIds: T(c.map((l) => l.to))
     };
-  }).filter((i) => i.targetNodeIds.length > 1).sort((i, a) => i.nodeId.localeCompare(a.nodeId)), Z = new Set(
-    y.flatMap((i) => i.scenarioIds)
+  }).filter((i) => i.targetNodeIds.length > 1).sort((i, c) => i.nodeId.localeCompare(c.nodeId)), Z = new Set(
+    w.flatMap((i) => i.scenarioIds)
   ), K = new Set(
     (e.nonVisualScenarioIds ?? []).map((i) => i.trim())
   ), Q = T(
@@ -305,53 +305,53 @@ function Mt(e) {
       scenarioId: i
     });
   t.sort(
-    (i, a) => _e(i).localeCompare(_e(a))
+    (i, c) => _e(i).localeCompare(_e(c))
   );
-  const V = T(
-    j.flatMap((i) => i.screenIds)
+  const L = T(
+    z.flatMap((i) => i.screenIds)
   ), ee = {
     screens: o.length,
-    canonicalNodes: y.length,
-    mergedScreens: Math.max(0, o.length - y.length),
-    edges: S.length,
-    connectedNodes: y.length - j.length,
-    disconnectedScreens: V,
+    canonicalNodes: w.length,
+    mergedScreens: Math.max(0, o.length - w.length),
+    edges: m.length,
+    connectedNodes: w.length - z.length,
+    disconnectedScreens: L,
     codeScenarios: Q.length,
     representedScenarios: Q.filter(
       (i) => Z.has(i)
     ).length,
     missingScenarios: U,
-    complete: V.length === 0 && U.length === 0 && !t.some((i) => i.severity === "error") && s.size === 0
+    complete: L.length === 0 && U.length === 0 && !t.some((i) => i.severity === "error") && s.size === 0
   };
   return {
     version: 1,
-    nodes: y,
-    edges: S,
+    nodes: w,
+    edges: m,
     aliases: Object.fromEntries(
-      Object.entries(d).sort(([i], [a]) => i.localeCompare(a))
+      Object.entries(d).sort(([i], [c]) => i.localeCompare(c))
     ),
-    sourceGroups: re,
-    startNodeIds: v,
-    branches: oe,
+    sourceGroups: oe,
+    startNodeIds: S,
+    branches: se,
     warnings: t,
     coverage: ee
   };
 }
-function Ot(e) {
+function $t(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
-function pe(e) {
-  if (Array.isArray(e)) return e.map(pe);
+function me(e) {
+  if (Array.isArray(e)) return e.map(me);
   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, pe(r)]).filter(([, o]) => o !== void 0);
+    const t = Object.entries(e).filter(([, o]) => o !== void 0).sort(([o], [r]) => o.localeCompare(r)).map(([o, r]) => [o, me(r)]).filter(([, o]) => o !== void 0);
     return t.length ? Object.fromEntries(t) : void 0;
   }
   return e;
 }
 function je(e) {
-  return JSON.stringify(pe(e ?? null));
+  return JSON.stringify(me(e ?? null));
 }
-function $t(e) {
+function Ot(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function H(e) {
@@ -365,18 +365,18 @@ function H(e) {
   }
   return o = o.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), o.startsWith("/") || (o = `/${o}`), o.length > 1 && (o = o.replace(/\/+$/, "")), o || "/";
 }
-function Ve(e) {
+function Le(e) {
   return `source-route:${encodeURIComponent(e)}`;
 }
 function Ne(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 c = o[s];
-    if (c === "*" || c.startsWith("*")) return !0;
+    const a = o[s];
+    if (a === "*" || a.startsWith("*")) return !0;
     const d = r[n];
-    if (!(c.endsWith("?") && d == null)) {
-      if (d == null || !c.startsWith(":") && c !== d) return !1;
+    if (!(a.endsWith("?") && d == null)) {
+      if (d == null || !a.startsWith(":") && a !== d) return !1;
       n += 1;
     }
   }
@@ -391,10 +391,10 @@ function Be(e, t, o) {
       representativeId: n,
       screenIds: o.get(r) ?? [n]
     }
-  ] : [...t.entries()].filter(([s]) => Ne(r, s)).map(([s, c]) => ({
-    representativeId: c,
-    screenIds: o.get(s) ?? [c]
-  })).sort((s, c) => s.representativeId.localeCompare(c.representativeId));
+  ] : [...t.entries()].filter(([s]) => Ne(r, s)).map(([s, a]) => ({
+    representativeId: a,
+    screenIds: o.get(s) ?? [a]
+  })).sort((s, a) => s.representativeId.localeCompare(a.representativeId));
 }
 function Dt(e) {
   var o;
@@ -402,7 +402,7 @@ function Dt(e) {
   for (const r of e ?? []) {
     const n = H(r.path);
     !n || t.has(n) || t.set(n, {
-      id: Ve(n),
+      id: Le(n),
       name: n,
       section: "Source routes",
       codeName: ((o = r.id) == null ? void 0 : o.trim()) || void 0
@@ -412,23 +412,23 @@ function Dt(e) {
 }
 function kt(e, t, o, r) {
   return (e ?? []).flatMap((n, s) => {
-    var y, h, x;
-    const c = (y = n.from) == null ? void 0 : y.trim(), d = (h = n.to) == null ? void 0 : h.trim();
-    if (!c || !d || n.unresolvedTarget) return [];
-    const u = r.has(c) ? [{ representativeId: c, screenIds: [c] }] : Be(c, t, o), g = r.has(d) ? [{ representativeId: d, screenIds: [d] }] : Be(d, t, o);
-    if (!u.length || !g.length) return [];
-    const m = ((x = n.id) == null ? void 0 : x.trim()) || `discovery-edge:${s + 1}`;
+    var w, P, I;
+    const a = (w = n.from) == null ? void 0 : w.trim(), d = (P = n.to) == null ? void 0 : P.trim();
+    if (!a || !d || n.unresolvedTarget) return [];
+    const u = r.has(a) ? [{ representativeId: a, screenIds: [a] }] : Be(a, t, o), h = r.has(d) ? [{ representativeId: d, screenIds: [d] }] : Be(d, t, o);
+    if (!u.length || !h.length) return [];
+    const p = ((I = n.id) == null ? void 0 : I.trim()) || `discovery-edge:${s + 1}`;
     return u.flatMap(
-      (S, E) => g.map((f, O) => {
-        var D, k;
+      (m, E) => h.map((f, M) => {
+        var D, b;
         return {
-          id: u.length === 1 && g.length === 1 ? m : `${m}:${E + 1}:${O + 1}`,
-          from: S.representativeId,
+          id: u.length === 1 && h.length === 1 ? p : `${p}:${E + 1}:${M + 1}`,
+          from: m.representativeId,
           to: f.representativeId,
-          fromScope: S.screenIds,
+          fromScope: m.screenIds,
           toScope: f.screenIds,
           kind: ((D = n.kind) == null ? void 0 : D.trim()) || void 0,
-          label: ((k = n.label) == null ? void 0 : k.trim()) || void 0
+          label: ((b = n.label) == null ? void 0 : b.trim()) || void 0
         };
       })
     );
@@ -446,12 +446,12 @@ function Ft(e, t, o) {
   if (!n.length) return [];
   const s = je(
     Ze(o, e.environment)
-  ), c = n.filter(
+  ), a = n.filter(
     (d) => je(d.environment) === s
   );
   return [
     ...new Set(
-      c.map((d) => {
+      a.map((d) => {
         var u;
         return (u = d.scenarioId) == null ? void 0 : u.trim();
       }).filter((d) => !!d)
@@ -459,7 +459,7 @@ function Ft(e, t, o) {
   ].sort((d, u) => d.localeCompare(u));
 }
 function Tt(e, t) {
-  const o = e.some((s) => s.importKind != null), r = t.candidates ?? [], n = We(t);
+  const o = e.some((s) => s.importKind != null), r = t.candidates ?? [], n = Ve(t);
   return e.filter(
     (s) => o ? s.importKind === "screens" : !!s.route
   ).map((s) => ({
@@ -485,17 +485,17 @@ function Tt(e, t) {
     environment: s.environment,
     preset: s.preset,
     assertions: s.assertions,
-    sourcePath: [...s.sourcePaths ?? []].filter(Boolean).sort((c, d) => c.localeCompare(d))[0]
+    sourcePath: [...s.sourcePaths ?? []].filter(Boolean).sort((a, d) => a.localeCompare(d))[0]
   }));
 }
 function we(e, t) {
-  var d, u, g, m;
+  var d, u, h, p;
   const o = (((d = e.interactions) == null ? void 0 : d.length) ?? 0) - (((u = t.interactions) == null ? void 0 : u.length) ?? 0);
   if (o !== 0) return o;
-  const r = (g = e.scenarioIds) != null && g.includes("environment:baseline") ? 0 : 1, n = (m = t.scenarioIds) != null && m.includes("environment:baseline") ? 0 : 1;
+  const r = (h = e.scenarioIds) != null && h.includes("environment:baseline") ? 0 : 1, n = (p = t.scenarioIds) != null && p.includes("environment:baseline") ? 0 : 1;
   if (r !== n) return r - n;
-  const s = !e.environment && !e.preset ? 0 : 1, c = !t.environment && !t.preset ? 0 : 1;
-  return s !== c ? s - c : e.id.localeCompare(t.id);
+  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 zt(e) {
   const t = /* @__PURE__ */ new Map();
@@ -529,7 +529,7 @@ function _t(e) {
 }
 function jt(e) {
   return e.action === "wait" ? null : JSON.stringify(
-    pe({
+    me({
       action: e.action,
       selector: e.selector,
       text: e.text,
@@ -543,7 +543,7 @@ function jt(e) {
     })
   );
 }
-function Je(e) {
+function We(e) {
   return (e.interactions ?? []).map(jt).filter((t) => t != null);
 }
 function Bt(e, t) {
@@ -554,15 +554,15 @@ function Ut(e, t) {
   for (const r of e) {
     const n = H(r.route);
     if (!n) continue;
-    const s = `${n}\0${Je(r).join("
")}`, c = o.get(s);
-    c ? c.push(r) : o.set(s, [r]);
+    const s = `${n}\0${We(r).join("
")}`, a = o.get(s);
+    a ? a.push(r) : o.set(s, [r]);
   }
   return [...o.values()].flatMap((r) => {
     if (r.length < 2) return [];
-    const n = H(r[0].route), s = t.get(n), c = r.find((d) => d.id === s) ?? [...r].sort(we)[0];
-    return r.filter((d) => d.id !== c.id).sort((d, u) => d.id.localeCompare(u.id)).map((d) => ({
-      id: `discovery-variant:${encodeURIComponent(c.id)}:${encodeURIComponent(d.id)}`,
-      from: c.id,
+    const n = H(r[0].route), s = t.get(n), a = r.find((d) => d.id === s) ?? [...r].sort(we)[0];
+    return r.filter((d) => d.id !== a.id).sort((d, u) => d.id.localeCompare(u.id)).map((d) => ({
+      id: `discovery-variant:${encodeURIComponent(a.id)}:${encodeURIComponent(d.id)}`,
+      from: a.id,
       to: d.id,
       kind: "variant"
     }));
@@ -578,36 +578,36 @@ function Ht(e, t) {
   }
   return [...o.entries()].flatMap(([r, n]) => {
     const s = new Map(
-      n.map((u) => [u.id, Je(u)])
-    ), c = t.get(r), d = n.find(
-      (u) => u.id === c
+      n.map((u) => [u.id, We(u)])
+    ), a = t.get(r), d = n.find(
+      (u) => u.id === a
     );
     return n.flatMap((u) => {
-      const g = s.get(u.id);
-      if (!g.length) return [];
-      const y = n.filter(
-        (h) => Bt(
-          s.get(h.id),
-          g
+      const h = s.get(u.id);
+      if (!h.length) return [];
+      const w = n.filter(
+        (P) => Bt(
+          s.get(P.id),
+          h
         )
-      ).sort((h, x) => {
-        const S = s.get(x.id).length - s.get(h.id).length;
-        if (S !== 0) return S;
-        const E = h.flow && h.flow === u.flow ? 0 : 1, f = x.flow && x.flow === u.flow ? 0 : 1;
+      ).sort((P, I) => {
+        const m = s.get(I.id).length - s.get(P.id).length;
+        if (m !== 0) return m;
+        const E = P.flow && P.flow === u.flow ? 0 : 1, f = I.flow && I.flow === u.flow ? 0 : 1;
         if (E !== f) return E - f;
-        const O = h.section && h.section === u.section ? 0 : 1, D = x.section && x.section === u.section ? 0 : 1;
-        if (O !== D) return O - D;
-        const k = h.id === c ? 0 : 1, F = x.id === c ? 0 : 1;
-        return k !== F ? k - F : we(h, x);
+        const M = P.section && P.section === u.section ? 0 : 1, D = I.section && I.section === u.section ? 0 : 1;
+        if (M !== D) return M - D;
+        const b = P.id === a ? 0 : 1, O = I.id === a ? 0 : 1;
+        return b !== O ? b - O : we(P, I);
       })[0];
-      return y ? [
+      return w ? [
         {
-          id: `discovery-recipe:${encodeURIComponent(y.id)}:${encodeURIComponent(u.id)}`,
-          from: y.id,
+          id: `discovery-recipe:${encodeURIComponent(w.id)}:${encodeURIComponent(u.id)}`,
+          from: w.id,
           to: u.id,
           kind: "recipe-step"
         }
-      ] : d && d.id !== u.id && s.get(d.id).join("
") !== g.join("
") ? [
+      ] : d && d.id !== u.id && s.get(d.id).join("
") !== h.join("
") ? [
         {
           id: `discovery-route-case:${encodeURIComponent(d.id)}:${encodeURIComponent(u.id)}`,
           from: d.id,
@@ -629,14 +629,14 @@ function qt(e) {
   }
   return [...t.values()].flatMap((r) => {
     const n = r[0], s = /* @__PURE__ */ new Map();
-    for (const c of r) {
-      const d = H(c.route);
+    for (const a of r) {
+      const d = H(a.route);
       if (!d) continue;
       const u = s.get(d);
-      u ? u.push(c) : s.set(d, [c]);
+      u ? u.push(a) : s.set(d, [a]);
     }
-    return s.size < 2 ? [] : [...s.values()].flatMap((c) => {
-      const d = [...c].sort(
+    return s.size < 2 ? [] : [...s.values()].flatMap((a) => {
+      const d = [...a].sort(
         we
       )[0];
       return d.id === n.id ? [] : [
@@ -658,92 +658,92 @@ function Gt(e, t, o) {
     const s = H(n.route);
     if (!s || o.get(s) !== n.id)
       return n;
-    const c = [...r].filter(
+    const a = [...r].filter(
       (d) => Ne(d, s)
     );
-    return c.length ? {
+    return a.length ? {
       ...n,
       scenarioIds: [
         .../* @__PURE__ */ new Set([
           ...n.scenarioIds ?? [],
-          ...c.map(Ve)
+          ...a.map(Le)
         ])
       ].sort((d, u) => d.localeCompare(u))
     } : n;
   });
 }
 function Kt(e, t) {
-  var g, m, y, h, x;
-  const o = new Set(e.map((S) => S.id)), r = new Map(
-    e.map((S, E) => [S.id, E])
-  ), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
-  for (const S of o)
-    n.set(S, /* @__PURE__ */ new Set()), s.set(S, /* @__PURE__ */ new Set()), c.set(S, /* @__PURE__ */ new Set());
-  for (const S of t) {
+  var h, p, w, P, I;
+  const o = new Set(e.map((m) => m.id)), r = new Map(
+    e.map((m, E) => [m.id, E])
+  ), n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+  for (const m of o)
+    n.set(m, /* @__PURE__ */ new Set()), s.set(m, /* @__PURE__ */ new Set()), a.set(m, /* @__PURE__ */ new Set());
+  for (const m of t) {
     const E = [
-      ...(S.fromScope ?? [S.from]).map(
-        (f) => [f, S.to]
+      ...(m.fromScope ?? [m.from]).map(
+        (f) => [f, m.to]
       ),
-      ...(S.toScope ?? [S.to]).map(
-        (f) => [S.from, f]
+      ...(m.toScope ?? [m.to]).map(
+        (f) => [m.from, f]
       )
     ];
-    for (const [f, O] of E)
-      !o.has(f) || !o.has(O) || ((g = n.get(O)) == null || g.add(f), (m = s.get(f)) == null || m.add(O), (y = c.get(f)) == null || y.add(O), (h = c.get(O)) == null || h.add(f));
+    for (const [f, M] of E)
+      !o.has(f) || !o.has(M) || ((h = n.get(M)) == null || h.add(f), (p = s.get(f)) == null || p.add(M), (w = a.get(f)) == null || w.add(M), (P = a.get(M)) == null || P.add(f));
   }
   const d = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
-  for (const S of o) {
-    if (u.has(S)) continue;
-    const E = [], f = [S];
+  for (const m of o) {
+    if (u.has(m)) continue;
+    const E = [], f = [m];
     for (; f.length; ) {
-      const v = f.shift();
-      if (!u.has(v)) {
-        u.add(v), E.push(v);
-        for (const P of c.get(v) ?? [])
-          u.has(P) || f.push(P);
+      const S = f.shift();
+      if (!u.has(S)) {
+        u.add(S), E.push(S);
+        for (const C of a.get(S) ?? [])
+          u.has(C) || f.push(C);
       }
     }
-    if (E.length === 1 && (((x = c.get(E[0])) == null ? void 0 : x.size) ?? 0) === 0)
+    if (E.length === 1 && (((I = a.get(E[0])) == null ? void 0 : I.size) ?? 0) === 0)
       continue;
-    const O = E.filter((v) => {
-      var P;
-      return (((P = n.get(v)) == null ? void 0 : P.size) ?? 0) === 0;
+    const M = E.filter((S) => {
+      var C;
+      return (((C = n.get(S)) == null ? void 0 : C.size) ?? 0) === 0;
     }).sort(
-      (v, P) => (r.get(v) ?? Number.MAX_SAFE_INTEGER) - (r.get(P) ?? Number.MAX_SAFE_INTEGER) || v.localeCompare(P)
+      (S, C) => (r.get(S) ?? Number.MAX_SAFE_INTEGER) - (r.get(C) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(C)
     ), D = [...E].sort(
-      (v, P) => (r.get(v) ?? Number.MAX_SAFE_INTEGER) - (r.get(P) ?? Number.MAX_SAFE_INTEGER) || v.localeCompare(P)
+      (S, C) => (r.get(S) ?? Number.MAX_SAFE_INTEGER) - (r.get(C) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(C)
     )[0];
     if (!D) continue;
-    const k = [D], F = /* @__PURE__ */ new Set(), Y = (v) => {
-      const P = [v];
-      for (; P.length; ) {
-        const $ = P.shift();
-        if (!F.has($)) {
-          F.add($);
-          for (const j of s.get($) ?? [])
-            F.has(j) || P.push(j);
+    const b = [D], O = /* @__PURE__ */ new Set(), Y = (S) => {
+      const C = [S];
+      for (; C.length; ) {
+        const F = C.shift();
+        if (!O.has(F)) {
+          O.add(F);
+          for (const z of s.get(F) ?? [])
+            O.has(z) || C.push(z);
         }
       }
     };
     Y(D);
-    for (const v of O)
-      F.has(v) || (k.push(v), Y(v));
-    for (const v of k)
-      d.add(v);
+    for (const S of M)
+      O.has(S) || (b.push(S), Y(S));
+    for (const S of b)
+      d.add(S);
   }
   return [...d].sort(
-    (S, E) => (r.get(S) ?? Number.MAX_SAFE_INTEGER) - (r.get(E) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(E)
+    (m, E) => (r.get(m) ?? Number.MAX_SAFE_INTEGER) - (r.get(E) ?? Number.MAX_SAFE_INTEGER) || m.localeCompare(E)
   );
 }
-function We(e) {
+function Ve(e) {
   var t, o;
-  return Ot(
+  return $t(
     (o = (t = e.scenarios) == null ? void 0 : t.find(
       (r) => r.id === "environment:baseline"
     )) == null ? void 0 : o.environment
   );
 }
-function Vt(e) {
+function Lt(e) {
   const t = Tt(
     e.pages,
     e.manifest
@@ -751,7 +751,7 @@ function Vt(e) {
     t,
     e.manifest,
     o
-  ), c = [
+  ), a = [
     ...kt(
       e.manifest.edges,
       o,
@@ -766,11 +766,11 @@ function Vt(e) {
     screens: n,
     assets: e.assets,
     scenarios: Dt(e.manifest.routes),
-    inferredEdges: c,
-    startScreenIds: Kt(n, c)
+    inferredEdges: a,
+    startScreenIds: Kt(n, a)
   });
 }
-async function Le(e) {
+async function Je(e) {
   const o = await (e.fetcher ?? ((n, s) => fetch(n, s)))(e.endpoint, {
     headers: { accept: "application/json" },
     cache: "no-store",
@@ -779,41 +779,41 @@ async function Le(e) {
   if (!o.ok)
     throw new Error(`Storyboard discovery failed (${o.status})`);
   const r = await o.json();
-  if (!$t(r))
+  if (!Ot(r))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: r,
-    baselineEnvironment: We(r),
-    graph: Vt({
+    baselineEnvironment: Ve(r),
+    graph: Lt({
       manifest: r,
       pages: e.pages,
       assets: e.assets
     })
   };
 }
-async function mn(e) {
+async function pn(e) {
   ne(null);
   try {
-    const t = await Le(e);
+    const t = await Je(e);
     return ne(t.graph), t;
   } catch (t) {
     throw ne(null), t;
   }
 }
-const ge = "var(--pygmalion-catalog-surface, #ffffff)", he = "var(--pygmalion-catalog-canvas, #f5f5f5)", Ee = "var(--pygmalion-catalog-border, #e5e7eb)", ye = "var(--pygmalion-catalog-text, #202124)", B = "var(--pygmalion-catalog-muted, #6b7280)", Jt = "var(--pygmalion-catalog-header, #11182f)", Wt = "var(--pygmalion-catalog-accent, #7c6cf2)";
-function pn({
+const ge = "var(--pygmalion-catalog-surface, #ffffff)", he = "var(--pygmalion-catalog-canvas, #f5f5f5)", Ee = "var(--pygmalion-catalog-border, #e5e7eb)", ye = "var(--pygmalion-catalog-text, #202124)", B = "var(--pygmalion-catalog-muted, #6b7280)", Wt = "var(--pygmalion-catalog-header, #11182f)", Vt = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function mn({
   title: e,
   eyebrow: t,
   description: o,
   version: r,
   meta: n,
   children: s,
-  headerBackground: c = Jt,
+  headerBackground: a = Wt,
   headerColor: d = "#ffffff",
   bodyBackground: u = ge,
-  bodyGap: g = 40
+  bodyGap: h = 40
 }) {
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-document": "",
@@ -830,7 +830,7 @@ function pn({
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ $(
           "header",
           {
             style: {
@@ -841,11 +841,11 @@ function pn({
               gap: 48,
               padding: "44px 48px 48px",
               color: d,
-              background: c
+              background: a
             },
             children: [
-              /* @__PURE__ */ A("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                t ? /* @__PURE__ */ b(
+              /* @__PURE__ */ $("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                t ? /* @__PURE__ */ v(
                   "div",
                   {
                     style: {
@@ -858,7 +858,7 @@ function pn({
                     children: t
                   }
                 ) : null,
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ v(
                   "h1",
                   {
                     style: {
@@ -872,7 +872,7 @@ function pn({
                     children: e
                   }
                 ),
-                o ? /* @__PURE__ */ b(
+                o ? /* @__PURE__ */ v(
                   "div",
                   {
                     style: {
@@ -885,7 +885,7 @@ function pn({
                   }
                 ) : null
               ] }),
-              r || n ? /* @__PURE__ */ A(
+              r || n ? /* @__PURE__ */ $(
                 "div",
                 {
                   style: {
@@ -897,15 +897,15 @@ function pn({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    r ? /* @__PURE__ */ b("span", { children: r }) : null,
-                    n ? /* @__PURE__ */ b("span", { children: n }) : null
+                    r ? /* @__PURE__ */ v("span", { children: r }) : null,
+                    n ? /* @__PURE__ */ v("span", { children: n }) : null
                   ]
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ v(
           "div",
           {
             "data-pygmalion-catalog-document-body": "",
@@ -914,7 +914,7 @@ function pn({
               display: "inline-flex",
               flexDirection: "column",
               alignItems: "flex-start",
-              gap: g,
+              gap: h,
               padding: 48,
               background: u
             },
@@ -933,7 +933,7 @@ function gn({
   children: n,
   tone: s = "tinted"
 }) {
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-section": "",
@@ -949,8 +949,8 @@ function gn({
         background: s === "tinted" ? he : "transparent"
       },
       children: [
-        /* @__PURE__ */ A("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
-          /* @__PURE__ */ b(
+        /* @__PURE__ */ $("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+          /* @__PURE__ */ v(
             "h2",
             {
               style: {
@@ -962,9 +962,9 @@ function gn({
               children: e
             }
           ),
-          typeof o == "number" ? /* @__PURE__ */ b("span", { style: { color: B, fontSize: 11 }, children: o }) : null
+          typeof o == "number" ? /* @__PURE__ */ v("span", { style: { color: B, fontSize: 11 }, children: o }) : null
         ] }),
-        r ? /* @__PURE__ */ b("div", { style: { marginTop: -10, color: B, fontSize: 11 }, children: r }) : null,
+        r ? /* @__PURE__ */ v("div", { style: { marginTop: -10, color: B, fontSize: 11 }, children: r }) : null,
         n
       ]
     }
@@ -977,10 +977,10 @@ function hn({
   renderCell: r,
   renderRowLabel: n = (u) => u,
   renderColumnLabel: s = (u) => u,
-  boundary: c = !0,
+  boundary: a = !0,
   cellStyle: d
 }) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ v(
     "div",
     {
       "data-pygmalion-catalog-matrix": "",
@@ -988,11 +988,11 @@ function hn({
         boxSizing: "border-box",
         display: "inline-block",
         width: "max-content",
-        padding: c ? 16 : 0,
-        border: c ? `1px dashed ${Wt}` : void 0,
-        borderRadius: c ? 4 : void 0
+        padding: a ? 16 : 0,
+        border: a ? `1px dashed ${Vt}` : void 0,
+        borderRadius: a ? 4 : void 0
       },
-      children: /* @__PURE__ */ A(
+      children: /* @__PURE__ */ $(
         "table",
         {
           style: {
@@ -1001,8 +1001,8 @@ function hn({
             borderSpacing: 0
           },
           children: [
-            /* @__PURE__ */ b("thead", { children: /* @__PURE__ */ A("tr", { children: [
-              /* @__PURE__ */ b(
+            /* @__PURE__ */ v("thead", { children: /* @__PURE__ */ $("tr", { children: [
+              /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
@@ -1016,7 +1016,7 @@ function hn({
                   children: o
                 }
               ),
-              t.map((u) => /* @__PURE__ */ b(
+              t.map((u) => /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
@@ -1032,8 +1032,8 @@ function hn({
                 u
               ))
             ] }) }),
-            /* @__PURE__ */ b("tbody", { children: e.map((u) => /* @__PURE__ */ A("tr", { children: [
-              /* @__PURE__ */ b(
+            /* @__PURE__ */ v("tbody", { children: e.map((u) => /* @__PURE__ */ $("tr", { children: [
+              /* @__PURE__ */ v(
                 "th",
                 {
                   style: {
@@ -1047,7 +1047,7 @@ function hn({
                   children: n(u)
                 }
               ),
-              t.map((g) => /* @__PURE__ */ b(
+              t.map((h) => /* @__PURE__ */ v(
                 "td",
                 {
                   style: {
@@ -1056,9 +1056,9 @@ function hn({
                     verticalAlign: "middle",
                     ...d
                   },
-                  children: r(u, g)
+                  children: r(u, h)
                 },
-                g
+                h
               ))
             ] }, u)) })
           ]
@@ -1067,11 +1067,11 @@ function hn({
     }
   );
 }
-function Lt(e) {
+function Jt(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
 function Qe(e, t, o = "PygmalionCatalog") {
-  const r = (n) => Lt(n).replace(/-/g, "_");
+  const r = (n) => Jt(n).replace(/-/g, "_");
   return `${o}_${r(e)}_${r(t)}`;
 }
 function Xe(e, t) {
@@ -1103,7 +1103,7 @@ function Xt({
   secondaryLabel: r,
   minimumColumnWidth: n
 }) {
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-page": e.id,
@@ -1118,14 +1118,14 @@ function Xt({
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ A("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ b("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
-          /* @__PURE__ */ A("p", { style: { margin: "6px 0 0", color: B, 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: B, fontSize: 13 }, children: [
             t.length,
             " assets"
           ] })
         ] }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
@@ -1133,7 +1133,7 @@ function Xt({
               gridTemplateColumns: "repeat(6, max-content)",
               gap: 16
             },
-            children: t.map((s) => /* @__PURE__ */ A(
+            children: t.map((s) => /* @__PURE__ */ $(
               "article",
               {
                 "data-pygmalion-catalog-item": s.id,
@@ -1146,7 +1146,7 @@ function Xt({
                   background: ge
                 },
                 children: [
-                  /* @__PURE__ */ b(
+                  /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
@@ -1159,7 +1159,7 @@ function Xt({
                       children: o(s)
                     }
                   ),
-                  /* @__PURE__ */ b(
+                  /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
@@ -1174,7 +1174,7 @@ function Xt({
                       children: s.name
                     }
                   ),
-                  r ? /* @__PURE__ */ b("div", { style: { marginTop: 4, color: B, fontSize: 11, lineHeight: 1.45 }, children: r(s) }) : s.codeName ? /* @__PURE__ */ b(
+                  r ? /* @__PURE__ */ v("div", { style: { marginTop: 4, color: B, fontSize: 11, lineHeight: 1.45 }, children: r(s) }) : s.codeName ? /* @__PURE__ */ v(
                     "div",
                     {
                       style: {
@@ -1204,11 +1204,11 @@ function yn(e) {
   Ye(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const n of e.items) {
-    const s = e.pageFor(n), c = t.get(s.id);
-    if (c) {
-      if (c.page.name !== s.name || c.page.section !== s.section)
+    const s = e.pageFor(n), a = t.get(s.id);
+    if (a) {
+      if (a.page.name !== s.name || a.page.section !== s.section)
         throw new Error(`Conflicting design catalog page descriptor: ${s.id}`);
-      c.items.push(n);
+      a.items.push(n);
       continue;
     }
     t.set(s.id, {
@@ -1223,7 +1223,7 @@ function yn(e) {
   }
   const o = {}, r = [];
   for (const n of t.values()) {
-    const s = () => /* @__PURE__ */ b(
+    const s = () => /* @__PURE__ */ v(
       Xt,
       {
         page: n.page,
@@ -1237,13 +1237,13 @@ function yn(e) {
       component: s,
       children: "none"
     };
-    const c = Qt(e.frame, n.page, n.items);
+    const a = Qt(e.frame, n.page, n.items);
     r.push({
       ...n.page,
       componentName: n.registryName,
-      width: (c == null ? void 0 : c.width) ?? 1,
-      height: (c == null ? void 0 : c.height) ?? 1,
-      frameSizeMode: c ? "fixed" : "content"
+      width: (a == null ? void 0 : a.width) ?? 1,
+      height: (a == null ? void 0 : a.height) ?? 1,
+      frameSizeMode: a ? "fixed" : "content"
     });
   }
   return {
@@ -1256,10 +1256,10 @@ function yn(e) {
   };
 }
 function Yt(e, t = 60) {
-  const o = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, d]) => d.length > 0).sort(([d, u], [g, m]) => m.length - u.length || d.localeCompare(g)), r = o[0], n = o[1], s = Math.max(1, (r == null ? void 0 : r[1].length) ?? 1), c = n == null ? void 0 : n[1].slice(0, Math.max(1, Math.floor(t / s)));
+  const o = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, d]) => d.length > 0).sort(([d, u], [h, p]) => p.length - u.length || d.localeCompare(h)), 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)));
   return {
     row: r,
-    column: n ? [n[0], c ?? []] : void 0,
+    column: n ? [n[0], a ?? []] : void 0,
     fixed: o.slice(2).map(([d, u]) => [d, u[0]]),
     additional: o.slice(2)
   };
@@ -1279,7 +1279,7 @@ function en({
 }) {
   var d, u;
   if (!t)
-    return /* @__PURE__ */ A(
+    return /* @__PURE__ */ $(
       "section",
       {
         "data-pygmalion-catalog-component": e.id,
@@ -1293,13 +1293,13 @@ function en({
           background: he
         },
         children: [
-          /* @__PURE__ */ b("strong", { children: e.name }),
-          /* @__PURE__ */ b("p", { style: { color: B }, children: "The component is not registered." })
+          /* @__PURE__ */ v("strong", { children: e.name }),
+          /* @__PURE__ */ v("p", { style: { color: B }, children: "The component is not registered." })
         ]
       }
     );
-  const r = Yt(t, o), n = ((d = r.row) == null ? void 0 : d[1]) ?? [void 0], s = ((u = r.column) == null ? void 0 : u[1]) ?? [void 0], c = t.component;
-  return /* @__PURE__ */ A(
+  const r = Yt(t, o), n = ((d = r.row) == null ? void 0 : d[1]) ?? [void 0], s = ((u = r.column) == null ? void 0 : u[1]) ?? [void 0], a = t.component;
+  return /* @__PURE__ */ $(
     "section",
     {
       "data-pygmalion-catalog-component": e.id,
@@ -1314,11 +1314,11 @@ function en({
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ A("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ b("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
-          e.sourcePath ? /* @__PURE__ */ b("p", { style: { margin: "6px 0 0", color: B, 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: B, fontSize: 12 }, children: e.sourcePath }) : null
         ] }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ v(
           "div",
           {
             style: {
@@ -1327,12 +1327,12 @@ function en({
               gap: 12
             },
             children: n.flatMap(
-              (g) => s.map((m) => {
-                const y = Zt(t, r, g, m), h = [
-                  r.row && g ? `${r.row[0]}=${g}` : "",
-                  r.column && m ? `${r.column[0]}=${m}` : ""
+              (h) => s.map((p) => {
+                const w = Zt(t, r, h, p), P = [
+                  r.row && h ? `${r.row[0]}=${h}` : "",
+                  r.column && p ? `${r.column[0]}=${p}` : ""
                 ].filter(Boolean).join(" · ");
-                return /* @__PURE__ */ A(
+                return /* @__PURE__ */ $(
                   "article",
                   {
                     style: {
@@ -1343,23 +1343,23 @@ function en({
                       background: ge
                     },
                     children: [
-                      h ? /* @__PURE__ */ b("div", { style: { marginBottom: 12, color: B, fontSize: 11 }, children: h }) : null,
-                      /* @__PURE__ */ b("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Te(
-                        c,
-                        y,
+                      P ? /* @__PURE__ */ v("div", { style: { marginBottom: 12, color: B, fontSize: 11 }, children: P }) : null,
+                      /* @__PURE__ */ v("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Te(
+                        a,
+                        w,
                         t.children === "text" ? t.defaultChildren ?? e.name : void 0
                       ) })
                     ]
                   },
-                  `${g ?? "default"}:${m ?? "default"}`
+                  `${h ?? "default"}:${p ?? "default"}`
                 );
               })
             )
           }
         ),
-        r.additional.map(([g, m]) => /* @__PURE__ */ A("section", { style: { marginTop: 20 }, children: [
-          /* @__PURE__ */ b("h2", { style: { margin: "0 0 10px", color: B, fontSize: 12 }, children: g }),
-          /* @__PURE__ */ b("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: m.map((y) => /* @__PURE__ */ A(
+        r.additional.map(([h, p]) => /* @__PURE__ */ $("section", { style: { marginTop: 20 }, children: [
+          /* @__PURE__ */ v("h2", { style: { margin: "0 0 10px", color: B, fontSize: 12 }, children: h }),
+          /* @__PURE__ */ v("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: p.map((w) => /* @__PURE__ */ $(
             "article",
             {
               style: {
@@ -1369,17 +1369,17 @@ function en({
                 background: ge
               },
               children: [
-                /* @__PURE__ */ b("div", { style: { marginBottom: 12, color: B, fontSize: 11 }, children: y }),
+                /* @__PURE__ */ v("div", { style: { marginBottom: 12, color: B, fontSize: 11 }, children: w }),
                 Te(
-                  c,
-                  { ...t.defaultProps, [g]: y },
+                  a,
+                  { ...t.defaultProps, [h]: w },
                   t.children === "text" ? t.defaultChildren ?? e.name : void 0
                 )
               ]
             },
-            y
+            w
           )) })
-        ] }, g))
+        ] }, h))
       ]
     }
   );
@@ -1388,11 +1388,11 @@ function wn(e) {
   Ye(e.items);
   const t = {}, o = [], r = [], n = e.maxVariantCells ?? 60;
   for (const s of e.items) {
-    const c = Qe(
+    const a = Qe(
       e.kind,
       s.id,
       e.registryPrefix
-    ), d = e.registry[s.name], u = () => /* @__PURE__ */ b(
+    ), d = e.registry[s.name], u = () => /* @__PURE__ */ v(
       en,
       {
         item: s,
@@ -1400,11 +1400,11 @@ function wn(e) {
         maxVariantCells: n
       }
     );
-    t[c] = { component: u, children: "none" }, o.push({
+    t[a] = { component: u, children: "none" }, o.push({
       id: s.id,
       name: s.name,
       section: s.section,
-      componentName: c,
+      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,
@@ -1429,7 +1429,7 @@ function He(e, t) {
   const o = new URL(e, t);
   return o.search = "", o.hash = "", o.pathname.endsWith("/") || (o.pathname = `${o.pathname}/`), o.href;
 }
-function ve(e) {
+function Se(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e;
   return typeof t.domStructureHash != "string" || !Ue.test(t.domStructureHash) || typeof t.screenshotHash != "string" || !Ue.test(t.screenshotHash) ? null : {
@@ -1464,11 +1464,11 @@ function on(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 = ve(o), n = ve(o.before) ?? r;
+  const r = Se(o), n = Se(o.before) ?? r;
   if (!n) return null;
-  const s = ve(o.after);
+  const s = Se(o.after);
   if (t === "changed" && !s) return null;
-  const c = s ? rn(o.pixelDiff) : null;
+  const a = s ? rn(o.pixelDiff) : null;
   return {
     id: o.id,
     before: n,
@@ -1477,17 +1477,17 @@ function on(e, t) {
       domChanged: n.domStructureHash !== s.domStructureHash,
       screenshotChanged: n.screenshotHash !== s.screenshotHash
     } : {},
-    ...c ? { pixelDiff: c } : {}
+    ...a ? { pixelDiff: a } : {}
   };
 }
 function sn(e, t = []) {
   const o = new Set(t), r = o.size > 0, n = /* @__PURE__ */ new Set(), s = [
-    ...e.styles.map((c) => c.affectedFrames ?? []),
-    ...e.texts.map((c) => c.affectedFrames ?? []),
-    ...e.operations.map((c) => c.affectedFrames ?? [])
+    ...e.styles.map((a) => a.affectedFrames ?? []),
+    ...e.texts.map((a) => a.affectedFrames ?? []),
+    ...e.operations.map((a) => a.affectedFrames ?? [])
   ];
-  for (const c of s)
-    for (const d of c) {
+  for (const a of s)
+    for (const d of a) {
       if (r && nn.test(d.id) && !o.has(d.id))
         throw new Error(
           `"Impact Screen"${d.name}"This internal editor ID (${d.id}) is used. A canonical screen ID is required.`
@@ -1508,41 +1508,41 @@ async function Ge(e, t, o) {
     );
   if (typeof n.baselineId != "string" || !n.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const s = Array.isArray(n.frames) ? n.frames.map((m) => on(m, o.phase)).filter((m) => m != null) : [], c = Array.isArray(n.failures) ? n.failures.map((m) => {
-    if (!m || typeof m != "object" || Array.isArray(m)) return null;
-    const y = m;
-    return typeof y.id == "string" && typeof y.error == "string" ? { id: y.id, error: y.error } : null;
-  }).filter((m) => m != null) : [], d = new Set(o.frameIds), g = new Set(s.map((m) => m.id)).size === s.length && s.every((m) => d.has(m.id)) && c.every((m) => d.has(m.id));
+  const s = Array.isArray(n.frames) ? n.frames.map((p) => on(p, o.phase)).filter((p) => p != null) : [], a = Array.isArray(n.failures) ? n.failures.map((p) => {
+    if (!p || typeof p != "object" || Array.isArray(p)) return null;
+    const w = p;
+    return typeof w.id == "string" && typeof w.error == "string" ? { id: w.id, error: w.error } : null;
+  }).filter((p) => p != null) : [], d = new Set(o.frameIds), h = new Set(s.map((p) => p.id)).size === s.length && s.every((p) => d.has(p.id)) && a.every((p) => d.has(p.id));
   return {
     phase: o.phase,
     baselineId: n.baselineId,
-    complete: n.complete !== !1 && g && c.length === 0 && s.length === o.frameIds.length,
+    complete: n.complete !== !1 && h && a.length === 0 && s.length === o.frameIds.length,
     frames: s,
-    failures: c
+    failures: a
   };
 }
 const Ie = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, an = "pygmalion.designSessionId", cn = "/__pygmalion-qa", me = /* @__PURE__ */ new Map();
+}, an = "pygmalion.designSessionId", cn = "/__pygmalion-qa", pe = /* @__PURE__ */ new Map();
 function Ke() {
   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 ln(e, t) {
   if (e) return e;
-  const o = me.get(t);
+  const o = pe.get(t);
   if (o) return o;
   try {
     const r = window.localStorage.getItem(t);
     if (r)
-      return me.set(t, r), r;
+      return pe.set(t, r), r;
     const n = Ke();
-    return window.localStorage.setItem(t, n), me.set(t, n), n;
+    return window.localStorage.setItem(t, n), pe.set(t, n), n;
   } catch {
     const r = Ke();
-    return me.set(t, r), r;
+    return pe.set(t, r), r;
   }
 }
 async function X(e) {
@@ -1550,21 +1550,21 @@ async function X(e) {
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-function Sn(e = {}) {
-  var V, ee, _, J, i;
+function bn(e = {}) {
+  var L, ee, j, W, i;
   const {
     sessionId: t,
     sessionStorageKey: o = an,
     autoStart: r = !0,
     fetcher: n = fetch,
     formatApplyMessage: s
-  } = e, c = ((V = e.endpoints) == null ? void 0 : V.mirror) ?? Ie.mirror, d = ((ee = e.endpoints) == null ? void 0 : ee.sessions) ?? Ie.sessions, u = ((_ = e.endpoints) == null ? void 0 : _.inspect) ?? Ie.inspect, g = e.visualQa != null, m = ((J = e.visualQa) == null ? void 0 : J.endpoint) ?? cn, y = JSON.stringify(((i = e.visualQa) == null ? void 0 : i.eligibleFrameIds) ?? []), h = ae(
-    () => JSON.parse(y),
-    [y]
-  ), x = ae(
+  } = e, a = ((L = e.endpoints) == null ? void 0 : L.mirror) ?? Ie.mirror, d = ((ee = e.endpoints) == null ? void 0 : ee.sessions) ?? Ie.sessions, u = ((j = e.endpoints) == null ? void 0 : j.inspect) ?? Ie.inspect, h = e.visualQa != null, p = ((W = e.visualQa) == null ? void 0 : W.endpoint) ?? cn, w = JSON.stringify(((i = e.visualQa) == null ? void 0 : i.eligibleFrameIds) ?? []), P = re(
+    () => JSON.parse(w),
+    [w]
+  ), I = re(
     () => ln(t, o),
     [t, o]
-  ), [S, E] = se({
+  ), [m, E] = ie({
     state: "idle",
     commit: null,
     shortCommit: null,
@@ -1574,99 +1574,99 @@ function Sn(e = {}) {
     warning: null,
     error: null,
     appOrigin: null
-  }), [f, O] = se(null), [D, k] = se(null), [F, Y] = se({
+  }), [f, M] = ie(null), [D, b] = ie(null), [O, Y] = ie({
     refs: [],
     defaultRef: null,
     worktreeRef: null
-  }), v = xe(null), P = xe(null), $ = te(
-    async (a = !0, l) => {
-      if (l != null && v.current && await v.current.catch(() => {
-      }), v.current) return v.current;
-      const p = (async () => {
-        E((I) => ({ ...I, state: "syncing", error: null }));
+  }), S = xe(null), C = xe(null), F = te(
+    async (c = !0, l) => {
+      if (l != null && S.current && await S.current.catch(() => {
+      }), S.current) return S.current;
+      const g = (async () => {
+        E((x) => ({ ...x, state: "syncing", error: null }));
         try {
-          const I = l != null;
-          let N = await n(`${c}/${a || I ? "refresh" : "status"}`, {
-            method: a || I ? "POST" : "GET",
-            ...I ? {
+          const x = l != null;
+          let R = await n(`${a}/${c || x ? "refresh" : "status"}`, {
+            method: c || x ? "POST" : "GET",
+            ...x ? {
               headers: { "content-type": "application/json" },
               body: JSON.stringify({ ref: l })
             } : {}
-          }), M = await X(N);
+          }), k = await X(R);
           const q = Date.now();
-          for (; !a && M.state === "syncing" && Date.now() - q < 12e4; )
-            await new Promise((R) => window.setTimeout(R, 500)), N = await n(`${c}/status`), M = await X(N);
-          if (M.state !== "ready" || !M.appOrigin || !M.commit)
-            throw new Error(M.error ?? "Pygmalion could not prepare the source preview");
-          const C = await X(
+          for (; !c && k.state === "syncing" && Date.now() - q < 12e4; )
+            await new Promise((A) => window.setTimeout(A, 500)), R = await n(`${a}/status`), k = await X(R);
+          if (k.state !== "ready" || !k.appOrigin || !k.commit)
+            throw new Error(k.error ?? "Pygmalion could not prepare the source preview");
+          const N = await X(
             await n(`${d}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: x, baseDevSha: M.commit })
+              body: JSON.stringify({ sessionId: I, baseDevSha: k.commit })
             })
           );
-          if (!C.ok || !C.session)
-            throw new Error(C.error ?? "Pygmalion could not open the design session");
-          let w = C.session;
-          if (w.branchName) {
-            const R = await X(
+          if (!N.ok || !N.session)
+            throw new Error(N.error ?? "Pygmalion could not open the design session");
+          let y = N.session;
+          if (y.branchName) {
+            const A = await X(
               await n(`${d}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
-                body: JSON.stringify({ sessionId: w.id })
+                body: JSON.stringify({ sessionId: y.id })
               })
             );
-            if (!R.ok || !R.session)
-              throw new Error(R.error ?? "Pygmalion could not check the design session");
-            w = R.session;
+            if (!A.ok || !A.session)
+              throw new Error(A.error ?? "Pygmalion could not check the design session");
+            y = A.session;
           }
-          E(M), O(w), k(w.appOrigin ?? M.appOrigin);
-        } catch (I) {
-          E((N) => ({
-            ...N,
+          E(k), M(y), b(y.appOrigin ?? k.appOrigin);
+        } catch (x) {
+          E((R) => ({
+            ...R,
             state: "error",
-            error: I instanceof Error ? I.message : String(I)
+            error: x instanceof Error ? x.message : String(x)
           }));
         }
       })();
-      v.current = p;
+      S.current = g;
       try {
-        await p;
+        await g;
       } finally {
-        v.current === p && (v.current = null);
+        S.current === g && (S.current = null);
       }
     },
-    [n, c, d, x]
-  ), j = te(async () => {
+    [n, a, d, I]
+  ), z = te(async () => {
     try {
-      const a = await X(
-        await n(`${c}/refs`)
+      const c = await X(
+        await n(`${a}/refs`)
       ), l = {
-        refs: a.refs ?? [],
-        defaultRef: a.defaultRef ?? null,
-        worktreeRef: a.worktreeRef ?? null
+        refs: c.refs ?? [],
+        defaultRef: c.defaultRef ?? null,
+        worktreeRef: c.worktreeRef ?? null
       };
       return Y(l), l;
     } catch {
-      return F;
+      return O;
     }
-  }, [n, c, F]), L = te(
-    async (a, l) => {
+  }, [n, a, O]), J = te(
+    async (c, l) => {
       if (f != null && f.branchName && !(l != null && l.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 $(!0, a);
+      await F(!0, c), await z();
     },
-    [$, f == null ? void 0 : f.branchName]
-  ), re = te(
-    async (a) => {
-      var M;
+    [z, F, f == null ? void 0 : f.branchName]
+  ), oe = te(
+    async (c) => {
+      var k;
       if (!f) throw new Error("Pygmalion design session is not ready");
-      const l = P.current;
-      if (l && (l.sessionId !== f.id || l.baseDevSha !== f.baseDevSha || l.revision !== f.revision || l.fingerprint !== JSON.stringify(a)))
+      const l = C.current;
+      if (l && (l.sessionId !== f.id || l.baseDevSha !== f.baseDevSha || l.revision !== f.revision || l.fingerprint !== JSON.stringify(c)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const p = await X(
+      const g = await X(
         await n(`${d}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -1675,47 +1675,47 @@ function Sn(e = {}) {
             baseDevSha: f.baseDevSha,
             expectedRevision: f.revision,
             ...l ? { previewRevision: l.revision } : {},
-            changes: a
+            changes: c
           })
         })
       );
-      if (!p.ok || !p.session)
-        throw new Error(p.error ?? "Pygmalion could not apply the visual changes");
-      O(p.session), p.session.appOrigin && k(p.session.appOrigin);
-      const I = p.applied ?? a.styles.length + a.texts.length + a.operations.length;
-      let N;
-      if (l != null && l.qaBaselineId && ((M = l.qaFrameIds) != null && M.length) && p.session.appOrigin)
+      if (!g.ok || !g.session)
+        throw new Error(g.error ?? "Pygmalion could not apply the visual changes");
+      M(g.session), g.session.appOrigin && b(g.session.appOrigin);
+      const x = g.applied ?? c.styles.length + c.texts.length + c.operations.length;
+      let R;
+      if (l != null && l.qaBaselineId && ((k = l.qaFrameIds) != null && k.length) && g.session.appOrigin)
         try {
-          N = await Ge(n, m, {
+          R = await Ge(n, p, {
             phase: "changed",
             baselineId: l.qaBaselineId,
-            basePath: He(p.session.appOrigin, window.location.origin),
+            basePath: He(g.session.appOrigin, window.location.origin),
             frameIds: l.qaFrameIds
           });
         } catch (q) {
-          const C = q instanceof Error ? q.message : String(q);
-          N = {
+          const N = q instanceof Error ? q.message : String(q);
+          R = {
             phase: "changed",
             baselineId: l.qaBaselineId,
             complete: !1,
             frames: [],
-            failures: l.qaFrameIds.map((w) => ({ id: w, error: C }))
+            failures: l.qaFrameIds.map((y) => ({ id: y, error: N }))
           };
         }
-      return P.current = null, {
-        applied: I,
-        branch: p.session.branchName ?? void 0,
-        integration: p.session.integration.state,
-        message: s == null ? void 0 : s(p.session, I),
-        ...N ? { qa: N } : {}
+      return C.current = null, {
+        applied: x,
+        branch: g.session.branchName ?? void 0,
+        integration: g.session.integration.state,
+        message: s == null ? void 0 : s(g.session, x),
+        ...R ? { qa: R } : {}
       };
     },
-    [n, s, m, f, d]
-  ), oe = te(
-    async (a) => {
-      var M;
+    [n, s, p, f, d]
+  ), se = te(
+    async (c) => {
+      var k;
       if (!f) throw new Error("Pygmalion design session is not ready");
-      P.current = null;
+      C.current = null;
       const l = await X(
         await n(`${d}/preview-visual`, {
           method: "POST",
@@ -1724,57 +1724,57 @@ function Sn(e = {}) {
             sessionId: f.id,
             baseDevSha: f.baseDevSha,
             expectedRevision: f.revision,
-            changes: a
+            changes: c
           })
         })
       );
       if (!l.ok || !Number.isSafeInteger(l.revision))
         throw new Error(l.error ?? "Pygmalion could not preview the visual changes");
-      const p = g ? sn(a, h) : [];
-      let I;
-      const N = f.appOrigin ?? S.appOrigin;
-      if (p.length > 0) {
-        if (!N)
+      const g = h ? sn(c, P) : [];
+      let x;
+      const R = f.appOrigin ?? m.appOrigin;
+      if (g.length > 0) {
+        if (!R)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (I = await Ge(n, m, {
+        if (x = await Ge(n, p, {
           phase: "baseline",
-          basePath: He(N, window.location.origin),
-          frameIds: p
-        }), !I.complete)
+          basePath: He(R, window.location.origin),
+          frameIds: g
+        }), !x.complete)
           throw new Error(
-            ((M = I.failures[0]) == null ? void 0 : M.error) ?? `Failed to capture ${p.length - I.frames.length} affected frames`
+            ((k = x.failures[0]) == null ? void 0 : k.error) ?? `Failed to capture ${g.length - x.frames.length} affected frames`
           );
       }
-      return P.current = {
+      return C.current = {
         sessionId: f.id,
         baseDevSha: f.baseDevSha,
         revision: l.revision,
-        fingerprint: JSON.stringify(a),
-        ...I ? { qaBaselineId: I.baselineId, qaFrameIds: p } : {}
+        fingerprint: JSON.stringify(c),
+        ...x ? { qaBaselineId: x.baselineId, qaFrameIds: g } : {}
       }, {
         revision: l.revision,
         files: Array.isArray(l.files) ? l.files : [],
         affectedFiles: Array.isArray(l.affectedFiles) ? l.affectedFiles : [],
-        ...I ? { qa: I } : {}
+        ...x ? { qa: x } : {}
       };
     },
     [
       n,
-      S.appOrigin,
-      h,
-      m,
+      m.appOrigin,
+      P,
+      p,
       f,
       d,
-      g
+      h
     ]
   ), Z = te(
-    async (a) => {
-      if (a.length === 0) return { files: [] };
+    async (c) => {
+      if (c.length === 0) return { files: [] };
       const l = await X(
         await n(`${u}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
-          body: JSON.stringify({ componentFiles: a })
+          body: JSON.stringify({ componentFiles: c })
         })
       );
       if (l.error || l.ok === !1)
@@ -1785,7 +1785,7 @@ function Sn(e = {}) {
   ), K = te(async () => {
     if (!(f != null && f.canRevert) || !f.headSha)
       throw new Error("There are no reversible changes applied");
-    const a = await X(
+    const c = await X(
       await n(`${d}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
@@ -1797,77 +1797,88 @@ function Sn(e = {}) {
         })
       })
     );
-    if (!a.ok || a.reverted !== !0 || !a.operation || a.operation.kind !== "visual-revert" || !a.session)
-      throw new Error(a.error ?? "Pygmalion could not revert the last visual change");
-    return P.current = null, O(a.session), a.session.appOrigin && k(a.session.appOrigin), {
+    if (!c.ok || c.reverted !== !0 || !c.operation || c.operation.kind !== "visual-revert" || !c.session)
+      throw new Error(c.error ?? "Pygmalion could not revert the last visual change");
+    return C.current = null, M(c.session), c.session.appOrigin && b(c.session.appOrigin), {
       reverted: !0,
-      operation: a.operation,
-      session: a.session
+      operation: c.operation,
+      session: c.session
     };
   }, [n, f, d]);
-  ie(() => {
-    r && $(!1);
-  }, [r, $]), ie(() => {
-    r && j();
+  ae(() => {
+    r && F(!1);
+  }, [r, F]), ae(() => {
+    r && z();
   }, [r]);
-  const Q = (f == null ? void 0 : f.appOrigin) ?? S.appOrigin ?? D, U = (f == null ? void 0 : f.headSha) ?? (f == null ? void 0 : f.baseDevSha) ?? S.commit ?? "pending";
+  const Q = (f == null ? void 0 : f.appOrigin) ?? m.appOrigin ?? D, U = (f == null ? void 0 : f.headSha) ?? (f == null ? void 0 : f.baseDevSha) ?? m.commit ?? "pending";
   return {
-    mirror: S,
+    mirror: m,
     session: f,
     ready: D != null,
     appOrigin: Q,
     previewRevision: `${U}:${(f == null ? void 0 : f.revision) ?? 0}`,
     previewSourceRevision: U,
-    refresh: $,
-    switchSource: L,
-    sourceRefs: F,
-    loadSourceRefs: j,
-    previewVisual: oe,
+    refresh: F,
+    switchSource: J,
+    sourceRefs: O,
+    loadSourceRefs: z,
+    previewVisual: se,
     inspectImpact: Z,
-    applyVisual: re,
+    applyVisual: oe,
     revertLastVisual: K
   };
 }
-function bn({
+function vn({
   value: e,
-  refs: t,
-  onChange: o,
-  busy: r = !1,
-  defaultRef: n = null,
-  worktreeRef: s = null,
-  label: c = "Source revision",
-  children: d,
-  className: u
+  currentCommit: t = null,
+  refs: o,
+  onChange: r,
+  busy: n = !1,
+  defaultRef: s = null,
+  worktreeRef: a = null,
+  label: d = "Source revision",
+  refreshLabel: u = "Refresh current revision",
+  children: h,
+  className: p
 }) {
-  const g = ae(
+  const w = re(
     () => ({
-      local: t.filter((h) => h.kind === "local"),
-      remote: t.filter((h) => h.kind === "remote")
+      local: o.filter((b) => b.kind === "local"),
+      remote: o.filter((b) => b.kind === "remote")
     }),
-    [t]
-  ), m = ae(() => {
-    const h = new Set(t.map((x) => x.name));
-    return n && h.add(n), s && h.add(s), h;
-  }, [n, t, s]), y = e ?? n ?? "";
-  return /* @__PURE__ */ A(
+    [o]
+  ), P = re(() => {
+    const b = new Set(o.map((O) => O.name));
+    return s && b.add(s), a && b.add(a), b;
+  }, [s, o, a]), I = e ?? s ?? "", m = re(
+    () => o.find((b) => b.name === I) ?? null,
+    [o, I]
+  ), E = (t == null ? void 0 : t.toLowerCase()) ?? null, f = (m == null ? void 0 : m.commit.toLowerCase()) ?? null, M = !!(E && f && E !== f && !E.startsWith(f) && !f.startsWith(E)), D = (t == null ? void 0 : t.slice(0, 8)) ?? null;
+  return /* @__PURE__ */ $(
     "span",
     {
-      className: u,
+      className: p,
       "data-pygmalion-source-ref": "",
-      "data-busy": r ? "" : void 0,
+      "data-busy": n ? "" : void 0,
+      "data-update-available": M ? "" : void 0,
+      "data-latest-commit": M ? m == null ? void 0 : m.commit : void 0,
       style: { position: "relative", display: "inline-flex", alignItems: "center" },
       children: [
-        d ?? /* @__PURE__ */ b("span", { "data-pygmalion-source-ref-value": "", children: y || c }),
-        /* @__PURE__ */ A(
+        h ?? /* @__PURE__ */ v("span", { "data-pygmalion-source-ref-value": "", children: I || d }),
+        /* @__PURE__ */ $(
           "select",
           {
-            value: y,
-            disabled: r,
-            "aria-label": c,
+            value: I,
+            disabled: n,
+            "aria-label": d,
             "data-pygmalion-source-ref-select": "",
-            onChange: (h) => {
-              const x = h.target.value;
-              x && x !== y && o(x);
+            onChange: (b) => {
+              const O = b.target.value;
+              if (!O) {
+                I && r(I);
+                return;
+              }
+              O && O !== I && r(O);
             },
             style: {
               position: "absolute",
@@ -1875,7 +1886,7 @@ function bn({
               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,
@@ -1883,21 +1894,27 @@ function bn({
               margin: 0
             },
             children: [
-              y && !m.has(y) ? /* @__PURE__ */ b("option", { value: y, children: y }) : null,
-              s ? /* @__PURE__ */ A("option", { value: s, children: [
-                s,
+              I ? /* @__PURE__ */ $("option", { value: "", children: [
+                u,
+                " · ",
+                I,
+                M ? ` · ${D ?? "unknown"} → ${(m == null ? void 0 : m.commit) ?? "latest"}` : ""
+              ] }) : null,
+              I && !P.has(I) ? /* @__PURE__ */ v("option", { value: I, children: I }) : null,
+              a ? /* @__PURE__ */ $("option", { value: a, children: [
+                a,
                 " · uncommitted work"
               ] }) : null,
-              g.local.length > 0 ? /* @__PURE__ */ b("optgroup", { label: "local", children: g.local.map((h) => /* @__PURE__ */ A("option", { value: h.name, children: [
-                h.name,
+              w.local.length > 0 ? /* @__PURE__ */ v("optgroup", { label: "local", children: w.local.map((b) => /* @__PURE__ */ $("option", { value: b.name, children: [
+                b.name,
                 " · ",
-                h.commit
-              ] }, h.fullName)) }) : null,
-              g.remote.length > 0 ? /* @__PURE__ */ b("optgroup", { label: "remote", children: g.remote.map((h) => /* @__PURE__ */ A("option", { value: h.name, children: [
-                h.name,
+                b.commit
+              ] }, b.fullName)) }) : null,
+              w.remote.length > 0 ? /* @__PURE__ */ v("optgroup", { label: "remote", children: w.remote.map((b) => /* @__PURE__ */ $("option", { value: b.name, children: [
+                b.name,
                 " · ",
-                h.commit
-              ] }, h.fullName)) }) : null
+                b.commit
+              ] }, b.fullName)) }) : null
             ]
           }
         )
@@ -1905,20 +1922,20 @@ function bn({
     }
   );
 }
-const vn = {
-  editor: W,
+const Sn = {
+  editor: V,
   getObserverTree: tt,
   isObservableProp: et
 };
 function In(e) {
-  W.navigateToPageByName(e);
+  V.navigateToPageByName(e);
 }
 function xn() {
-  W.openPreview();
+  V.openPreview();
 }
 function Pn() {
   const e = De.entries.length > 0;
-  return e && De.discardPending(), W.resetCurrentEdits() || e;
+  return e && De.discardPending(), V.resetCurrentEdits() || e;
 }
 function En({
   registry: e,
@@ -1927,30 +1944,30 @@ function En({
   componentConnections: r,
   viewportPresets: n,
   previewEnvironmentControls: s,
-  designImport: c,
+  designImport: a,
   onTokensChange: d,
   appOrigin: u,
-  previewRevision: g,
-  previewCacheNamespace: m,
-  previewArtifacts: y,
-  previewArtifactEndpoint: h,
-  previewConcurrency: x,
-  previewOpen: S,
+  previewRevision: h,
+  previewCacheNamespace: p,
+  previewArtifacts: w,
+  previewArtifactEndpoint: P,
+  previewConcurrency: I,
+  previewOpen: m,
   onPreviewOpenChange: E,
   flowCanvas: f,
-  onApply: O,
+  onApply: M,
   onDesignChange: D,
-  onInspectApply: k,
-  onInspectPreview: F,
+  onInspectApply: b,
+  onInspectPreview: O,
   onInspectImpact: Y,
-  storyboardDiscovery: v = !0,
-  storyboardDiscoveryEndpoint: P = wt
+  storyboardDiscovery: S = !0,
+  storyboardDiscoveryEndpoint: C = wt
 }) {
-  const [$, j] = se(!v), [L, re] = se();
-  c && (c.assertComplete(), nt(c));
-  const oe = e ?? (c == null ? void 0 : c.getRegistry()), Z = t ?? (c == null ? void 0 : c.getTokens()), K = o ?? (c == null ? void 0 : c.getInitialPages());
-  oe && rt(oe), ot(r ?? []), Z && st(Z), n && it(n), It(d ?? null), at(m);
-  const Q = L ?? y, U = ae(
+  const [F, z] = ie(!S), [J, oe] = ie();
+  a && (a.assertComplete(), nt(a));
+  const se = e ?? (a == null ? void 0 : a.getRegistry()), Z = t ?? (a == null ? void 0 : a.getTokens()), K = o ?? (a == null ? void 0 : a.getInitialPages());
+  se && rt(se), ot(r ?? []), Z && st(Z), n && it(n), It(d ?? null), at(p);
+  const Q = J ?? w, U = re(
     () => (K ?? []).flatMap(
       (i) => i.route && i.importPageId ? [
         {
@@ -1966,225 +1983,225 @@ function En({
       ] : []
     ),
     [K]
-  ), V = g ?? bt(), ee = u ?? ke(), _ = xe([]), J = ae(
+  ), L = h ?? vt(), ee = u ?? ke(), j = xe([]), W = re(
     () => U.map((i) => ({
       id: i.canonicalId,
       fingerprint: ct(
         i,
-        V,
-        Se()
+        L,
+        be()
       )
     })),
-    [U, V, $]
+    [U, L, F]
   );
-  return _.current = J, x != null && lt(x), xt(E ?? null), f != null && dt(f), Pt(O ?? null), Et(k ?? null), ut(F ?? null), Ct(Y ?? null), K && W.initPagesFromComponents(K), ze(() => {
-    u != null && ft(u), g != null && mt(g), pt(s ?? []);
-  }, [u, s, g]), ze(() => {
-    !Q || !K || !$ || Me(Q, {
-      namespace: m ?? "",
-      previewRevision: V,
+  return j.current = W, I != null && lt(I), xt(E ?? null), f != null && dt(f), Pt(M ?? null), Et(b ?? null), ut(O ?? null), Ct(Y ?? null), K && V.initPagesFromComponents(K), ze(() => {
+    u != null && ft(u), h != null && pt(h), mt(s ?? []);
+  }, [u, s, h]), ze(() => {
+    !Q || !K || !F || Me(Q, {
+      namespace: p ?? "",
+      previewRevision: L,
       appOrigin: ee,
-      baselineEnvironment: Se(),
-      allowStaleIdentity: !!h,
-      allowMatchingFrameIdentity: L != null,
-      pages: U.map((i, a) => {
+      baselineEnvironment: be(),
+      allowStaleIdentity: !!P,
+      allowMatchingFrameIdentity: J != null,
+      pages: U.map((i, c) => {
         var l;
         return {
           ...i,
-          fingerprint: (l = J[a]) == null ? void 0 : l.fingerprint
+          fingerprint: (l = W[c]) == null ? void 0 : l.fingerprint
         };
       })
     });
   }, [
     Q,
-    J,
+    W,
     U,
-    h,
-    m,
-    L,
+    P,
+    p,
+    J,
     ee,
     K,
-    V,
-    $
-  ]), ie(() => {
+    L,
+    F
+  ]), ae(() => {
     Fe(D ?? null);
-    const i = gt(W);
+    const i = gt(V);
     return () => {
       i(), Fe(null);
     };
-  }, [D]), ie(() => {
-    if (re(void 0), !$ || !h || !(m != null && m.trim()) || !(g != null && g.trim()))
+  }, [D]), ae(() => {
+    if (oe(void 0), !F || !P || !(p != null && p.trim()) || !(h != null && h.trim()))
       return;
-    const i = new AbortController(), a = ht({
-      endpoint: h,
+    const i = new AbortController(), c = ht({
+      endpoint: P,
       captureBaseUrl: u
-    }), l = yt(g), p = (C) => {
-      Me(C, {
-        namespace: m,
-        previewRevision: g,
+    }), l = yt(h), g = (N) => {
+      Me(N, {
+        namespace: p,
+        previewRevision: h,
         appOrigin: ke(),
-        baselineEnvironment: Se(),
+        baselineEnvironment: be(),
         allowStaleIdentity: !0,
         allowMatchingFrameIdentity: !0,
-        pages: U.map((w, R) => {
-          var z;
+        pages: U.map((y, A) => {
+          var _;
           return {
-            ...w,
-            fingerprint: (z = J[R]) == null ? void 0 : z.fingerprint
+            ...y,
+            fingerprint: (_ = W[A]) == null ? void 0 : _.fingerprint
           };
         })
-      }), re(C);
-    }, I = (C, w, R) => vt({
-      namespace: m,
+      }), oe(N);
+    }, x = (N, y, A) => St({
+      namespace: p,
       sourceRevision: l,
-      transport: a,
-      signal: R,
-      ...C.length ? { frames: C } : {},
-      ...w ? {} : { generate: !1 }
-    }), N = (C, w) => {
-      const R = new Set(w);
-      return C.filter((z) => R.has(z.id));
-    }, M = (C, w) => C instanceof Error && C.message ? C.message : w, q = new AbortController();
-    if (Oe(async (C) => {
-      var R, z, G;
-      const w = await I(C, !0, q.signal);
-      if (w.status === "accepted") {
-        p(w.artifact);
-        const fe = new Set(((R = w.frameResolution) == null ? void 0 : R.exact) ?? []);
-        if (C.every((le) => fe.has(le.id)))
+      transport: c,
+      signal: A,
+      ...N.length ? { frames: N } : {},
+      ...y ? {} : { generate: !1 }
+    }), R = (N, y) => {
+      const A = new Set(y);
+      return N.filter((_) => A.has(_.id));
+    }, k = (N, y) => N instanceof Error && N.message ? N.message : y, q = new AbortController();
+    if ($e(async (N) => {
+      var A, _, G;
+      const y = await x(N, !0, q.signal);
+      if (y.status === "accepted") {
+        g(y.artifact);
+        const fe = new Set(((A = y.frameResolution) == null ? void 0 : A.exact) ?? []);
+        if (N.every((le) => fe.has(le.id)))
           return { status: "accepted" };
         const ce = [
-          ...((z = w.frameResolution) == null ? void 0 : z.missing) ?? [],
-          ...((G = w.frameResolution) == null ? void 0 : G.stale) ?? []
+          ...((_ = y.frameResolution) == null ? void 0 : _.missing) ?? [],
+          ...((G = y.frameResolution) == null ? void 0 : G.stale) ?? []
         ];
         return {
           status: "unavailable",
           message: ce.length ? `The exact preview endpoint did not return a current capture for ${ce.join(", ")}.` : "The exact preview endpoint returned no current capture."
         };
       }
-      return w.status === "rejected" ? {
+      return y.status === "rejected" ? {
         status: "rejected",
-        message: w.errors.join(" ") || "The preview artifact was rejected."
+        message: y.errors.join(" ") || "The preview artifact was rejected."
       } : {
         status: "unavailable",
-        message: M(
-          w.error,
+        message: k(
+          y.error,
           "The exact preview endpoint is unavailable."
         )
       };
-    }), _.current.length) {
-      const C = _.current.filter((w) => {
-        const R = be(
-          w.id,
-          w.fingerprint
+    }), j.current.length) {
+      const N = j.current.filter((y) => {
+        const A = ve(
+          y.id,
+          y.fingerprint
         ).status;
-        return R !== "exact" && R !== "generating";
+        return A !== "exact" && A !== "generating";
       });
-      de(C, { status: "checking" }), I(
-        _.current,
+      de(N, { status: "checking" }), x(
+        j.current,
         !1,
         i.signal
-      ).then((w) => {
+      ).then((y) => {
         var G, fe, ce;
         if (i.signal.aborted) return;
-        const R = (le) => le.filter((Re) => {
-          const Ae = be(
+        const A = (le) => le.filter((Re) => {
+          const Ae = ve(
             Re.id,
             Re.fingerprint
           ).status;
           return Ae !== "generating" && Ae !== "exact";
         });
-        if (w.status === "accepted") {
-          p(w.artifact), de(
-            N(
-              _.current,
-              ((G = w.frameResolution) == null ? void 0 : G.exact) ?? []
+        if (y.status === "accepted") {
+          g(y.artifact), de(
+            R(
+              j.current,
+              ((G = y.frameResolution) == null ? void 0 : G.exact) ?? []
             ),
             { status: "exact" }
           );
-          const le = N(_.current, [
-            ...((fe = w.frameResolution) == null ? void 0 : fe.missing) ?? [],
-            ...((ce = w.frameResolution) == null ? void 0 : ce.stale) ?? []
+          const le = R(j.current, [
+            ...((fe = y.frameResolution) == null ? void 0 : fe.missing) ?? [],
+            ...((ce = y.frameResolution) == null ? void 0 : ce.stale) ?? []
           ]);
-          de(R(le), {
+          de(A(le), {
             status: "outdated",
             message: "Select this frame to generate the exact preview."
           });
           return;
         }
-        const z = w.status === "rejected" ? w.errors.join(" ") || "The preview artifact was rejected." : M(
-          w.error,
+        const _ = y.status === "rejected" ? y.errors.join(" ") || "The preview artifact was rejected." : k(
+          y.error,
           "The exact preview endpoint is unavailable."
         );
         de(
-          R(_.current),
+          A(j.current),
           {
             status: "error",
-            reason: w.status === "rejected" ? "rejected" : "unavailable",
-            message: z
+            reason: y.status === "rejected" ? "rejected" : "unavailable",
+            message: _
           }
         );
-      }).catch((w) => {
+      }).catch((y) => {
         if (i.signal.aborted) return;
-        const R = _.current.filter((z) => {
-          const G = be(
-            z.id,
-            z.fingerprint
+        const A = j.current.filter((_) => {
+          const G = ve(
+            _.id,
+            _.fingerprint
           ).status;
           return G !== "generating" && G !== "exact";
         });
-        de(R, {
+        de(A, {
           status: "error",
           reason: "unavailable",
-          message: M(
-            w,
+          message: k(
+            y,
             "The exact preview endpoint is unavailable."
           )
         });
       });
     }
     return () => {
-      Oe(null), q.abort(), i.abort();
+      $e(null), q.abort(), i.abort();
     };
   }, [
+    P,
+    p,
     h,
-    m,
-    g,
     u,
-    $
-  ]), ie(() => {
+    F
+  ]), ae(() => {
     let i = !0;
-    if (!v)
-      return ue(void 0), j(!0), () => {
+    if (!S)
+      return ue(void 0), z(!0), () => {
         i = !1;
       };
-    const a = new AbortController();
-    return j(!1), ue(void 0), ne(null), Le({
-      endpoint: P,
-      signal: a.signal,
-      pages: W.pages.map((l) => ({
+    const c = new AbortController();
+    return z(!1), ue(void 0), ne(null), Je({
+      endpoint: C,
+      signal: c.signal,
+      pages: V.pages.map((l) => ({
         ...l,
         id: l.importPageId ?? l.id,
         importKind: l.importKind
       })),
-      assets: (c == null ? void 0 : c.getAssets("screens")) ?? []
+      assets: (a == null ? void 0 : a.getAssets("screens")) ?? []
     }).then((l) => {
-      i && (ue(l.baselineEnvironment), $e(l.manifest.routes ?? null), ne(l.graph));
+      i && (ue(l.baselineEnvironment), Oe(l.manifest.routes ?? null), ne(l.graph));
     }).catch(() => {
-      i && (ue(void 0), $e(null), ne(null));
+      i && (ue(void 0), Oe(null), ne(null));
     }).finally(() => {
-      i && j(!0);
+      i && z(!0);
     }), () => {
-      i = !1, a.abort(), ue(void 0), ne(null);
+      i = !1, c.abort(), ue(void 0), ne(null);
     };
   }, [
-    c,
+    a,
     o,
-    v,
-    P
-  ]), ie(() => {
-    S == null || S === W.previewOpen || (S ? W.openPreview({ notifyHost: !1 }) : W.closePreview({ notifyHost: !1 }));
-  }, [S]), $ ? /* @__PURE__ */ b(St, {}) : /* @__PURE__ */ b(
+    S,
+    C
+  ]), ae(() => {
+    m == null || m === V.previewOpen || (m ? V.openPreview({ notifyHost: !1 }) : V.closePreview({ notifyHost: !1 }));
+  }, [m]), F ? /* @__PURE__ */ v(bt, {}) : /* @__PURE__ */ v(
     "div",
     {
       "data-pygmalion-storyboard-loading": "",
@@ -2206,17 +2223,17 @@ export {
   Rn as DEFAULT_DESIGN_COMPILE_LIMITS,
   An as DESIGN_IMPORT_KINDS,
   Mn as DESIGN_IR_SCHEMA,
-  On as DESIGN_IR_VERSION,
-  pn as PygmalionCatalogDocument,
+  $n as DESIGN_IR_VERSION,
+  mn as PygmalionCatalogDocument,
   hn as PygmalionCatalogMatrix,
   gn as PygmalionCatalogSection,
   En as PygmalionEditor,
   wt as STORYBOARD_ENVIRONMENT_CONTROL,
-  $n as STORYBOARD_ENVIRONMENT_QUERY,
-  bn as SourceRefControl,
-  vn as __debug,
+  On as STORYBOARD_ENVIRONMENT_QUERY,
+  vn as SourceRefControl,
+  Sn as __debug,
   Dn as applyTokenOverride,
-  vt as bootstrapPreviewArtifact,
+  St as bootstrapPreviewArtifact,
   kn as clearPreviewEnvironmentControlValues,
   Fn as clearPygmalionPreviewCache,
   Tn as compileDesignDocument,
@@ -2232,15 +2249,15 @@ export {
   Hn as createPreviewRecipeFingerprint,
   qn as createStoryboardCaptureRecipeIdentity,
   Mt as createStoryboardGraph,
-  Vt as createStoryboardGraphFromDiscovery,
+  Lt as createStoryboardGraphFromDiscovery,
   Gn as createStoryboardGraphViewModel,
   Kn as createStoryboardRouteUrl,
-  Lt as designCatalogKey,
+  Jt as designCatalogKey,
   Qe as designCatalogRegistryName,
-  Vn as enumerateDesignComponentConnectionCases,
-  Jn as expandDesignScreenCasesViewports,
-  Wn as expandDesignScreenCollectionViewports,
-  Ln as getDesignCodegenAdapters,
+  Ln as enumerateDesignComponentConnectionCases,
+  Wn as expandDesignScreenCasesViewports,
+  Vn as expandDesignScreenCollectionViewports,
+  Jn as getDesignCodegenAdapters,
   Qn as getDesignComponentConnection,
   Xn as getDesignComponentConnectionForComponent,
   Yn as getDesignComponentConnections,
@@ -2248,14 +2265,14 @@ export {
   er as getPreviewEnvironmentControls,
   tr as getPreviewEnvironmentOverride,
   nr as getRecommendedPygmalionPreviewConcurrency,
-  Se as getStoryboardBaselineEnvironment,
-  We as getStoryboardDiscoveryBaselineEnvironment,
+  be as getStoryboardBaselineEnvironment,
+  Ve as getStoryboardDiscoveryBaselineEnvironment,
   rr as getStoryboardGraph,
   or as getViewportPresets,
-  Le as loadStoryboardDiscovery,
+  Je as loadStoryboardDiscovery,
   sr as mergeScreenPresets,
   Ze as mergeStoryboardEnvironment,
-  mn as publishStoryboardDiscovery,
+  pn as publishStoryboardDiscovery,
   In as pygmalionNavigate,
   xn as pygmalionOpenPreview,
   Pn as pygmalionResetCurrentEdits,
@@ -2268,19 +2285,19 @@ export {
   rt as setComponentRegistry,
   ot as setDesignComponentConnections,
   ur as setPreviewEnvironmentControlValue,
-  pt as setPreviewEnvironmentControls,
+  mt as setPreviewEnvironmentControls,
   ft as setPygmalionAppOrigin,
   lt as setPygmalionPreviewConcurrency,
-  mt as setPygmalionPreviewRevision,
+  pt as setPygmalionPreviewRevision,
   ue as setStoryboardBaselineEnvironment,
   ne as setStoryboardGraph,
   st as setTokens,
   it as setViewportPresets,
   Nt as storyboardScreenRecipeKey,
   fr as subscribePreviewEnvironmentControls,
-  mr as subscribeStoryboardGraph,
-  Sn as usePygmalionProject,
-  pr as validateDesignComponentConnections,
+  pr as subscribeStoryboardGraph,
+  bn as usePygmalionProject,
+  mr as validateDesignComponentConnections,
   gr as validatePreviewArtifactBundle,
   hr as validateRoutePreviewArtifactV3Browser
 };