@pygmalionjs/pygmalion 0.2.35 → 0.2.36

package/dist-lib/pygmalion.js

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