@pygmalionjs/pygmalion 0.2.17 → 0.2.18

package/dist-lib/pygmalion.js

@@ -1,5 +1,5 @@
-import { jsxs as R, jsx as w } from "react/jsx-runtime";
-import { b as Q, m as Ke, v as qe, c as Ge, i as Je, g as Le, e as K, d as Ve, a as We, f as Qe, h as Xe, j as Ye, k as Ze, l as et, n as tt, o as nt, p as rt, q as ot, r as st, t as it, u as se, S as at, A as ct, w as xe, x as lt, y as dt, z as ft, B as ut, C as pt, D as ht, E as mt, G as Pe } from "./App-CiSnd2mV.js";
+import { jsxs as R, jsx as b } from "react/jsx-runtime";
+import { b as Q, m as Ke, v as qe, c as Ge, i as Je, g as Le, e as K, d as Ve, a as We, f as Qe, h as Xe, j as Ye, k as Ze, l as et, n as tt, o as nt, p as rt, q as ot, r as it, t as st, u as ie, S as at, A as ct, w as xe, x as lt, y as dt, z as ft, B as ut, C as pt, D as ht, E as mt, G as Pe } from "./App-CiSnd2mV.js";
 import { H as kn, I as Dn, J as zn, K as _n, L as Fn, M as jn, O as Bn, P as Un, Q as Hn, R as Kn, T as qn, U as Gn, V as Jn, W as Ln, X as Vn, Y as Wn, Z as Qn } from "./App-CiSnd2mV.js";
 import { createElement as Ee, useMemo as le, useState as ee, useRef as Ne, useCallback as W, useEffect as te } from "react";
 function we(e, t = /* @__PURE__ */ new Set()) {
@@ -79,93 +79,93 @@ function bt(e) {
   var re, oe;
   const t = [], r = [], n = /* @__PURE__ */ new Map();
   for (const c of e.screens) {
-    const f = c.id.trim();
-    if (!f || n.has(f)) {
+    const d = c.id.trim();
+    if (!d || n.has(d)) {
       t.push({
         code: "duplicate-screen-id",
         severity: "error",
-        message: f ? `Multiple storyboard screens use the id "${f}".` : "A storyboard screen has an empty id.",
-        screenId: f || void 0
+        message: d ? `Multiple storyboard screens use the id "${d}".` : "A storyboard screen has an empty id.",
+        screenId: d || void 0
       });
       continue;
     }
-    const l = f === c.id ? c : { ...c, id: f };
-    n.set(f, l), r.push(l);
+    const l = d === c.id ? c : { ...c, id: d };
+    n.set(d, l), r.push(l);
   }
-  const o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set();
+  const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
   for (const c of r) {
-    let f;
+    let d;
     try {
-      if (f = (e.recipeKey ?? gt)(c), !f.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (d = (e.recipeKey ?? gt)(c), !d.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (u) {
-      s.add(c.id), t.push({
+      i.add(c.id), t.push({
         code: "invalid-recipe",
         severity: "error",
         message: u instanceof Error ? u.message : "Storyboard recipe identity could not be created.",
         screenId: c.id
-      }), f = `invalid:${c.id}`;
+      }), d = `invalid:${c.id}`;
     }
-    const l = o.get(f);
-    l ? l.screens.push(c) : o.set(f, { recipeKey: f, screens: [c] });
+    const l = o.get(d);
+    l ? l.screens.push(c) : o.set(d, { recipeKey: d, screens: [c] });
   }
-  const i = [...o.values()].map(wt).sort((c, f) => c.id.localeCompare(f.id)), a = {};
-  for (const c of i)
-    for (const f of c.screenIds) a[f] = c.id;
-  const d = new Map(i.map((c) => [c.id, c])), g = /* @__PURE__ */ new Map();
+  const s = [...o.values()].map(wt).sort((c, d) => c.id.localeCompare(d.id)), a = {};
+  for (const c of s)
+    for (const d of c.screenIds) a[d] = c.id;
+  const f = new Map(s.map((c) => [c.id, c])), m = /* @__PURE__ */ new Map();
   for (const c of e.assets ?? []) {
-    const f = g.get(c.pageId);
-    f ? f.push(c) : g.set(c.pageId, [c]);
+    const d = m.get(c.pageId);
+    d ? d.push(c) : m.set(c.pageId, [c]);
   }
-  const p = i.map((c) => {
-    const f = c.screenIds.flatMap(
-      (l) => g.get(l) ?? []
+  const p = s.map((c) => {
+    const d = c.screenIds.flatMap(
+      (l) => m.get(l) ?? []
     );
     return {
       ...c,
       scenarioIds: z([
         ...c.scenarioIds,
-        ...f.map((l) => l.scenarioId)
+        ...d.map((l) => l.scenarioId)
       ]),
       sourceKeys: z([
         ...c.sourceKeys,
-        ...f.map((l) => l.sourcePath)
+        ...d.map((l) => l.sourcePath)
       ])
     };
-  }), m = /* @__PURE__ */ new Map();
+  }), y = /* @__PURE__ */ new Map();
   for (const c of p)
-    for (const f of c.routes) {
-      const l = m.get(f);
-      l ? l.push(c.id) : m.set(f, [c.id]);
+    for (const d of c.routes) {
+      const l = y.get(d);
+      l ? l.push(c.id) : y.set(d, [c.id]);
     }
-  const S = (c, f, l) => {
-    const u = c.trim(), I = a[u] ?? (d.has(u) ? u : null);
-    if (I) return I;
-    const v = z(m.get(u) ?? []);
-    return v.length === 1 ? v[0] : v.length > 1 ? (t.push({
+  const g = (c, d, l) => {
+    const u = c.trim(), x = a[u] ?? (f.has(u) ? u : null);
+    if (x) return x;
+    const I = z(y.get(u) ?? []);
+    return I.length === 1 ? I[0] : I.length > 1 ? (t.push({
       code: l === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
       severity: "error",
-      message: `Storyboard edge "${f}" references an ambiguous ${l} route.`,
-      edgeId: f,
+      message: `Storyboard edge "${d}" references an ambiguous ${l} route.`,
+      edgeId: d,
       screenId: u || void 0
     }), null) : (t.push({
       code: l === "source" ? "unknown-edge-source" : "unknown-edge-target",
       severity: "error",
-      message: `Storyboard edge "${f}" references an unknown ${l}.`,
-      edgeId: f,
+      message: `Storyboard edge "${d}" references an unknown ${l}.`,
+      edgeId: d,
       screenId: u || void 0
     }), null);
-  }, P = [], y = /* @__PURE__ */ new Map(), N = [
+  }, v = [], w = /* @__PURE__ */ new Map(), N = [
     ["explicit", e.explicitEdges ?? []],
     ["inferred", e.inferredEdges ?? []]
   ];
   let h = 0;
-  for (const [c, f] of N)
-    for (const l of f) {
+  for (const [c, d] of N)
+    for (const l of d) {
       const u = yt(l, h);
       h += 1;
-      const I = S(l.from, u, "source"), v = S(l.to, u, "target");
-      if (!I || !v || I === v) continue;
-      const M = `${I}\0${v}`, C = y.get(M);
+      const x = g(l.from, u, "source"), I = g(l.to, u, "target");
+      if (!x || !I || x === I) continue;
+      const M = `${x}\0${I}`, C = w.get(M);
       if (C) {
         if (!C.sourceEdgeIds.includes(u)) {
           const q = {
@@ -175,42 +175,42 @@ function bt(e) {
               u
             ])
           };
-          y.set(M, q);
-          const H = P.indexOf(C);
-          H >= 0 && (P[H] = q);
+          w.set(M, q);
+          const H = v.indexOf(C);
+          H >= 0 && (v[H] = q);
         }
         continue;
       }
       const L = {
         id: u,
-        from: I,
-        to: v,
+        from: x,
+        to: I,
         kind: ((re = l.kind) == null ? void 0 : re.trim()) || void 0,
         label: ((oe = l.label) == null ? void 0 : oe.trim()) || void 0,
         origin: c,
         sourceEdgeIds: [u]
       };
-      y.set(M, L), P.push(L);
+      w.set(M, L), v.push(L);
     }
-  P.sort(
-    (c, f) => `${c.from}:${c.to}:${c.id}`.localeCompare(`${f.from}:${f.to}:${f.id}`)
+  v.sort(
+    (c, d) => `${c.from}:${c.to}:${c.id}`.localeCompare(`${d.from}:${d.to}:${d.id}`)
   );
   const O = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
-  for (const c of P) {
-    const f = A.get(c.from);
-    f ? f.push(c) : A.set(c.from, [c]);
+  for (const c of v) {
+    const d = A.get(c.from);
+    d ? d.push(c) : A.set(c.from, [c]);
     const l = O.get(c.to);
     l ? l.push(c) : O.set(c.to, [c]);
   }
   const $ = [];
   for (const c of e.startScreenIds ?? []) {
-    const f = c.trim(), l = a[f] ?? (d.has(f) ? f : null);
+    const d = c.trim(), l = a[d] ?? (f.has(d) ? d : null);
     if (!l) {
       t.push({
         code: "unknown-start-screen",
         severity: "error",
-        message: `Storyboard start references an unknown screen "${f}".`,
-        screenId: f || void 0
+        message: `Storyboard start references an unknown screen "${d}".`,
+        screenId: d || void 0
       });
       continue;
     }
@@ -219,57 +219,57 @@ function bt(e) {
   const T = new Set($);
   let k = z($);
   k.length || (k = p.filter((c) => {
-    var f;
-    return (((f = O.get(c.id)) == null ? void 0 : f.length) ?? 0) === 0;
-  }).map((c) => c.id).sort((c, f) => c.localeCompare(f))), !k.length && p.length && (k = [p[0].id]);
-  const b = /* @__PURE__ */ new Set(), x = [...k];
-  for (; x.length; ) {
-    const c = x.shift();
-    if (!b.has(c)) {
-      b.add(c);
-      for (const f of A.get(c) ?? []) x.push(f.to);
+    var d;
+    return (((d = O.get(c.id)) == null ? void 0 : d.length) ?? 0) === 0;
+  }).map((c) => c.id).sort((c, d) => c.localeCompare(d))), !k.length && p.length && (k = [p[0].id]);
+  const S = /* @__PURE__ */ new Set(), P = [...k];
+  for (; P.length; ) {
+    const c = P.shift();
+    if (!S.has(c)) {
+      S.add(c);
+      for (const d of A.get(c) ?? []) P.push(d.to);
     }
   }
   const D = p.filter((c) => {
     var l, u;
-    const f = (((l = O.get(c.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((u = A.get(c.id)) == null ? void 0 : u.length) ?? 0) === 0 && !T.has(c.id);
-    return !b.has(c.id) || f && p.length > 1;
+    const d = (((l = O.get(c.id)) == null ? void 0 : l.length) ?? 0) === 0 && (((u = A.get(c.id)) == null ? void 0 : u.length) ?? 0) === 0 && !T.has(c.id);
+    return !S.has(c.id) || d && p.length > 1;
   });
   for (const c of D)
-    for (const f of c.screenIds)
+    for (const d of c.screenIds)
       t.push({
         code: "disconnected-screen",
         severity: "warning",
-        message: `Storyboard screen "${f}" is not connected to a graph branch.`,
-        screenId: f,
+        message: `Storyboard screen "${d}" is not connected to a graph branch.`,
+        screenId: d,
         nodeId: c.id
       });
   const j = /* @__PURE__ */ new Map();
   for (const c of p)
-    for (const f of c.sourceKeys) {
-      const l = j.get(f) ?? {
+    for (const d of c.sourceKeys) {
+      const l = j.get(d) ?? {
         nodeIds: /* @__PURE__ */ new Set(),
         screenIds: /* @__PURE__ */ new Set()
       };
       l.nodeIds.add(c.id);
       for (const u of c.screenIds) l.screenIds.add(u);
-      j.set(f, l);
+      j.set(d, l);
     }
-  const Y = [...j.entries()].map(([c, f]) => ({
+  const Y = [...j.entries()].map(([c, d]) => ({
     sourceKey: c,
-    nodeIds: [...f.nodeIds].sort((l, u) => l.localeCompare(u)),
-    screenIds: [...f.screenIds].sort((l, u) => l.localeCompare(u)),
-    shared: f.nodeIds.size > 1
-  })).sort((c, f) => c.sourceKey.localeCompare(f.sourceKey)), J = p.map((c) => {
-    const f = [...A.get(c.id) ?? []].sort(
+    nodeIds: [...d.nodeIds].sort((l, u) => l.localeCompare(u)),
+    screenIds: [...d.screenIds].sort((l, u) => l.localeCompare(u)),
+    shared: d.nodeIds.size > 1
+  })).sort((c, d) => c.sourceKey.localeCompare(d.sourceKey)), J = p.map((c) => {
+    const d = [...A.get(c.id) ?? []].sort(
       (l, u) => l.id.localeCompare(u.id)
     );
     return {
       nodeId: c.id,
-      edgeIds: f.map((l) => l.id),
-      targetNodeIds: z(f.map((l) => l.to))
+      edgeIds: d.map((l) => l.id),
+      targetNodeIds: z(d.map((l) => l.to))
     };
-  }).filter((c) => c.targetNodeIds.length > 1).sort((c, f) => c.nodeId.localeCompare(f.nodeId)), V = new Set(
+  }).filter((c) => c.targetNodeIds.length > 1).sort((c, d) => c.nodeId.localeCompare(d.nodeId)), V = new Set(
     p.flatMap((c) => c.scenarioIds)
   ), E = new Set(
     (e.nonVisualScenarioIds ?? []).map((c) => c.trim())
@@ -286,15 +286,15 @@ function bt(e) {
       scenarioId: c
     });
   t.sort(
-    (c, f) => Re(c).localeCompare(Re(f))
+    (c, d) => Re(c).localeCompare(Re(d))
   );
   const ne = z(
     D.flatMap((c) => c.screenIds)
-  ), ie = {
+  ), se = {
     screens: r.length,
     canonicalNodes: p.length,
     mergedScreens: Math.max(0, r.length - p.length),
-    edges: P.length,
+    edges: v.length,
     connectedNodes: p.length - D.length,
     disconnectedScreens: ne,
     codeScenarios: B.length,
@@ -302,20 +302,20 @@ function bt(e) {
       (c) => V.has(c)
     ).length,
     missingScenarios: _,
-    complete: ne.length === 0 && _.length === 0 && !t.some((c) => c.severity === "error") && s.size === 0
+    complete: ne.length === 0 && _.length === 0 && !t.some((c) => c.severity === "error") && i.size === 0
   };
   return {
     version: 1,
     nodes: p,
-    edges: P,
+    edges: v,
     aliases: Object.fromEntries(
-      Object.entries(a).sort(([c], [f]) => c.localeCompare(f))
+      Object.entries(a).sort(([c], [d]) => c.localeCompare(d))
     ),
     sourceGroups: Y,
     startNodeIds: k,
     branches: J,
     warnings: t,
-    coverage: ie
+    coverage: se
   };
 }
 function St(e) {
@@ -352,12 +352,12 @@ function De(e) {
 function Ie(e, t) {
   const r = e.split("/").filter(Boolean), n = t.split("/").filter(Boolean);
   let o = 0;
-  for (let s = 0; s < r.length; s += 1) {
-    const i = r[s];
-    if (i === "*" || i.startsWith("*")) return !0;
+  for (let i = 0; i < r.length; i += 1) {
+    const s = r[i];
+    if (s === "*" || s.startsWith("*")) return !0;
     const a = n[o];
-    if (!(i.endsWith("?") && a == null)) {
-      if (a == null || !i.startsWith(":") && i !== a) return !1;
+    if (!(s.endsWith("?") && a == null)) {
+      if (a == null || !s.startsWith(":") && s !== a) return !1;
       o += 1;
     }
   }
@@ -371,7 +371,7 @@ function Ae(e, t) {
     ...new Set(
       [...t.entries()].filter(([o]) => Ie(r, o)).map(([, o]) => o)
     )
-  ].sort((o, s) => o.localeCompare(s));
+  ].sort((o, i) => o.localeCompare(i));
 }
 function It(e) {
   var r;
@@ -389,18 +389,18 @@ function It(e) {
 }
 function xt(e, t, r) {
   return (e ?? []).flatMap((n, o) => {
-    var p, m, S;
-    const s = (p = n.from) == null ? void 0 : p.trim(), i = (m = n.to) == null ? void 0 : m.trim();
-    if (!s || !i || n.unresolvedTarget) return [];
-    const a = r.has(s) ? [s] : Ae(s, t), d = r.has(i) ? [i] : Ae(i, t);
-    if (!a.length || !d.length) return [];
-    const g = ((S = n.id) == null ? void 0 : S.trim()) || `discovery-edge:${o + 1}`;
+    var p, y, g;
+    const i = (p = n.from) == null ? void 0 : p.trim(), s = (y = n.to) == null ? void 0 : y.trim();
+    if (!i || !s || n.unresolvedTarget) return [];
+    const a = r.has(i) ? [i] : Ae(i, t), f = r.has(s) ? [s] : Ae(s, t);
+    if (!a.length || !f.length) return [];
+    const m = ((g = n.id) == null ? void 0 : g.trim()) || `discovery-edge:${o + 1}`;
     return a.flatMap(
-      (P, y) => d.map((N, h) => {
+      (v, w) => f.map((N, h) => {
         var O, A;
         return {
-          id: a.length === 1 && d.length === 1 ? g : `${g}:${y + 1}:${h + 1}`,
-          from: P,
+          id: a.length === 1 && f.length === 1 ? m : `${m}:${w + 1}:${h + 1}`,
+          from: v,
           to: N,
           kind: ((O = n.kind) == null ? void 0 : O.trim()) || void 0,
           label: ((A = n.label) == null ? void 0 : A.trim()) || void 0
@@ -414,63 +414,63 @@ function Pt(e, t, r) {
   if (!n) return [];
   const o = t.filter(
     (a) => {
-      const d = U(a.route);
-      return d ? Ie(d, n) : !1;
+      const f = U(a.route);
+      return f ? Ie(f, n) : !1;
     }
   );
   if (!o.length) return [];
-  const s = Ce(
+  const i = Ce(
     Ke(r, e.environment)
-  ), i = o.filter(
-    (a) => Ce(a.environment) === s
+  ), s = o.filter(
+    (a) => Ce(a.environment) === i
   );
   return [
     ...new Set(
-      i.map((a) => {
-        var d;
-        return (d = a.scenarioId) == null ? void 0 : d.trim();
+      s.map((a) => {
+        var f;
+        return (f = a.scenarioId) == null ? void 0 : f.trim();
       }).filter((a) => !!a)
     )
-  ].sort((a, d) => a.localeCompare(d));
+  ].sort((a, f) => a.localeCompare(f));
 }
 function Et(e, t) {
-  const r = e.some((s) => s.importKind != null), n = t.candidates ?? [], o = _e(t);
+  const r = e.some((i) => i.importKind != null), n = t.candidates ?? [], o = _e(t);
   return e.filter(
-    (s) => r ? s.importKind === "screens" : !!s.route
-  ).map((s) => ({
-    id: s.id,
-    name: s.name,
-    section: s.section ?? s.canvas ?? "Screens",
-    componentName: s.componentName,
-    gallery: s.gallery,
-    route: s.route,
-    path: s.path,
-    publish: s.publish,
-    width: s.width,
-    height: s.height,
-    frameSizeMode: s.frameSizeMode,
-    heightMode: s.heightMode,
-    maxHeight: s.maxHeight,
-    flow: s.flow,
-    scenario: s.scenario,
-    state: s.state,
-    scenarioId: s.scenarioId,
-    scenarioIds: Pt(s, n, o),
-    interactions: s.interactions,
-    environment: s.environment,
-    preset: s.preset,
-    assertions: s.assertions,
-    sourcePath: [...s.sourcePaths ?? []].filter(Boolean).sort((i, a) => i.localeCompare(a))[0]
+    (i) => r ? i.importKind === "screens" : !!i.route
+  ).map((i) => ({
+    id: i.id,
+    name: i.name,
+    section: i.section ?? i.canvas ?? "Screens",
+    componentName: i.componentName,
+    gallery: i.gallery,
+    route: i.route,
+    path: i.path,
+    publish: i.publish,
+    width: i.width,
+    height: i.height,
+    frameSizeMode: i.frameSizeMode,
+    heightMode: i.heightMode,
+    maxHeight: i.maxHeight,
+    flow: i.flow,
+    scenario: i.scenario,
+    state: i.state,
+    scenarioId: i.scenarioId,
+    scenarioIds: Pt(i, n, o),
+    interactions: i.interactions,
+    environment: i.environment,
+    preset: i.preset,
+    assertions: i.assertions,
+    sourcePath: [...i.sourcePaths ?? []].filter(Boolean).sort((s, a) => s.localeCompare(a))[0]
   }));
 }
 function me(e, t) {
-  var a, d, g, p;
-  const r = (((a = e.interactions) == null ? void 0 : a.length) ?? 0) - (((d = t.interactions) == null ? void 0 : d.length) ?? 0);
+  var a, f, m, p;
+  const r = (((a = e.interactions) == null ? void 0 : a.length) ?? 0) - (((f = t.interactions) == null ? void 0 : f.length) ?? 0);
   if (r !== 0) return r;
-  const n = (g = e.scenarioIds) != null && g.includes("environment:baseline") ? 0 : 1, o = (p = t.scenarioIds) != null && p.includes("environment:baseline") ? 0 : 1;
+  const n = (m = e.scenarioIds) != null && m.includes("environment:baseline") ? 0 : 1, o = (p = t.scenarioIds) != null && p.includes("environment:baseline") ? 0 : 1;
   if (n !== o) return n - o;
-  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 i = !e.environment && !e.preset ? 0 : 1, s = !t.environment && !t.preset ? 0 : 1;
+  return i !== s ? i - s : e.id.localeCompare(t.id);
 }
 function Nt(e) {
   const t = /* @__PURE__ */ new Map();
@@ -514,15 +514,15 @@ function At(e, t) {
   for (const n of e) {
     const o = U(n.route);
     if (!o) continue;
-    const s = `${o}\0${ze(n).join("
")}`, i = r.get(s);
-    i ? i.push(n) : r.set(s, [n]);
+    const i = `${o}\0${ze(n).join("
")}`, s = r.get(i);
+    s ? s.push(n) : r.set(i, [n]);
   }
   return [...r.values()].flatMap((n) => {
     if (n.length < 2) return [];
-    const o = U(n[0].route), s = t.get(o), i = n.find((a) => a.id === s) ?? [...n].sort(me)[0];
-    return n.filter((a) => a.id !== i.id).sort((a, d) => a.id.localeCompare(d.id)).map((a) => ({
-      id: `discovery-variant:${encodeURIComponent(i.id)}:${encodeURIComponent(a.id)}`,
-      from: i.id,
+    const o = U(n[0].route), i = t.get(o), s = n.find((a) => a.id === i) ?? [...n].sort(me)[0];
+    return n.filter((a) => a.id !== s.id).sort((a, f) => a.id.localeCompare(f.id)).map((a) => ({
+      id: `discovery-variant:${encodeURIComponent(s.id)}:${encodeURIComponent(a.id)}`,
+      from: s.id,
       to: a.id,
       kind: "variant"
     }));
@@ -533,45 +533,45 @@ function Ot(e, t) {
   for (const n of e) {
     const o = U(n.route);
     if (!o) continue;
-    const s = r.get(o);
-    s ? s.push(n) : r.set(o, [n]);
+    const i = r.get(o);
+    i ? i.push(n) : r.set(o, [n]);
   }
   return [...r.entries()].flatMap(([n, o]) => {
-    const s = new Map(
-      o.map((d) => [d.id, ze(d)])
-    ), i = t.get(n), a = o.find(
-      (d) => d.id === i
+    const i = new Map(
+      o.map((f) => [f.id, ze(f)])
+    ), s = t.get(n), a = o.find(
+      (f) => f.id === s
     );
-    return o.flatMap((d) => {
-      const g = s.get(d.id);
-      if (!g.length) return [];
-      const m = o.filter(
-        (S) => Ct(
-          s.get(S.id),
-          g
+    return o.flatMap((f) => {
+      const m = i.get(f.id);
+      if (!m.length) return [];
+      const y = o.filter(
+        (g) => Ct(
+          i.get(g.id),
+          m
         )
-      ).sort((S, P) => {
-        const y = s.get(P.id).length - s.get(S.id).length;
-        if (y !== 0) return y;
-        const N = S.flow && S.flow === d.flow ? 0 : 1, h = P.flow && P.flow === d.flow ? 0 : 1;
+      ).sort((g, v) => {
+        const w = i.get(v.id).length - i.get(g.id).length;
+        if (w !== 0) return w;
+        const N = g.flow && g.flow === f.flow ? 0 : 1, h = v.flow && v.flow === f.flow ? 0 : 1;
         if (N !== h) return N - h;
-        const O = S.section && S.section === d.section ? 0 : 1, A = P.section && P.section === d.section ? 0 : 1;
+        const O = g.section && g.section === f.section ? 0 : 1, A = v.section && v.section === f.section ? 0 : 1;
         if (O !== A) return O - A;
-        const $ = S.id === i ? 0 : 1, T = P.id === i ? 0 : 1;
-        return $ !== T ? $ - T : me(S, P);
+        const $ = g.id === s ? 0 : 1, T = v.id === s ? 0 : 1;
+        return $ !== T ? $ - T : me(g, v);
       })[0];
-      return m ? [
+      return y ? [
         {
-          id: `discovery-recipe:${encodeURIComponent(m.id)}:${encodeURIComponent(d.id)}`,
-          from: m.id,
-          to: d.id,
+          id: `discovery-recipe:${encodeURIComponent(y.id)}:${encodeURIComponent(f.id)}`,
+          from: y.id,
+          to: f.id,
           kind: "recipe-step"
         }
-      ] : a && a.id !== d.id && s.get(a.id).join("
") !== g.join("
") ? [
+      ] : a && a.id !== f.id && i.get(a.id).join("
") !== m.join("
") ? [
         {
-          id: `discovery-route-case:${encodeURIComponent(a.id)}:${encodeURIComponent(d.id)}`,
+          id: `discovery-route-case:${encodeURIComponent(a.id)}:${encodeURIComponent(f.id)}`,
           from: a.id,
-          to: d.id,
+          to: f.id,
           kind: "route-case"
         }
       ] : [];
@@ -584,19 +584,19 @@ function $t(e) {
   for (const n of e) {
     const o = (r = n.flow) == null ? void 0 : r.trim();
     if (!o) continue;
-    const s = t.get(o);
-    s ? s.push(n) : t.set(o, [n]);
+    const i = t.get(o);
+    i ? i.push(n) : t.set(o, [n]);
   }
   return [...t.values()].flatMap((n) => {
-    const o = n[0], s = /* @__PURE__ */ new Map();
-    for (const i of n) {
-      const a = U(i.route);
+    const o = n[0], i = /* @__PURE__ */ new Map();
+    for (const s of n) {
+      const a = U(s.route);
       if (!a) continue;
-      const d = s.get(a);
-      d ? d.push(i) : s.set(a, [i]);
+      const f = i.get(a);
+      f ? f.push(s) : i.set(a, [s]);
     }
-    return s.size < 2 ? [] : [...s.values()].flatMap((i) => {
-      const a = [...i].sort(
+    return i.size < 2 ? [] : [...i.values()].flatMap((s) => {
+      const a = [...s].sort(
         me
       )[0];
       return a.id === o.id ? [] : [
@@ -615,74 +615,74 @@ function Mt(e, t, r) {
     (t.routes ?? []).map((o) => U(o.path)).filter((o) => !!o)
   );
   return e.map((o) => {
-    const s = U(o.route);
-    if (!s || r.get(s) !== o.id)
+    const i = U(o.route);
+    if (!i || r.get(i) !== o.id)
       return o;
-    const i = [...n].filter(
-      (a) => Ie(a, s)
+    const s = [...n].filter(
+      (a) => Ie(a, i)
     );
-    return i.length ? {
+    return s.length ? {
       ...o,
       scenarioIds: [
         .../* @__PURE__ */ new Set([
           ...o.scenarioIds ?? [],
-          ...i.map(De)
+          ...s.map(De)
         ])
-      ].sort((a, d) => a.localeCompare(d))
+      ].sort((a, f) => a.localeCompare(f))
     } : o;
   });
 }
 function Tt(e, t) {
-  var g, p, m, S, P;
-  const r = new Set(e.map((y) => y.id)), n = new Map(
-    e.map((y, N) => [y.id, N])
-  ), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-  for (const y of r)
-    o.set(y, /* @__PURE__ */ new Set()), s.set(y, /* @__PURE__ */ new Set()), i.set(y, /* @__PURE__ */ new Set());
-  for (const y of t)
-    !r.has(y.from) || !r.has(y.to) || ((g = o.get(y.to)) == null || g.add(y.from), (p = s.get(y.from)) == null || p.add(y.to), (m = i.get(y.from)) == null || m.add(y.to), (S = i.get(y.to)) == null || S.add(y.from));
-  const a = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
-  for (const y of r) {
-    if (d.has(y)) continue;
-    const N = [], h = [y];
+  var m, p, y, g, v;
+  const r = new Set(e.map((w) => w.id)), n = new Map(
+    e.map((w, N) => [w.id, N])
+  ), o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+  for (const w of r)
+    o.set(w, /* @__PURE__ */ new Set()), i.set(w, /* @__PURE__ */ new Set()), s.set(w, /* @__PURE__ */ new Set());
+  for (const w of t)
+    !r.has(w.from) || !r.has(w.to) || ((m = o.get(w.to)) == null || m.add(w.from), (p = i.get(w.from)) == null || p.add(w.to), (y = s.get(w.from)) == null || y.add(w.to), (g = s.get(w.to)) == null || g.add(w.from));
+  const a = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
+  for (const w of r) {
+    if (f.has(w)) continue;
+    const N = [], h = [w];
     for (; h.length; ) {
-      const b = h.shift();
-      if (!d.has(b)) {
-        d.add(b), N.push(b);
-        for (const x of i.get(b) ?? [])
-          d.has(x) || h.push(x);
+      const S = h.shift();
+      if (!f.has(S)) {
+        f.add(S), N.push(S);
+        for (const P of s.get(S) ?? [])
+          f.has(P) || h.push(P);
       }
     }
-    if (N.length === 1 && (((P = i.get(N[0])) == null ? void 0 : P.size) ?? 0) === 0)
+    if (N.length === 1 && (((v = s.get(N[0])) == null ? void 0 : v.size) ?? 0) === 0)
       continue;
-    const O = N.filter((b) => {
-      var x;
-      return (((x = o.get(b)) == null ? void 0 : x.size) ?? 0) === 0;
+    const O = N.filter((S) => {
+      var P;
+      return (((P = o.get(S)) == null ? void 0 : P.size) ?? 0) === 0;
     }).sort(
-      (b, x) => (n.get(b) ?? Number.MAX_SAFE_INTEGER) - (n.get(x) ?? Number.MAX_SAFE_INTEGER) || b.localeCompare(x)
+      (S, P) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(P) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(P)
     ), A = [...N].sort(
-      (b, x) => (n.get(b) ?? Number.MAX_SAFE_INTEGER) - (n.get(x) ?? Number.MAX_SAFE_INTEGER) || b.localeCompare(x)
+      (S, P) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(P) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(P)
     )[0];
     if (!A) continue;
-    const $ = [A], T = /* @__PURE__ */ new Set(), k = (b) => {
-      const x = [b];
-      for (; x.length; ) {
-        const D = x.shift();
+    const $ = [A], T = /* @__PURE__ */ new Set(), k = (S) => {
+      const P = [S];
+      for (; P.length; ) {
+        const D = P.shift();
         if (!T.has(D)) {
           T.add(D);
-          for (const j of s.get(D) ?? [])
-            T.has(j) || x.push(j);
+          for (const j of i.get(D) ?? [])
+            T.has(j) || P.push(j);
         }
       }
     };
     k(A);
-    for (const b of O)
-      T.has(b) || ($.push(b), k(b));
-    for (const b of $)
-      a.add(b);
+    for (const S of O)
+      T.has(S) || ($.push(S), k(S));
+    for (const S of $)
+      a.add(S);
   }
   return [...a].sort(
-    (y, N) => (n.get(y) ?? Number.MAX_SAFE_INTEGER) - (n.get(N) ?? Number.MAX_SAFE_INTEGER) || y.localeCompare(N)
+    (w, N) => (n.get(w) ?? Number.MAX_SAFE_INTEGER) - (n.get(N) ?? Number.MAX_SAFE_INTEGER) || w.localeCompare(N)
   );
 }
 function _e(e) {
@@ -701,11 +701,11 @@ function kt(e) {
     t,
     e.manifest,
     r
-  ), s = [
+  ), i = [
     ...xt(
       e.manifest.edges,
       r,
-      new Set(n.map((i) => i.id))
+      new Set(n.map((s) => s.id))
     ),
     ...At(n, r),
     ...Ot(n, r),
@@ -715,12 +715,12 @@ function kt(e) {
     screens: n,
     assets: e.assets,
     scenarios: It(e.manifest.routes),
-    inferredEdges: s,
-    startScreenIds: Tt(n, s)
+    inferredEdges: i,
+    startScreenIds: Tt(n, i)
   });
 }
 async function Fe(e) {
-  const r = await (e.fetcher ?? ((o, s) => fetch(o, s)))(e.endpoint, {
+  const r = await (e.fetcher ?? ((o, i) => fetch(o, i)))(e.endpoint, {
     headers: { accept: "application/json" },
     cache: "no-store",
     signal: e.signal
@@ -799,11 +799,11 @@ function qt(e) {
   if (!Array.isArray(e))
     throw new TypeError("Preview recipes must be an array.");
   const t = /* @__PURE__ */ new Set(), r = e.map(({ id: n, recipe: o }) => {
-    const s = X(n);
-    if (t.has(s))
-      throw new TypeError(`Duplicate preview recipe identity: ${s}`);
-    return t.add(s), {
-      id: s,
+    const i = X(n);
+    if (t.has(i))
+      throw new TypeError(`Duplicate preview recipe identity: ${i}`);
+    return t.add(i), {
+      id: i,
       recipe: be(o)
     };
   });
@@ -815,11 +815,11 @@ function wn({
   recipeVersion: r,
   scope: n = Dt
 }) {
-  const o = X(n), s = X(
+  const o = X(n), i = X(
     e,
     zt
-  ), i = Ht(r), a = qt(t);
-  return `${o}:${encodeURIComponent(s)}:recipe-v${i}:${a}`;
+  ), s = Ht(r), a = qt(t);
+  return `${o}:${encodeURIComponent(i)}:recipe-v${s}:${a}`;
 }
 function bn(e) {
   return {
@@ -858,23 +858,23 @@ function Gt({
     throw new TypeError(
       "Preview artifact endpoint must be a non-empty string."
     );
-  const o = t ?? ((s, i) => fetch(s, i));
-  return async (s) => {
-    const i = new URLSearchParams({
-      namespace: s.namespace,
-      sourceRevision: s.sourceRevision
-    }), a = s.captureBaseUrl ?? r;
-    a && i.set("captureBaseUrl", a);
-    const d = n.includes("?") ? "&" : "?", g = await o(
-      `${n}${d}${i}`,
+  const o = t ?? ((i, s) => fetch(i, s));
+  return async (i) => {
+    const s = new URLSearchParams({
+      namespace: i.namespace,
+      sourceRevision: i.sourceRevision
+    }), a = i.captureBaseUrl ?? r;
+    a && s.set("captureBaseUrl", a);
+    const f = n.includes("?") ? "&" : "?", m = await o(
+      `${n}${f}${s}`,
       {
         method: "GET",
         headers: { accept: "application/json" },
         cache: "no-store",
-        signal: s.signal
+        signal: i.signal
       }
     );
-    return g.ok ? g.json().catch(() => null) : null;
+    return m.ok ? m.json().catch(() => null) : null;
   };
 }
 function fe(e) {
@@ -983,21 +983,21 @@ async function Qt({
     namespace: X(e),
     sourceRevision: X(t)
   };
-  let s;
+  let i;
   try {
-    s = await r({ ...o, signal: n });
+    i = await r({ ...o, signal: n });
   } catch (a) {
     if (n != null && n.aborted) throw a;
     return { status: "unavailable", artifact: null, error: a };
   }
-  if (s == null)
+  if (i == null)
     return { status: "unavailable", artifact: null };
-  const i = Wt(s, o);
-  return i.valid ? { status: "accepted", artifact: i.artifact } : {
+  const s = Wt(i, o);
+  return s.valid ? { status: "accepted", artifact: s.artifact } : {
     status: "rejected",
     artifact: null,
-    reason: i.reason,
-    errors: i.errors
+    reason: s.reason,
+    errors: s.errors
   };
 }
 const ue = "var(--pygmalion-catalog-surface, #ffffff)", pe = "var(--pygmalion-catalog-canvas, #f5f5f5)", Se = "var(--pygmalion-catalog-border, #e5e7eb)", he = "var(--pygmalion-catalog-text, #202124)", F = "var(--pygmalion-catalog-muted, #6b7280)", Xt = "var(--pygmalion-catalog-header, #11182f)", Yt = "var(--pygmalion-catalog-accent, #7c6cf2)";
@@ -1007,11 +1007,11 @@ function Sn({
   description: r,
   version: n,
   meta: o,
-  children: s,
-  headerBackground: i = Xt,
+  children: i,
+  headerBackground: s = Xt,
   headerColor: a = "#ffffff",
-  bodyBackground: d = ue,
-  bodyGap: g = 40
+  bodyBackground: f = ue,
+  bodyGap: m = 40
 }) {
   return /* @__PURE__ */ R(
     "section",
@@ -1026,7 +1026,7 @@ function Sn({
         flexDirection: "column",
         overflow: "visible",
         color: he,
-        background: d,
+        background: f,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
@@ -1041,11 +1041,11 @@ function Sn({
               gap: 48,
               padding: "44px 48px 48px",
               color: a,
-              background: i
+              background: s
             },
             children: [
               /* @__PURE__ */ R("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                t ? /* @__PURE__ */ w(
+                t ? /* @__PURE__ */ b(
                   "div",
                   {
                     style: {
@@ -1058,7 +1058,7 @@ function Sn({
                     children: t
                   }
                 ) : null,
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ b(
                   "h1",
                   {
                     style: {
@@ -1072,7 +1072,7 @@ function Sn({
                     children: e
                   }
                 ),
-                r ? /* @__PURE__ */ w(
+                r ? /* @__PURE__ */ b(
                   "div",
                   {
                     style: {
@@ -1097,15 +1097,15 @@ function Sn({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    n ? /* @__PURE__ */ w("span", { children: n }) : null,
-                    o ? /* @__PURE__ */ w("span", { children: o }) : null
+                    n ? /* @__PURE__ */ b("span", { children: n }) : null,
+                    o ? /* @__PURE__ */ b("span", { children: o }) : null
                   ]
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ b(
           "div",
           {
             "data-pygmalion-catalog-document-body": "",
@@ -1114,11 +1114,11 @@ function Sn({
               display: "inline-flex",
               flexDirection: "column",
               alignItems: "flex-start",
-              gap: g,
+              gap: m,
               padding: 48,
-              background: d
+              background: f
             },
-            children: s
+            children: i
           }
         )
       ]
@@ -1148,7 +1148,7 @@ function vn({
       },
       children: [
         /* @__PURE__ */ R("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ b(
             "h2",
             {
               style: {
@@ -1160,9 +1160,9 @@ function vn({
               children: e
             }
           ),
-          typeof t == "number" ? /* @__PURE__ */ w("span", { style: { color: F, fontSize: 11 }, children: t }) : null
+          typeof t == "number" ? /* @__PURE__ */ b("span", { style: { color: F, fontSize: 11 }, children: t }) : null
         ] }),
-        r ? /* @__PURE__ */ w("div", { style: { marginTop: -10, color: F, fontSize: 11 }, children: r }) : null,
+        r ? /* @__PURE__ */ b("div", { style: { marginTop: -10, color: F, fontSize: 11 }, children: r }) : null,
         n
       ]
     }
@@ -1173,12 +1173,12 @@ function In({
   columns: t,
   cornerLabel: r,
   renderCell: n,
-  renderRowLabel: o = (d) => d,
-  renderColumnLabel: s = (d) => d,
-  boundary: i = !0,
+  renderRowLabel: o = (f) => f,
+  renderColumnLabel: i = (f) => f,
+  boundary: s = !0,
   cellStyle: a
 }) {
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ b(
     "div",
     {
       "data-pygmalion-catalog-matrix": "",
@@ -1186,9 +1186,9 @@ function In({
         boxSizing: "border-box",
         display: "inline-block",
         width: "max-content",
-        padding: i ? 16 : 0,
-        border: i ? `1px dashed ${Yt}` : void 0,
-        borderRadius: i ? 4 : void 0
+        padding: s ? 16 : 0,
+        border: s ? `1px dashed ${Yt}` : void 0,
+        borderRadius: s ? 4 : void 0
       },
       children: /* @__PURE__ */ R(
         "table",
@@ -1199,8 +1199,8 @@ function In({
             borderSpacing: 0
           },
           children: [
-            /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ R("tr", { children: [
-              /* @__PURE__ */ w(
+            /* @__PURE__ */ b("thead", { children: /* @__PURE__ */ R("tr", { children: [
+              /* @__PURE__ */ b(
                 "th",
                 {
                   style: {
@@ -1214,7 +1214,7 @@ function In({
                   children: r
                 }
               ),
-              t.map((d) => /* @__PURE__ */ w(
+              t.map((f) => /* @__PURE__ */ b(
                 "th",
                 {
                   style: {
@@ -1225,13 +1225,13 @@ function In({
                     textAlign: "center",
                     whiteSpace: "nowrap"
                   },
-                  children: s(d)
+                  children: i(f)
                 },
-                d
+                f
               ))
             ] }) }),
-            /* @__PURE__ */ w("tbody", { children: e.map((d) => /* @__PURE__ */ R("tr", { children: [
-              /* @__PURE__ */ w(
+            /* @__PURE__ */ b("tbody", { children: e.map((f) => /* @__PURE__ */ R("tr", { children: [
+              /* @__PURE__ */ b(
                 "th",
                 {
                   style: {
@@ -1242,10 +1242,10 @@ function In({
                     textAlign: "left",
                     whiteSpace: "nowrap"
                   },
-                  children: o(d)
+                  children: o(f)
                 }
               ),
-              t.map((g) => /* @__PURE__ */ w(
+              t.map((m) => /* @__PURE__ */ b(
                 "td",
                 {
                   style: {
@@ -1254,11 +1254,11 @@ function In({
                     verticalAlign: "middle",
                     ...a
                   },
-                  children: n(d, g)
+                  children: n(f, m)
                 },
-                g
+                m
               ))
-            ] }, d)) })
+            ] }, f)) })
           ]
         }
       )
@@ -1317,13 +1317,13 @@ function tn({
       },
       children: [
         /* @__PURE__ */ R("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ w("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
+          /* @__PURE__ */ b("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
           /* @__PURE__ */ R("p", { style: { margin: "6px 0 0", color: F, fontSize: 13 }, children: [
             t.length,
             " assets"
           ] })
         ] }),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ b(
           "div",
           {
             style: {
@@ -1331,10 +1331,10 @@ function tn({
               gridTemplateColumns: "repeat(6, max-content)",
               gap: 16
             },
-            children: t.map((s) => /* @__PURE__ */ R(
+            children: t.map((i) => /* @__PURE__ */ R(
               "article",
               {
-                "data-pygmalion-catalog-item": s.id,
+                "data-pygmalion-catalog-item": i.id,
                 style: {
                   minWidth: o,
                   width: o,
@@ -1344,7 +1344,7 @@ function tn({
                   background: ue
                 },
                 children: [
-                  /* @__PURE__ */ w(
+                  /* @__PURE__ */ b(
                     "div",
                     {
                       style: {
@@ -1354,10 +1354,10 @@ function tn({
                         justifyContent: "center",
                         overflow: "hidden"
                       },
-                      children: r(s)
+                      children: r(i)
                     }
                   ),
-                  /* @__PURE__ */ w(
+                  /* @__PURE__ */ b(
                     "div",
                     {
                       style: {
@@ -1368,11 +1368,11 @@ function tn({
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      title: s.name,
-                      children: s.name
+                      title: i.name,
+                      children: i.name
                     }
                   ),
-                  n ? /* @__PURE__ */ w("div", { style: { marginTop: 4, color: F, fontSize: 11, lineHeight: 1.45 }, children: n(s) }) : s.codeName ? /* @__PURE__ */ w(
+                  n ? /* @__PURE__ */ b("div", { style: { marginTop: 4, color: F, fontSize: 11, lineHeight: 1.45 }, children: n(i) }) : i.codeName ? /* @__PURE__ */ b(
                     "div",
                     {
                       style: {
@@ -1384,13 +1384,13 @@ function tn({
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      title: s.codeName,
-                      children: s.codeName
+                      title: i.codeName,
+                      children: i.codeName
                     }
                   ) : null
                 ]
               },
-              s.id
+              i.id
             ))
           }
         )
@@ -1402,26 +1402,26 @@ function xn(e) {
   He(e.items);
   const t = /* @__PURE__ */ new Map();
   for (const o of e.items) {
-    const s = e.pageFor(o), i = t.get(s.id);
-    if (i) {
-      if (i.page.name !== s.name || i.page.section !== s.section)
-        throw new Error(`Conflicting design catalog page descriptor: ${s.id}`);
-      i.items.push(o);
+    const i = e.pageFor(o), s = t.get(i.id);
+    if (s) {
+      if (s.page.name !== i.name || s.page.section !== i.section)
+        throw new Error(`Conflicting design catalog page descriptor: ${i.id}`);
+      s.items.push(o);
       continue;
     }
-    t.set(s.id, {
-      page: s,
+    t.set(i.id, {
+      page: i,
       items: [o],
       registryName: Be(
         e.kind,
-        s.id,
+        i.id,
         e.registryPrefix
       )
     });
   }
   const r = {}, n = [];
   for (const o of t.values()) {
-    const s = () => /* @__PURE__ */ w(
+    const i = () => /* @__PURE__ */ b(
       tn,
       {
         page: o.page,
@@ -1432,16 +1432,16 @@ function xn(e) {
       }
     );
     r[o.registryName] = {
-      component: s,
+      component: i,
       children: "none"
     };
-    const i = en(e.frame, o.page, o.items);
+    const s = en(e.frame, o.page, o.items);
     n.push({
       ...o.page,
       componentName: o.registryName,
-      width: (i == null ? void 0 : i.width) ?? 1,
-      height: (i == null ? void 0 : i.height) ?? 1,
-      frameSizeMode: i ? "fixed" : "content"
+      width: (s == null ? void 0 : s.width) ?? 1,
+      height: (s == null ? void 0 : s.height) ?? 1,
+      frameSizeMode: s ? "fixed" : "content"
     });
   }
   return {
@@ -1454,11 +1454,11 @@ function xn(e) {
   };
 }
 function nn(e, t = 60) {
-  const r = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, a]) => a.length > 0).sort(([a, d], [g, p]) => p.length - d.length || a.localeCompare(g)), n = r[0], o = r[1], s = Math.max(1, (n == null ? void 0 : n[1].length) ?? 1), i = o == null ? void 0 : o[1].slice(0, Math.max(1, Math.floor(t / s)));
+  const r = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, a]) => a.length > 0).sort(([a, f], [m, p]) => p.length - f.length || a.localeCompare(m)), n = r[0], o = r[1], i = Math.max(1, (n == null ? void 0 : n[1].length) ?? 1), s = o == null ? void 0 : o[1].slice(0, Math.max(1, Math.floor(t / i)));
   return {
     row: n,
-    column: o ? [o[0], i ?? []] : void 0,
-    fixed: r.slice(2).map(([a, d]) => [a, d[0]]),
+    column: o ? [o[0], s ?? []] : void 0,
+    fixed: r.slice(2).map(([a, f]) => [a, f[0]]),
     additional: r.slice(2)
   };
 }
@@ -1475,7 +1475,7 @@ function on({
   entry: t,
   maxVariantCells: r
 }) {
-  var a, d;
+  var a, f;
   if (!t)
     return /* @__PURE__ */ R(
       "section",
@@ -1491,12 +1491,12 @@ function on({
           background: pe
         },
         children: [
-          /* @__PURE__ */ w("strong", { children: e.name }),
-          /* @__PURE__ */ w("p", { style: { color: F }, children: "The component is not registered." })
+          /* @__PURE__ */ b("strong", { children: e.name }),
+          /* @__PURE__ */ b("p", { style: { color: F }, children: "The component is not registered." })
         ]
       }
     );
-  const n = nn(t, r), o = ((a = n.row) == null ? void 0 : a[1]) ?? [void 0], s = ((d = n.column) == null ? void 0 : d[1]) ?? [void 0], i = t.component;
+  const n = nn(t, r), o = ((a = n.row) == null ? void 0 : a[1]) ?? [void 0], i = ((f = n.column) == null ? void 0 : f[1]) ?? [void 0], s = t.component;
   return /* @__PURE__ */ R(
     "section",
     {
@@ -1513,21 +1513,21 @@ function on({
       },
       children: [
         /* @__PURE__ */ R("header", { style: { marginBottom: 24 }, children: [
-          /* @__PURE__ */ w("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
-          e.sourcePath ? /* @__PURE__ */ w("p", { style: { margin: "6px 0 0", color: F, fontSize: 12 }, children: e.sourcePath }) : null
+          /* @__PURE__ */ b("h1", { style: { margin: 0, fontSize: 24 }, children: e.name }),
+          e.sourcePath ? /* @__PURE__ */ b("p", { style: { margin: "6px 0 0", color: F, fontSize: 12 }, children: e.sourcePath }) : null
         ] }),
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ b(
           "div",
           {
             style: {
               display: "inline-grid",
-              gridTemplateColumns: `repeat(${s.length}, max-content)`,
+              gridTemplateColumns: `repeat(${i.length}, max-content)`,
               gap: 12
             },
             children: o.flatMap(
-              (g) => s.map((p) => {
-                const m = rn(t, n, g, p), S = [
-                  n.row && g ? `${n.row[0]}=${g}` : "",
+              (m) => i.map((p) => {
+                const y = rn(t, n, m, p), g = [
+                  n.row && m ? `${n.row[0]}=${m}` : "",
                   n.column && p ? `${n.column[0]}=${p}` : ""
                 ].filter(Boolean).join(" · ");
                 return /* @__PURE__ */ R(
@@ -1541,23 +1541,23 @@ function on({
                       background: ue
                     },
                     children: [
-                      S ? /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: S }) : null,
-                      /* @__PURE__ */ w("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Ee(
-                        i,
-                        m,
+                      g ? /* @__PURE__ */ b("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: g }) : null,
+                      /* @__PURE__ */ b("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Ee(
+                        s,
+                        y,
                         t.children === "text" ? t.defaultChildren ?? e.name : void 0
                       ) })
                     ]
                   },
-                  `${g ?? "default"}:${p ?? "default"}`
+                  `${m ?? "default"}:${p ?? "default"}`
                 );
               })
             )
           }
         ),
-        n.additional.map(([g, p]) => /* @__PURE__ */ R("section", { style: { marginTop: 20 }, children: [
-          /* @__PURE__ */ w("h2", { style: { margin: "0 0 10px", color: F, fontSize: 12 }, children: g }),
-          /* @__PURE__ */ w("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: p.map((m) => /* @__PURE__ */ R(
+        n.additional.map(([m, p]) => /* @__PURE__ */ R("section", { style: { marginTop: 20 }, children: [
+          /* @__PURE__ */ b("h2", { style: { margin: "0 0 10px", color: F, fontSize: 12 }, children: m }),
+          /* @__PURE__ */ b("div", { style: { display: "flex", flexWrap: "wrap", gap: 12 }, children: p.map((y) => /* @__PURE__ */ R(
             "article",
             {
               style: {
@@ -1567,17 +1567,17 @@ function on({
                 background: ue
               },
               children: [
-                /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: m }),
+                /* @__PURE__ */ b("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: y }),
                 Ee(
-                  i,
-                  { ...t.defaultProps, [g]: m },
+                  s,
+                  { ...t.defaultProps, [m]: y },
                   t.children === "text" ? t.defaultChildren ?? e.name : void 0
                 )
               ]
             },
-            m
+            y
           )) })
-        ] }, g))
+        ] }, m))
       ]
     }
   );
@@ -1585,30 +1585,30 @@ function on({
 function Pn(e) {
   He(e.items);
   const t = {}, r = [], n = [], o = e.maxVariantCells ?? 60;
-  for (const s of e.items) {
-    const i = Be(
+  for (const i of e.items) {
+    const s = Be(
       e.kind,
-      s.id,
+      i.id,
       e.registryPrefix
-    ), a = e.registry[s.name], d = () => /* @__PURE__ */ w(
+    ), a = e.registry[i.name], f = () => /* @__PURE__ */ b(
       on,
       {
-        item: s,
+        item: i,
         entry: a,
         maxVariantCells: o
       }
     );
-    t[i] = { component: d, children: "none" }, r.push({
-      id: s.id,
-      name: s.name,
-      section: s.section,
-      componentName: i,
+    t[s] = { component: f, children: "none" }, r.push({
+      id: i.id,
+      name: i.name,
+      section: i.section,
+      componentName: s,
       // 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(Ue(s, s.id));
+    }), n.push(Ue(i, i.id));
   }
   return {
     registry: t,
@@ -1664,28 +1664,28 @@ function ln(e, t) {
   if (typeof r.id != "string" || !r.id) return null;
   const n = ge(r), o = ge(r.before) ?? n;
   if (!o) return null;
-  const s = ge(r.after);
-  if (t === "changed" && !s) return null;
-  const i = s ? cn(r.pixelDiff) : null;
+  const i = ge(r.after);
+  if (t === "changed" && !i) return null;
+  const s = i ? cn(r.pixelDiff) : null;
   return {
     id: r.id,
     before: o,
-    ...s ? { after: s } : {},
-    ...s ? {
-      domChanged: o.domStructureHash !== s.domStructureHash,
-      screenshotChanged: o.screenshotHash !== s.screenshotHash
+    ...i ? { after: i } : {},
+    ...i ? {
+      domChanged: o.domStructureHash !== i.domStructureHash,
+      screenshotChanged: o.screenshotHash !== i.screenshotHash
     } : {},
-    ...i ? { pixelDiff: i } : {}
+    ...s ? { pixelDiff: s } : {}
   };
 }
 function dn(e, t = []) {
-  const r = new Set(t), n = r.size > 0, o = /* @__PURE__ */ new Set(), s = [
-    ...e.styles.map((i) => i.affectedFrames ?? []),
-    ...e.texts.map((i) => i.affectedFrames ?? []),
-    ...e.operations.map((i) => i.affectedFrames ?? [])
+  const r = new Set(t), n = r.size > 0, o = /* @__PURE__ */ new Set(), i = [
+    ...e.styles.map((s) => s.affectedFrames ?? []),
+    ...e.texts.map((s) => s.affectedFrames ?? []),
+    ...e.operations.map((s) => s.affectedFrames ?? [])
   ];
-  for (const i of s)
-    for (const a of i) {
+  for (const s of i)
+    for (const a of s) {
       if (n && an.test(a.id) && !r.has(a.id))
         throw new Error(
           `"Impact Screen"${a.name}"This internal editor ID (${a.id}) is used. A canonical screen ID is required.`
@@ -1706,17 +1706,17 @@ async function Te(e, t, r) {
     );
   if (typeof o.baselineId != "string" || !o.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const s = Array.isArray(o.frames) ? o.frames.map((p) => ln(p, r.phase)).filter((p) => p != null) : [], i = Array.isArray(o.failures) ? o.failures.map((p) => {
+  const i = Array.isArray(o.frames) ? o.frames.map((p) => ln(p, r.phase)).filter((p) => p != null) : [], s = Array.isArray(o.failures) ? o.failures.map((p) => {
     if (!p || typeof p != "object" || Array.isArray(p)) return null;
-    const m = p;
-    return typeof m.id == "string" && typeof m.error == "string" ? { id: m.id, error: m.error } : null;
-  }).filter((p) => p != null) : [], a = new Set(r.frameIds), g = new Set(s.map((p) => p.id)).size === s.length && s.every((p) => a.has(p.id)) && i.every((p) => a.has(p.id));
+    const y = p;
+    return typeof y.id == "string" && typeof y.error == "string" ? { id: y.id, error: y.error } : null;
+  }).filter((p) => p != null) : [], a = new Set(r.frameIds), m = new Set(i.map((p) => p.id)).size === i.length && i.every((p) => a.has(p.id)) && s.every((p) => a.has(p.id));
   return {
     phase: r.phase,
     baselineId: o.baselineId,
-    complete: o.complete !== !1 && g && i.length === 0 && s.length === r.frameIds.length,
-    frames: s,
-    failures: i
+    complete: o.complete !== !1 && m && s.length === 0 && i.length === r.frameIds.length,
+    frames: i,
+    failures: s
   };
 }
 const ye = {
@@ -1749,20 +1749,20 @@ async function G(e) {
   return t;
 }
 function En(e = {}) {
-  var ie, re, oe, c, f;
+  var se, re, oe, c, d;
   const {
     sessionId: t,
     sessionStorageKey: r = fn,
     autoStart: n = !0,
     fetcher: o = fetch,
-    formatApplyMessage: s
-  } = e, i = ((ie = e.endpoints) == null ? void 0 : ie.mirror) ?? ye.mirror, a = ((re = e.endpoints) == null ? void 0 : re.sessions) ?? ye.sessions, d = ((oe = e.endpoints) == null ? void 0 : oe.inspect) ?? ye.inspect, g = e.visualQa != null, p = ((c = e.visualQa) == null ? void 0 : c.endpoint) ?? un, m = JSON.stringify(((f = e.visualQa) == null ? void 0 : f.eligibleFrameIds) ?? []), S = le(
-    () => JSON.parse(m),
-    [m]
-  ), P = le(
+    formatApplyMessage: i
+  } = e, s = ((se = e.endpoints) == null ? void 0 : se.mirror) ?? ye.mirror, a = ((re = e.endpoints) == null ? void 0 : re.sessions) ?? ye.sessions, f = ((oe = e.endpoints) == null ? void 0 : oe.inspect) ?? ye.inspect, m = e.visualQa != null, p = ((c = e.visualQa) == null ? void 0 : c.endpoint) ?? un, y = JSON.stringify(((d = e.visualQa) == null ? void 0 : d.eligibleFrameIds) ?? []), g = le(
+    () => JSON.parse(y),
+    [y]
+  ), v = le(
     () => pn(t, r),
     [t, r]
-  ), [y, N] = ee({
+  ), [w, N] = ee({
     state: "idle",
     commit: null,
     shortCommit: null,
@@ -1776,31 +1776,31 @@ function En(e = {}) {
     refs: [],
     defaultRef: null,
     worktreeRef: null
-  }), b = Ne(null), x = Ne(null), D = W(
+  }), S = Ne(null), P = Ne(null), D = W(
     async (l = !0, u) => {
-      if (u != null && b.current && await b.current.catch(() => {
-      }), b.current) return b.current;
-      const I = (async () => {
-        N((v) => ({ ...v, state: "syncing", error: null }));
+      if (u != null && S.current && await S.current.catch(() => {
+      }), S.current) return S.current;
+      const x = (async () => {
+        N((I) => ({ ...I, state: "syncing", error: null }));
         try {
-          const v = u != null;
-          let M = await o(`${i}/${l || v ? "refresh" : "status"}`, {
-            method: l || v ? "POST" : "GET",
-            ...v ? {
+          const I = u != null;
+          let M = await o(`${s}/${l || I ? "refresh" : "status"}`, {
+            method: l || I ? "POST" : "GET",
+            ...I ? {
               headers: { "content-type": "application/json" },
               body: JSON.stringify({ ref: u })
             } : {}
           }), C = await G(M);
           const L = Date.now();
           for (; !l && C.state === "syncing" && Date.now() - L < 12e4; )
-            await new Promise((Z) => window.setTimeout(Z, 500)), M = await o(`${i}/status`), C = await G(M);
+            await new Promise((Z) => window.setTimeout(Z, 500)), M = await o(`${s}/status`), C = await G(M);
           if (C.state !== "ready" || !C.appOrigin || !C.commit)
             throw new Error(C.error ?? "Pygmalion could not prepare the source preview");
           const q = await G(
             await o(`${a}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: P, baseDevSha: C.commit })
+              body: JSON.stringify({ sessionId: v, baseDevSha: C.commit })
             })
           );
           if (!q.ok || !q.session)
@@ -1819,26 +1819,26 @@ function En(e = {}) {
             H = Z.session;
           }
           N(C), O(H), $(H.appOrigin ?? C.appOrigin);
-        } catch (v) {
+        } catch (I) {
           N((M) => ({
             ...M,
             state: "error",
-            error: v instanceof Error ? v.message : String(v)
+            error: I instanceof Error ? I.message : String(I)
           }));
         }
       })();
-      b.current = I;
+      S.current = x;
       try {
-        await I;
+        await x;
       } finally {
-        b.current === I && (b.current = null);
+        S.current === x && (S.current = null);
       }
     },
-    [o, i, a, P]
+    [o, s, a, v]
   ), j = W(async () => {
     try {
       const l = await G(
-        await o(`${i}/refs`)
+        await o(`${s}/refs`)
       ), u = {
         refs: l.refs ?? [],
         defaultRef: l.defaultRef ?? null,
@@ -1848,7 +1848,7 @@ function En(e = {}) {
     } catch {
       return T;
     }
-  }, [o, i, T]), Y = W(
+  }, [o, s, T]), Y = W(
     async (l, u) => {
       if (h != null && h.branchName && !(u != null && u.discardEdits))
         throw new Error(
@@ -1861,10 +1861,10 @@ function En(e = {}) {
     async (l) => {
       var C;
       if (!h) throw new Error("Pygmalion design session is not ready");
-      const u = x.current;
+      const u = P.current;
       if (u && (u.sessionId !== h.id || u.baseDevSha !== h.baseDevSha || u.revision !== h.revision || u.fingerprint !== JSON.stringify(l)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const I = await G(
+      const x = await G(
         await o(`${a}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -1877,17 +1877,17 @@ function En(e = {}) {
           })
         })
       );
-      if (!I.ok || !I.session)
-        throw new Error(I.error ?? "Pygmalion could not apply the visual changes");
-      O(I.session), I.session.appOrigin && $(I.session.appOrigin);
-      const v = I.applied ?? l.styles.length + l.texts.length + l.operations.length;
+      if (!x.ok || !x.session)
+        throw new Error(x.error ?? "Pygmalion could not apply the visual changes");
+      O(x.session), x.session.appOrigin && $(x.session.appOrigin);
+      const I = x.applied ?? l.styles.length + l.texts.length + l.operations.length;
       let M;
-      if (u != null && u.qaBaselineId && ((C = u.qaFrameIds) != null && C.length) && I.session.appOrigin)
+      if (u != null && u.qaBaselineId && ((C = u.qaFrameIds) != null && C.length) && x.session.appOrigin)
         try {
           M = await Te(o, p, {
             phase: "changed",
             baselineId: u.qaBaselineId,
-            basePath: $e(I.session.appOrigin, window.location.origin),
+            basePath: $e(x.session.appOrigin, window.location.origin),
             frameIds: u.qaFrameIds
           });
         } catch (L) {
@@ -1900,20 +1900,20 @@ function En(e = {}) {
             failures: u.qaFrameIds.map((H) => ({ id: H, error: q }))
           };
         }
-      return x.current = null, {
-        applied: v,
-        branch: I.session.branchName ?? void 0,
-        integration: I.session.integration.state,
-        message: s == null ? void 0 : s(I.session, v),
+      return P.current = null, {
+        applied: I,
+        branch: x.session.branchName ?? void 0,
+        integration: x.session.integration.state,
+        message: i == null ? void 0 : i(x.session, I),
         ...M ? { qa: M } : {}
       };
     },
-    [o, s, p, h, a]
+    [o, i, p, h, a]
   ), V = W(
     async (l) => {
       var C;
       if (!h) throw new Error("Pygmalion design session is not ready");
-      x.current = null;
+      P.current = null;
       const u = await G(
         await o(`${a}/preview-visual`, {
           method: "POST",
@@ -1928,48 +1928,48 @@ function En(e = {}) {
       );
       if (!u.ok || !Number.isSafeInteger(u.revision))
         throw new Error(u.error ?? "Pygmalion could not preview the visual changes");
-      const I = g ? dn(l, S) : [];
-      let v;
-      const M = h.appOrigin ?? y.appOrigin;
-      if (I.length > 0) {
+      const x = m ? dn(l, g) : [];
+      let I;
+      const M = h.appOrigin ?? w.appOrigin;
+      if (x.length > 0) {
         if (!M)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (v = await Te(o, p, {
+        if (I = await Te(o, p, {
           phase: "baseline",
           basePath: $e(M, window.location.origin),
-          frameIds: I
-        }), !v.complete)
+          frameIds: x
+        }), !I.complete)
           throw new Error(
-            ((C = v.failures[0]) == null ? void 0 : C.error) ?? `Failed to capture ${I.length - v.frames.length} affected frames`
+            ((C = I.failures[0]) == null ? void 0 : C.error) ?? `Failed to capture ${x.length - I.frames.length} affected frames`
           );
       }
-      return x.current = {
+      return P.current = {
         sessionId: h.id,
         baseDevSha: h.baseDevSha,
         revision: u.revision,
         fingerprint: JSON.stringify(l),
-        ...v ? { qaBaselineId: v.baselineId, qaFrameIds: I } : {}
+        ...I ? { qaBaselineId: I.baselineId, qaFrameIds: x } : {}
       }, {
         revision: u.revision,
         files: Array.isArray(u.files) ? u.files : [],
         affectedFiles: Array.isArray(u.affectedFiles) ? u.affectedFiles : [],
-        ...v ? { qa: v } : {}
+        ...I ? { qa: I } : {}
       };
     },
     [
       o,
-      y.appOrigin,
-      S,
+      w.appOrigin,
+      g,
       p,
       h,
       a,
-      g
+      m
     ]
   ), E = W(
     async (l) => {
       if (l.length === 0) return { files: [] };
       const u = await G(
-        await o(`${d}/impact`, {
+        await o(`${f}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({ componentFiles: l })
@@ -1979,7 +1979,7 @@ function En(e = {}) {
         throw new Error(u.error ?? "Pygmalion could not calculate source impact");
       return { files: Array.isArray(u.files) ? u.files : [] };
     },
-    [o, d]
+    [o, f]
   ), B = W(async () => {
     if (!(h != null && h.canRevert) || !h.headSha)
       throw new Error("There are no reversible changes applied");
@@ -1997,7 +1997,7 @@ function En(e = {}) {
     );
     if (!l.ok || l.reverted !== !0 || !l.operation || l.operation.kind !== "visual-revert" || !l.session)
       throw new Error(l.error ?? "Pygmalion could not revert the last visual change");
-    return x.current = null, O(l.session), l.session.appOrigin && $(l.session.appOrigin), {
+    return P.current = null, O(l.session), l.session.appOrigin && $(l.session.appOrigin), {
       reverted: !0,
       operation: l.operation,
       session: l.session
@@ -2008,9 +2008,9 @@ function En(e = {}) {
   }, [n, D]), te(() => {
     n && j();
   }, [n]);
-  const _ = (h == null ? void 0 : h.appOrigin) ?? y.appOrigin ?? A, ne = (h == null ? void 0 : h.headSha) ?? (h == null ? void 0 : h.baseDevSha) ?? y.commit ?? "pending";
+  const _ = (h == null ? void 0 : h.appOrigin) ?? w.appOrigin ?? A, ne = (h == null ? void 0 : h.headSha) ?? (h == null ? void 0 : h.baseDevSha) ?? w.commit ?? "pending";
   return {
-    mirror: y,
+    mirror: w,
     session: h,
     ready: A != null,
     appOrigin: _,
@@ -2032,52 +2032,76 @@ function Nn({
   onChange: r,
   busy: n = !1,
   defaultRef: o = null,
-  worktreeRef: s = null,
-  label: i = "Source",
-  className: a
+  worktreeRef: i = null,
+  label: s = "Source revision",
+  children: a,
+  className: f
 }) {
-  const d = le(
+  const m = le(
     () => ({
-      local: t.filter((m) => m.kind === "local"),
-      remote: t.filter((m) => m.kind === "remote")
+      local: t.filter((g) => g.kind === "local"),
+      remote: t.filter((g) => g.kind === "remote")
     }),
     [t]
-  ), g = le(() => {
-    const m = new Set(t.map((S) => S.name));
-    return o && m.add(o), s && m.add(s), m;
-  }, [o, t, s]), p = e ?? o ?? "";
-  return /* @__PURE__ */ R("label", { className: a, "data-pygmalion-source-ref": "", title: p || i, children: [
-    /* @__PURE__ */ w("span", { "data-pygmalion-source-ref-label": "", children: i }),
-    /* @__PURE__ */ R(
-      "select",
-      {
-        value: p,
-        disabled: n,
-        "aria-label": i,
-        onChange: (m) => {
-          const S = m.target.value;
-          S && S !== p && r(S);
-        },
-        children: [
-          p && !g.has(p) ? /* @__PURE__ */ w("option", { value: p, children: p }) : null,
-          s ? /* @__PURE__ */ R("option", { value: s, children: [
-            s,
-            " · uncommitted work"
-          ] }) : null,
-          d.local.length > 0 ? /* @__PURE__ */ w("optgroup", { label: "local", children: d.local.map((m) => /* @__PURE__ */ R("option", { value: m.name, children: [
-            m.name,
-            " · ",
-            m.commit
-          ] }, m.fullName)) }) : null,
-          d.remote.length > 0 ? /* @__PURE__ */ w("optgroup", { label: "remote", children: d.remote.map((m) => /* @__PURE__ */ R("option", { value: m.name, children: [
-            m.name,
-            " · ",
-            m.commit
-          ] }, m.fullName)) }) : null
-        ]
-      }
-    )
-  ] });
+  ), p = le(() => {
+    const g = new Set(t.map((v) => v.name));
+    return o && g.add(o), i && g.add(i), g;
+  }, [o, t, i]), y = e ?? o ?? "";
+  return /* @__PURE__ */ R(
+    "span",
+    {
+      className: f,
+      "data-pygmalion-source-ref": "",
+      "data-busy": n ? "" : void 0,
+      style: { position: "relative", display: "inline-flex", alignItems: "center" },
+      children: [
+        a ?? /* @__PURE__ */ b("span", { "data-pygmalion-source-ref-value": "", children: y || s }),
+        /* @__PURE__ */ R(
+          "select",
+          {
+            value: y,
+            disabled: n,
+            "aria-label": s,
+            "data-pygmalion-source-ref-select": "",
+            onChange: (g) => {
+              const v = g.target.value;
+              v && v !== y && r(v);
+            },
+            style: {
+              position: "absolute",
+              inset: 0,
+              width: "100%",
+              height: "100%",
+              opacity: 0,
+              cursor: n ? "default" : "pointer",
+              // The native menu stays reachable; only the painted trigger is the host's.
+              appearance: "none",
+              border: 0,
+              padding: 0,
+              margin: 0
+            },
+            children: [
+              y && !p.has(y) ? /* @__PURE__ */ b("option", { value: y, children: y }) : null,
+              i ? /* @__PURE__ */ R("option", { value: i, children: [
+                i,
+                " · uncommitted work"
+              ] }) : null,
+              m.local.length > 0 ? /* @__PURE__ */ b("optgroup", { label: "local", children: m.local.map((g) => /* @__PURE__ */ R("option", { value: g.name, children: [
+                g.name,
+                " · ",
+                g.commit
+              ] }, g.fullName)) }) : null,
+              m.remote.length > 0 ? /* @__PURE__ */ b("optgroup", { label: "remote", children: m.remote.map((g) => /* @__PURE__ */ R("option", { value: g.name, children: [
+                g.name,
+                " · ",
+                g.commit
+              ] }, g.fullName)) }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 const Rn = {
   editor: K,
@@ -2100,16 +2124,16 @@ function $n({
   initialPages: r,
   designImport: n,
   onTokensChange: o,
-  appOrigin: s,
-  previewRevision: i,
+  appOrigin: i,
+  previewRevision: s,
   previewCacheNamespace: a,
-  previewArtifacts: d,
-  previewArtifactEndpoint: g,
+  previewArtifacts: f,
+  previewArtifactEndpoint: m,
   previewConcurrency: p,
-  previewOpen: m,
-  onPreviewOpenChange: S,
-  flowCanvas: P,
-  onApply: y,
+  previewOpen: y,
+  onPreviewOpenChange: g,
+  flowCanvas: v,
+  onApply: w,
   onDesignChange: N,
   onInspectApply: h,
   onInspectPreview: O,
@@ -2117,17 +2141,17 @@ function $n({
   storyboardDiscovery: $ = !0,
   storyboardDiscoveryEndpoint: T = at
 }) {
-  const [k, b] = ee(!$), [x, D] = ee();
+  const [k, S] = ee(!$), [P, D] = ee();
   n && (n.assertComplete(), Ve(n));
   const j = e ?? (n == null ? void 0 : n.getRegistry()), Y = t ?? (n == null ? void 0 : n.getTokens()), J = r ?? (n == null ? void 0 : n.getInitialPages());
-  j && We(j), Y && Qe(Y), lt(o ?? null), s != null && Xe(s), i != null && Ye(i), Ze(a);
-  const V = x ?? d;
+  j && We(j), Y && Qe(Y), lt(o ?? null), i != null && Xe(i), s != null && Ye(s), Ze(a);
+  const V = P ?? f;
   return V && J && k && et(V, {
     namespace: a ?? "",
     previewRevision: ft(),
     appOrigin: dt(),
     baselineEnvironment: tt(),
-    allowStaleIdentity: x == null && !!g,
+    allowStaleIdentity: P == null && !!m,
     pages: J.flatMap(
       (E) => E.route && E.importPageId ? [
         {
@@ -2142,41 +2166,41 @@ function $n({
         }
       ] : []
     )
-  }), p != null && nt(p), ut(S ?? null), P != null && rt(P), pt(y ?? null), ht(h ?? null), ot(O ?? null), mt(A ?? null), J && K.initPagesFromComponents(J), te(() => {
+  }), p != null && nt(p), ut(g ?? null), v != null && rt(v), pt(w ?? null), ht(h ?? null), ot(O ?? null), mt(A ?? null), J && K.initPagesFromComponents(J), te(() => {
     Pe(N ?? null);
-    const E = st(K);
+    const E = it(K);
     return () => {
       E(), Pe(null);
     };
   }, [N]), te(() => {
-    if (D(void 0), !k || !g || !(a != null && a.trim()) || !(i != null && i.trim()))
+    if (D(void 0), !k || !m || !(a != null && a.trim()) || !(s != null && s.trim()))
       return;
     const E = new AbortController();
     return Qt({
       namespace: a,
-      sourceRevision: it(i),
+      sourceRevision: st(s),
       transport: Gt({
-        endpoint: g,
-        captureBaseUrl: s
+        endpoint: m,
+        captureBaseUrl: i
       }),
       signal: E.signal
     }).then((B) => {
       !E.signal.aborted && B.status === "accepted" && D(B.artifact);
     }), () => E.abort();
   }, [
-    g,
+    m,
     a,
-    i,
     s,
+    i,
     k
   ]), te(() => {
     let E = !0;
     if (!$)
-      return se(void 0), b(!0), () => {
+      return ie(void 0), S(!0), () => {
         E = !1;
       };
     const B = new AbortController();
-    return b(!1), se(void 0), Q(null), Fe({
+    return S(!1), ie(void 0), Q(null), Fe({
       endpoint: T,
       signal: B.signal,
       pages: K.pages.map((_) => ({
@@ -2186,13 +2210,13 @@ function $n({
       })),
       assets: (n == null ? void 0 : n.getAssets("screens")) ?? []
     }).then((_) => {
-      E && (se(_.baselineEnvironment), Q(_.graph));
+      E && (ie(_.baselineEnvironment), Q(_.graph));
     }).catch(() => {
-      E && (se(void 0), Q(null));
+      E && (ie(void 0), Q(null));
     }).finally(() => {
-      E && b(!0);
+      E && S(!0);
     }), () => {
-      E = !1, B.abort(), se(void 0), Q(null);
+      E = !1, B.abort(), ie(void 0), Q(null);
     };
   }, [
     n,
@@ -2200,8 +2224,8 @@ function $n({
     $,
     T
   ]), te(() => {
-    m == null || m === K.previewOpen || (m ? K.openPreview({ notifyHost: !1 }) : K.closePreview({ notifyHost: !1 }));
-  }, [m]), k ? /* @__PURE__ */ w(ct, {}) : /* @__PURE__ */ w(
+    y == null || y === K.previewOpen || (y ? K.openPreview({ notifyHost: !1 }) : K.closePreview({ notifyHost: !1 }));
+  }, [y]), k ? /* @__PURE__ */ b(ct, {}) : /* @__PURE__ */ b(
     "div",
     {
       "data-pygmalion-storyboard-loading": "",
@@ -2268,7 +2292,7 @@ export {
   Xe as setPygmalionAppOrigin,
   nt as setPygmalionPreviewConcurrency,
   Ye as setPygmalionPreviewRevision,
-  se as setStoryboardBaselineEnvironment,
+  ie as setStoryboardBaselineEnvironment,
   Q as setStoryboardGraph,
   Qe as setTokens,
   gt as storyboardScreenRecipeKey,