@pygmalionjs/pygmalion 0.2.19 → 0.2.21

package/dist-lib/pygmalion.js

@@ -1,7 +1,7 @@
-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";
+import { jsxs as N, jsx as w } from "react/jsx-runtime";
+import { b as Q, m as Ge, v as Ve, c as qe, i as Je, g as Le, e as K, d as We, a as Qe, f as Xe, h as Ye, j as Ze, k as et, l as tt, n as nt, o as rt, p as ot, q as it, r as st, t as at, u as ct, w as ie, S as lt, A as dt, x as xe, y as ft, z as ut, B as pt, C as ht, D as mt, E as gt, G as yt, H as Pe } from "./App-B_6qmxhS.js";
+import { I as zn, J as _n, K as Fn, L as jn, M as Bn, O as Un, P as Hn, Q as Kn, R as Gn, T as Vn, U as qn, V as Jn, W as Ln, X as Wn, Y as Qn, Z as Xn, _ as Yn, $ as Zn } from "./App-B_6qmxhS.js";
+import { createElement as Ee, useMemo as de, useState as te, useRef as Ne, useCallback as W, useEffect as ne } from "react";
 function we(e, t = /* @__PURE__ */ new Set()) {
   if (e == null || typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e))
     return e;
@@ -11,14 +11,14 @@ function we(e, t = /* @__PURE__ */ new Set()) {
   if (t.has(e))
     throw new Error("A storyboard recipe cannot contain circular references.");
   t.add(e);
-  const r = {};
+  const o = {};
   for (const n of Object.keys(e).sort()) {
-    const o = e[n];
-    o !== void 0 && (r[n] = we(o, t));
+    const r = e[n];
+    r !== void 0 && (o[n] = we(r, t));
   }
-  return t.delete(e), r;
+  return t.delete(e), o;
 }
-function gt(e) {
+function wt(e) {
   return JSON.stringify(
     we({
       version: 1,
@@ -40,17 +40,17 @@ function gt(e) {
   );
 }
 function z(e) {
-  return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, r) => t.localeCompare(r));
+  return [...new Set([...e].map((t) => t == null ? void 0 : t.trim()).filter(Boolean))].sort((t, o) => t.localeCompare(o));
 }
-function yt(e, t) {
+function bt(e, t) {
   var n;
   return ((n = e.id) == null ? void 0 : n.trim()) || `edge:${t + 1}`;
 }
-function wt(e) {
-  const t = [...e.screens].sort((n, o) => n.id.localeCompare(o.id)), r = t[0].id;
+function St(e) {
+  const t = [...e.screens].sort((n, r) => n.id.localeCompare(r.id)), o = t[0].id;
   return {
-    id: `story:${r}`,
-    canonicalScreenId: r,
+    id: `story:${o}`,
+    canonicalScreenId: o,
     screenIds: t.map((n) => n.id),
     names: z(t.map((n) => n.name)),
     recipeKey: e.recipeKey,
@@ -75,210 +75,210 @@ function Re(e) {
     e.scenarioId
   ].join(":");
 }
-function bt(e) {
+function vt(e) {
   var re, oe;
-  const t = [], r = [], n = /* @__PURE__ */ new Map();
+  const t = [], o = [], n = /* @__PURE__ */ new Map();
   for (const c of e.screens) {
-    const d = c.id.trim();
-    if (!d || n.has(d)) {
+    const f = c.id.trim();
+    if (!f || n.has(f)) {
       t.push({
         code: "duplicate-screen-id",
         severity: "error",
-        message: d ? `Multiple storyboard screens use the id "${d}".` : "A storyboard screen has an empty id.",
-        screenId: d || void 0
+        message: f ? `Multiple storyboard screens use the id "${f}".` : "A storyboard screen has an empty id.",
+        screenId: f || void 0
       });
       continue;
     }
-    const l = d === c.id ? c : { ...c, id: d };
-    n.set(d, l), r.push(l);
+    const d = f === c.id ? c : { ...c, id: f };
+    n.set(f, d), o.push(d);
   }
-  const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-  for (const c of r) {
-    let d;
+  const r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
+  for (const c of o) {
+    let f;
     try {
-      if (d = (e.recipeKey ?? gt)(c), !d.trim()) throw new Error("Recipe keys cannot be empty.");
+      if (f = (e.recipeKey ?? wt)(c), !f.trim()) throw new Error("Recipe keys cannot be empty.");
     } catch (u) {
       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
-      }), d = `invalid:${c.id}`;
+      }), f = `invalid:${c.id}`;
     }
-    const l = o.get(d);
-    l ? l.screens.push(c) : o.set(d, { recipeKey: d, screens: [c] });
+    const d = r.get(f);
+    d ? d.screens.push(c) : r.set(f, { recipeKey: f, screens: [c] });
   }
-  const s = [...o.values()].map(wt).sort((c, d) => c.id.localeCompare(d.id)), a = {};
+  const s = [...r.values()].map(St).sort((c, f) => c.id.localeCompare(f.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 f of c.screenIds) a[f] = c.id;
+  const l = new Map(s.map((c) => [c.id, c])), g = /* @__PURE__ */ new Map();
   for (const c of e.assets ?? []) {
-    const d = m.get(c.pageId);
-    d ? d.push(c) : m.set(c.pageId, [c]);
+    const f = g.get(c.pageId);
+    f ? f.push(c) : g.set(c.pageId, [c]);
   }
   const p = s.map((c) => {
-    const d = c.screenIds.flatMap(
-      (l) => m.get(l) ?? []
+    const f = c.screenIds.flatMap(
+      (d) => g.get(d) ?? []
     );
     return {
       ...c,
       scenarioIds: z([
         ...c.scenarioIds,
-        ...d.map((l) => l.scenarioId)
+        ...f.map((d) => d.scenarioId)
       ]),
       sourceKeys: z([
         ...c.sourceKeys,
-        ...d.map((l) => l.sourcePath)
+        ...f.map((d) => d.sourcePath)
       ])
     };
-  }), y = /* @__PURE__ */ new Map();
+  }), b = /* @__PURE__ */ new Map();
   for (const c of p)
-    for (const d of c.routes) {
-      const l = y.get(d);
-      l ? l.push(c.id) : y.set(d, [c.id]);
+    for (const f of c.routes) {
+      const d = b.get(f);
+      d ? d.push(c.id) : b.set(f, [c.id]);
     }
-  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) ?? []);
+  const m = (c, f, d) => {
+    const u = c.trim(), P = a[u] ?? (l.has(u) ? u : null);
+    if (P) return P;
+    const I = z(b.get(u) ?? []);
     return I.length === 1 ? I[0] : I.length > 1 ? (t.push({
-      code: l === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
+      code: d === "source" ? "ambiguous-edge-source" : "ambiguous-edge-target",
       severity: "error",
-      message: `Storyboard edge "${d}" references an ambiguous ${l} route.`,
-      edgeId: d,
+      message: `Storyboard edge "${f}" references an ambiguous ${d} route.`,
+      edgeId: f,
       screenId: u || void 0
     }), null) : (t.push({
-      code: l === "source" ? "unknown-edge-source" : "unknown-edge-target",
+      code: d === "source" ? "unknown-edge-source" : "unknown-edge-target",
       severity: "error",
-      message: `Storyboard edge "${d}" references an unknown ${l}.`,
-      edgeId: d,
+      message: `Storyboard edge "${f}" references an unknown ${d}.`,
+      edgeId: f,
       screenId: u || void 0
     }), null);
-  }, v = [], w = /* @__PURE__ */ new Map(), N = [
+  }, v = [], y = /* @__PURE__ */ new Map(), R = [
     ["explicit", e.explicitEdges ?? []],
     ["inferred", e.inferredEdges ?? []]
   ];
   let h = 0;
-  for (const [c, d] of N)
-    for (const l of d) {
-      const u = yt(l, h);
+  for (const [c, f] of R)
+    for (const d of f) {
+      const u = bt(d, h);
       h += 1;
-      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);
+      const P = m(d.from, u, "source"), I = m(d.to, u, "target");
+      if (!P || !I || P === I) continue;
+      const M = `${P}\0${I}`, C = y.get(M);
       if (C) {
         if (!C.sourceEdgeIds.includes(u)) {
-          const q = {
+          const V = {
             ...C,
             sourceEdgeIds: z([
               ...C.sourceEdgeIds,
               u
             ])
           };
-          w.set(M, q);
+          y.set(M, V);
           const H = v.indexOf(C);
-          H >= 0 && (v[H] = q);
+          H >= 0 && (v[H] = V);
         }
         continue;
       }
       const L = {
         id: u,
-        from: x,
+        from: P,
         to: I,
-        kind: ((re = l.kind) == null ? void 0 : re.trim()) || void 0,
-        label: ((oe = l.label) == null ? void 0 : oe.trim()) || void 0,
+        kind: ((re = d.kind) == null ? void 0 : re.trim()) || void 0,
+        label: ((oe = d.label) == null ? void 0 : oe.trim()) || void 0,
         origin: c,
         sourceEdgeIds: [u]
       };
-      w.set(M, L), v.push(L);
+      y.set(M, L), v.push(L);
     }
   v.sort(
-    (c, d) => `${c.from}:${c.to}:${c.id}`.localeCompare(`${d.from}:${d.to}:${d.id}`)
+    (c, f) => `${c.from}:${c.to}:${c.id}`.localeCompare(`${f.from}:${f.to}:${f.id}`)
   );
   const O = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
   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 f = A.get(c.from);
+    f ? f.push(c) : A.set(c.from, [c]);
+    const d = O.get(c.to);
+    d ? d.push(c) : O.set(c.to, [c]);
   }
-  const $ = [];
+  const D = [];
   for (const c of e.startScreenIds ?? []) {
-    const d = c.trim(), l = a[d] ?? (f.has(d) ? d : null);
-    if (!l) {
+    const f = c.trim(), d = a[f] ?? (l.has(f) ? f : null);
+    if (!d) {
       t.push({
         code: "unknown-start-screen",
         severity: "error",
-        message: `Storyboard start references an unknown screen "${d}".`,
-        screenId: d || void 0
+        message: `Storyboard start references an unknown screen "${f}".`,
+        screenId: f || void 0
       });
       continue;
     }
-    $.push(l);
+    D.push(d);
   }
-  const T = new Set($);
-  let k = z($);
+  const $ = new Set(D);
+  let k = z(D);
   k.length || (k = p.filter((c) => {
-    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();
+    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 S = /* @__PURE__ */ new Set(), x = [...k];
+  for (; x.length; ) {
+    const c = x.shift();
     if (!S.has(c)) {
       S.add(c);
-      for (const d of A.get(c) ?? []) P.push(d.to);
+      for (const f of A.get(c) ?? []) x.push(f.to);
     }
   }
-  const D = p.filter((c) => {
-    var l, u;
-    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;
+  const T = p.filter((c) => {
+    var d, u;
+    const f = (((d = O.get(c.id)) == null ? void 0 : d.length) ?? 0) === 0 && (((u = A.get(c.id)) == null ? void 0 : u.length) ?? 0) === 0 && !$.has(c.id);
+    return !S.has(c.id) || f && p.length > 1;
   });
-  for (const c of D)
-    for (const d of c.screenIds)
+  for (const c of T)
+    for (const f of c.screenIds)
       t.push({
         code: "disconnected-screen",
         severity: "warning",
-        message: `Storyboard screen "${d}" is not connected to a graph branch.`,
-        screenId: d,
+        message: `Storyboard screen "${f}" is not connected to a graph branch.`,
+        screenId: f,
         nodeId: c.id
       });
   const j = /* @__PURE__ */ new Map();
   for (const c of p)
-    for (const d of c.sourceKeys) {
-      const l = j.get(d) ?? {
+    for (const f of c.sourceKeys) {
+      const d = j.get(f) ?? {
         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(d, l);
+      d.nodeIds.add(c.id);
+      for (const u of c.screenIds) d.screenIds.add(u);
+      j.set(f, d);
     }
-  const Y = [...j.entries()].map(([c, d]) => ({
+  const X = [...j.entries()].map(([c, f]) => ({
     sourceKey: c,
-    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)
+    nodeIds: [...f.nodeIds].sort((d, u) => d.localeCompare(u)),
+    screenIds: [...f.screenIds].sort((d, u) => d.localeCompare(u)),
+    shared: f.nodeIds.size > 1
+  })).sort((c, f) => c.sourceKey.localeCompare(f.sourceKey)), Y = p.map((c) => {
+    const f = [...A.get(c.id) ?? []].sort(
+      (d, u) => d.id.localeCompare(u.id)
     );
     return {
       nodeId: c.id,
-      edgeIds: d.map((l) => l.id),
-      targetNodeIds: z(d.map((l) => l.to))
+      edgeIds: f.map((d) => d.id),
+      targetNodeIds: z(f.map((d) => d.to))
     };
-  }).filter((c) => c.targetNodeIds.length > 1).sort((c, d) => c.nodeId.localeCompare(d.nodeId)), V = new Set(
+  }).filter((c) => c.targetNodeIds.length > 1).sort((c, f) => c.nodeId.localeCompare(f.nodeId)), G = new Set(
     p.flatMap((c) => c.scenarioIds)
-  ), E = new Set(
+  ), Z = new Set(
     (e.nonVisualScenarioIds ?? []).map((c) => c.trim())
-  ), B = z(
+  ), E = z(
     (e.scenarios ?? []).map((c) => c.id)
-  ), _ = B.filter(
-    (c) => !V.has(c) && !E.has(c)
+  ), B = E.filter(
+    (c) => !G.has(c) && !Z.has(c)
   );
-  for (const c of _)
+  for (const c of B)
     t.push({
       code: "missing-code-scenario",
       severity: "warning",
@@ -286,122 +286,122 @@ function bt(e) {
       scenarioId: c
     });
   t.sort(
-    (c, d) => Re(c).localeCompare(Re(d))
+    (c, f) => Re(c).localeCompare(Re(f))
   );
-  const ne = z(
-    D.flatMap((c) => c.screenIds)
-  ), se = {
-    screens: r.length,
+  const _ = z(
+    T.flatMap((c) => c.screenIds)
+  ), ae = {
+    screens: o.length,
     canonicalNodes: p.length,
-    mergedScreens: Math.max(0, r.length - p.length),
+    mergedScreens: Math.max(0, o.length - p.length),
     edges: v.length,
-    connectedNodes: p.length - D.length,
-    disconnectedScreens: ne,
-    codeScenarios: B.length,
-    representedScenarios: B.filter(
-      (c) => V.has(c)
+    connectedNodes: p.length - T.length,
+    disconnectedScreens: _,
+    codeScenarios: E.length,
+    representedScenarios: E.filter(
+      (c) => G.has(c)
     ).length,
-    missingScenarios: _,
-    complete: ne.length === 0 && _.length === 0 && !t.some((c) => c.severity === "error") && i.size === 0
+    missingScenarios: B,
+    complete: _.length === 0 && B.length === 0 && !t.some((c) => c.severity === "error") && i.size === 0
   };
   return {
     version: 1,
     nodes: p,
     edges: v,
     aliases: Object.fromEntries(
-      Object.entries(a).sort(([c], [d]) => c.localeCompare(d))
+      Object.entries(a).sort(([c], [f]) => c.localeCompare(f))
     ),
-    sourceGroups: Y,
+    sourceGroups: X,
     startNodeIds: k,
-    branches: J,
+    branches: Y,
     warnings: t,
-    coverage: se
+    coverage: ae
   };
 }
-function St(e) {
+function It(e) {
   return e ? JSON.parse(JSON.stringify(e)) : void 0;
 }
-function de(e) {
-  if (Array.isArray(e)) return e.map(de);
+function fe(e) {
+  if (Array.isArray(e)) return e.map(fe);
   if (e && typeof e == "object") {
-    const t = Object.entries(e).filter(([, r]) => r !== void 0).sort(([r], [n]) => r.localeCompare(n)).map(([r, n]) => [r, de(n)]).filter(([, r]) => r !== void 0);
+    const t = Object.entries(e).filter(([, o]) => o !== void 0).sort(([o], [n]) => o.localeCompare(n)).map(([o, n]) => [o, fe(n)]).filter(([, o]) => o !== void 0);
     return t.length ? Object.fromEntries(t) : void 0;
   }
   return e;
 }
 function Ce(e) {
-  return JSON.stringify(de(e ?? null));
+  return JSON.stringify(fe(e ?? null));
 }
-function vt(e) {
+function xt(e) {
   return !!(e && typeof e == "object" && !Array.isArray(e));
 }
 function U(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return null;
-  let r = t;
+  let o = t;
   try {
-    /^[a-z][a-z\d+.-]*:\/\//i.test(t) && (r = new URL(t).pathname);
+    /^[a-z][a-z\d+.-]*:\/\//i.test(t) && (o = new URL(t).pathname);
   } catch {
     return null;
   }
-  return r = r.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), r.startsWith("/") || (r = `/${r}`), r.length > 1 && (r = r.replace(/\/+$/, "")), r || "/";
+  return o = o.split(/[?#]/, 1)[0].replace(/\/{2,}/g, "/"), o.startsWith("/") || (o = `/${o}`), o.length > 1 && (o = o.replace(/\/+$/, "")), o || "/";
 }
-function De(e) {
+function ke(e) {
   return `source-route:${encodeURIComponent(e)}`;
 }
 function Ie(e, t) {
-  const r = e.split("/").filter(Boolean), n = t.split("/").filter(Boolean);
-  let o = 0;
-  for (let i = 0; i < r.length; i += 1) {
-    const s = r[i];
+  const o = e.split("/").filter(Boolean), n = t.split("/").filter(Boolean);
+  let r = 0;
+  for (let i = 0; i < o.length; i += 1) {
+    const s = o[i];
     if (s === "*" || s.startsWith("*")) return !0;
-    const a = n[o];
+    const a = n[r];
     if (!(s.endsWith("?") && a == null)) {
       if (a == null || !s.startsWith(":") && s !== a) return !1;
-      o += 1;
+      r += 1;
     }
   }
-  return o === n.length;
+  return r === n.length;
 }
 function Ae(e, t) {
-  const r = U(e);
-  if (!r) return [];
-  const n = t.get(r);
-  return n && !/[:*]/.test(r) ? [n] : [
+  const o = U(e);
+  if (!o) return [];
+  const n = t.get(o);
+  return n && !/[:*]/.test(o) ? [n] : [
     ...new Set(
-      [...t.entries()].filter(([o]) => Ie(r, o)).map(([, o]) => o)
+      [...t.entries()].filter(([r]) => Ie(o, r)).map(([, r]) => r)
     )
-  ].sort((o, i) => o.localeCompare(i));
+  ].sort((r, i) => r.localeCompare(i));
 }
-function It(e) {
-  var r;
+function Pt(e) {
+  var o;
   const t = /* @__PURE__ */ new Map();
   for (const n of e ?? []) {
-    const o = U(n.path);
-    !o || t.has(o) || t.set(o, {
-      id: De(o),
-      name: o,
+    const r = U(n.path);
+    !r || t.has(r) || t.set(r, {
+      id: ke(r),
+      name: r,
       section: "Source routes",
-      codeName: ((r = n.id) == null ? void 0 : r.trim()) || void 0
+      codeName: ((o = n.id) == null ? void 0 : o.trim()) || void 0
     });
   }
-  return [...t.values()].sort((n, o) => n.id.localeCompare(o.id));
+  return [...t.values()].sort((n, r) => n.id.localeCompare(r.id));
 }
-function xt(e, t, r) {
-  return (e ?? []).flatMap((n, o) => {
-    var p, y, g;
-    const i = (p = n.from) == null ? void 0 : p.trim(), s = (y = n.to) == null ? void 0 : y.trim();
+function Et(e, t, o) {
+  return (e ?? []).flatMap((n, r) => {
+    var p, b, m;
+    const i = (p = n.from) == null ? void 0 : p.trim(), s = (b = n.to) == null ? void 0 : b.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}`;
+    const a = o.has(i) ? [i] : Ae(i, t), l = o.has(s) ? [s] : Ae(s, t);
+    if (!a.length || !l.length) return [];
+    const g = ((m = n.id) == null ? void 0 : m.trim()) || `discovery-edge:${r + 1}`;
     return a.flatMap(
-      (v, w) => f.map((N, h) => {
+      (v, y) => l.map((R, h) => {
         var O, A;
         return {
-          id: a.length === 1 && f.length === 1 ? m : `${m}:${w + 1}:${h + 1}`,
+          id: a.length === 1 && l.length === 1 ? g : `${g}:${y + 1}:${h + 1}`,
           from: v,
-          to: N,
+          to: R,
           kind: ((O = n.kind) == null ? void 0 : O.trim()) || void 0,
           label: ((A = n.label) == null ? void 0 : A.trim()) || void 0
         };
@@ -409,34 +409,34 @@ function xt(e, t, r) {
     );
   });
 }
-function Pt(e, t, r) {
+function Nt(e, t, o) {
   const n = U(e.route);
   if (!n) return [];
-  const o = t.filter(
+  const r = t.filter(
     (a) => {
-      const f = U(a.route);
-      return f ? Ie(f, n) : !1;
+      const l = U(a.route);
+      return l ? Ie(l, n) : !1;
     }
   );
-  if (!o.length) return [];
+  if (!r.length) return [];
   const i = Ce(
-    Ke(r, e.environment)
-  ), s = o.filter(
+    Ge(o, e.environment)
+  ), s = r.filter(
     (a) => Ce(a.environment) === i
   );
   return [
     ...new Set(
       s.map((a) => {
-        var f;
-        return (f = a.scenarioId) == null ? void 0 : f.trim();
+        var l;
+        return (l = a.scenarioId) == null ? void 0 : l.trim();
       }).filter((a) => !!a)
     )
-  ].sort((a, f) => a.localeCompare(f));
+  ].sort((a, l) => a.localeCompare(l));
 }
-function Et(e, t) {
-  const r = e.some((i) => i.importKind != null), n = t.candidates ?? [], o = _e(t);
+function Rt(e, t) {
+  const o = e.some((i) => i.importKind != null), n = t.candidates ?? [], r = _e(t);
   return e.filter(
-    (i) => r ? i.importKind === "screens" : !!i.route
+    (i) => o ? i.importKind === "screens" : !!i.route
   ).map((i) => ({
     id: i.id,
     name: i.name,
@@ -455,7 +455,7 @@ function Et(e, t) {
     scenario: i.scenario,
     state: i.state,
     scenarioId: i.scenarioId,
-    scenarioIds: Pt(i, n, o),
+    scenarioIds: Nt(i, n, r),
     interactions: i.interactions,
     environment: i.environment,
     preset: i.preset,
@@ -464,32 +464,32 @@ function Et(e, t) {
   }));
 }
 function me(e, t) {
-  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 = (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;
+  var a, l, g, p;
+  const o = (((a = e.interactions) == null ? void 0 : a.length) ?? 0) - (((l = t.interactions) == null ? void 0 : l.length) ?? 0);
+  if (o !== 0) return o;
+  const n = (g = e.scenarioIds) != null && g.includes("environment:baseline") ? 0 : 1, r = (p = t.scenarioIds) != null && p.includes("environment:baseline") ? 0 : 1;
+  if (n !== r) return n - r;
   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) {
+function Ct(e) {
   const t = /* @__PURE__ */ new Map();
-  for (const r of e) {
-    const n = U(r.route);
+  for (const o of e) {
+    const n = U(o.route);
     if (!n) continue;
-    const o = t.get(n);
-    o ? o.push(r) : t.set(n, [r]);
+    const r = t.get(n);
+    r ? r.push(o) : t.set(n, [o]);
   }
   return new Map(
-    [...t.entries()].map(([r, n]) => {
-      const o = [...n].sort(me);
-      return [r, o[0].id];
+    [...t.entries()].map(([o, n]) => {
+      const r = [...n].sort(me);
+      return [o, r[0].id];
     })
   );
 }
-function Rt(e) {
+function At(e) {
   return e.action === "wait" ? null : JSON.stringify(
-    de({
+    fe({
       action: e.action,
       selector: e.selector,
       text: e.text,
@@ -504,23 +504,23 @@ function Rt(e) {
   );
 }
 function ze(e) {
-  return (e.interactions ?? []).map(Rt).filter((t) => t != null);
+  return (e.interactions ?? []).map(At).filter((t) => t != null);
 }
-function Ct(e, t) {
-  return e.length < t.length && e.every((r, n) => r === t[n]);
+function Ot(e, t) {
+  return e.length < t.length && e.every((o, n) => o === t[n]);
 }
-function At(e, t) {
-  const r = /* @__PURE__ */ new Map();
+function $t(e, t) {
+  const o = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const o = U(n.route);
-    if (!o) continue;
-    const i = `${o}\0${ze(n).join("
")}`, s = r.get(i);
-    s ? s.push(n) : r.set(i, [n]);
+    const r = U(n.route);
+    if (!r) continue;
+    const i = `${r}\0${ze(n).join("
")}`, s = o.get(i);
+    s ? s.push(n) : o.set(i, [n]);
   }
-  return [...r.values()].flatMap((n) => {
+  return [...o.values()].flatMap((n) => {
     if (n.length < 2) return [];
-    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) => ({
+    const r = U(n[0].route), i = t.get(r), s = n.find((a) => a.id === i) ?? [...n].sort(me)[0];
+    return n.filter((a) => a.id !== s.id).sort((a, l) => a.id.localeCompare(l.id)).map((a) => ({
       id: `discovery-variant:${encodeURIComponent(s.id)}:${encodeURIComponent(a.id)}`,
       from: s.id,
       to: a.id,
@@ -528,81 +528,81 @@ function At(e, t) {
     }));
   });
 }
-function Ot(e, t) {
-  const r = /* @__PURE__ */ new Map();
+function Mt(e, t) {
+  const o = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const o = U(n.route);
-    if (!o) continue;
-    const i = r.get(o);
-    i ? i.push(n) : r.set(o, [n]);
+    const r = U(n.route);
+    if (!r) continue;
+    const i = o.get(r);
+    i ? i.push(n) : o.set(r, [n]);
   }
-  return [...r.entries()].flatMap(([n, o]) => {
+  return [...o.entries()].flatMap(([n, r]) => {
     const i = new Map(
-      o.map((f) => [f.id, ze(f)])
-    ), s = t.get(n), a = o.find(
-      (f) => f.id === s
+      r.map((l) => [l.id, ze(l)])
+    ), s = t.get(n), a = r.find(
+      (l) => l.id === s
     );
-    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
+    return r.flatMap((l) => {
+      const g = i.get(l.id);
+      if (!g.length) return [];
+      const b = r.filter(
+        (m) => Ot(
+          i.get(m.id),
+          g
         )
-      ).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 = g.section && g.section === f.section ? 0 : 1, A = v.section && v.section === f.section ? 0 : 1;
+      ).sort((m, v) => {
+        const y = i.get(v.id).length - i.get(m.id).length;
+        if (y !== 0) return y;
+        const R = m.flow && m.flow === l.flow ? 0 : 1, h = v.flow && v.flow === l.flow ? 0 : 1;
+        if (R !== h) return R - h;
+        const O = m.section && m.section === l.section ? 0 : 1, A = v.section && v.section === l.section ? 0 : 1;
         if (O !== A) return O - A;
-        const $ = g.id === s ? 0 : 1, T = v.id === s ? 0 : 1;
-        return $ !== T ? $ - T : me(g, v);
+        const D = m.id === s ? 0 : 1, $ = v.id === s ? 0 : 1;
+        return D !== $ ? D - $ : me(m, v);
       })[0];
-      return y ? [
+      return b ? [
         {
-          id: `discovery-recipe:${encodeURIComponent(y.id)}:${encodeURIComponent(f.id)}`,
-          from: y.id,
-          to: f.id,
+          id: `discovery-recipe:${encodeURIComponent(b.id)}:${encodeURIComponent(l.id)}`,
+          from: b.id,
+          to: l.id,
           kind: "recipe-step"
         }
-      ] : a && a.id !== f.id && i.get(a.id).join("
") !== m.join("
") ? [
+      ] : a && a.id !== l.id && i.get(a.id).join("
") !== g.join("
") ? [
         {
-          id: `discovery-route-case:${encodeURIComponent(a.id)}:${encodeURIComponent(f.id)}`,
+          id: `discovery-route-case:${encodeURIComponent(a.id)}:${encodeURIComponent(l.id)}`,
           from: a.id,
-          to: f.id,
+          to: l.id,
           kind: "route-case"
         }
       ] : [];
     });
   });
 }
-function $t(e) {
-  var r;
+function Tt(e) {
+  var o;
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
-    const o = (r = n.flow) == null ? void 0 : r.trim();
-    if (!o) continue;
-    const i = t.get(o);
-    i ? i.push(n) : t.set(o, [n]);
+    const r = (o = n.flow) == null ? void 0 : o.trim();
+    if (!r) continue;
+    const i = t.get(r);
+    i ? i.push(n) : t.set(r, [n]);
   }
   return [...t.values()].flatMap((n) => {
-    const o = n[0], i = /* @__PURE__ */ new Map();
+    const r = n[0], i = /* @__PURE__ */ new Map();
     for (const s of n) {
       const a = U(s.route);
       if (!a) continue;
-      const f = i.get(a);
-      f ? f.push(s) : i.set(a, [s]);
+      const l = i.get(a);
+      l ? l.push(s) : i.set(a, [s]);
     }
     return i.size < 2 ? [] : [...i.values()].flatMap((s) => {
       const a = [...s].sort(
         me
       )[0];
-      return a.id === o.id ? [] : [
+      return a.id === r.id ? [] : [
         {
-          id: `discovery-flow-route:${encodeURIComponent(o.id)}:${encodeURIComponent(a.id)}`,
-          from: o.id,
+          id: `discovery-flow-route:${encodeURIComponent(r.id)}:${encodeURIComponent(a.id)}`,
+          from: r.id,
           to: a.id,
           kind: "flow-route"
         }
@@ -610,137 +610,137 @@ function $t(e) {
     });
   });
 }
-function Mt(e, t, r) {
+function Dt(e, t, o) {
   const n = new Set(
-    (t.routes ?? []).map((o) => U(o.path)).filter((o) => !!o)
+    (t.routes ?? []).map((r) => U(r.path)).filter((r) => !!r)
   );
-  return e.map((o) => {
-    const i = U(o.route);
-    if (!i || r.get(i) !== o.id)
-      return o;
+  return e.map((r) => {
+    const i = U(r.route);
+    if (!i || o.get(i) !== r.id)
+      return r;
     const s = [...n].filter(
       (a) => Ie(a, i)
     );
     return s.length ? {
-      ...o,
+      ...r,
       scenarioIds: [
         .../* @__PURE__ */ new Set([
-          ...o.scenarioIds ?? [],
-          ...s.map(De)
+          ...r.scenarioIds ?? [],
+          ...s.map(ke)
         ])
-      ].sort((a, f) => a.localeCompare(f))
-    } : o;
+      ].sort((a, l) => a.localeCompare(l))
+    } : r;
   });
 }
-function Tt(e, t) {
-  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];
+function kt(e, t) {
+  var g, p, b, m, v;
+  const o = new Set(e.map((y) => y.id)), n = new Map(
+    e.map((y, R) => [y.id, R])
+  ), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+  for (const y of o)
+    r.set(y, /* @__PURE__ */ new Set()), i.set(y, /* @__PURE__ */ new Set()), s.set(y, /* @__PURE__ */ new Set());
+  for (const y of t)
+    !o.has(y.from) || !o.has(y.to) || ((g = r.get(y.to)) == null || g.add(y.from), (p = i.get(y.from)) == null || p.add(y.to), (b = s.get(y.from)) == null || b.add(y.to), (m = s.get(y.to)) == null || m.add(y.from));
+  const a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
+  for (const y of o) {
+    if (l.has(y)) continue;
+    const R = [], h = [y];
     for (; h.length; ) {
       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 (!l.has(S)) {
+        l.add(S), R.push(S);
+        for (const x of s.get(S) ?? [])
+          l.has(x) || h.push(x);
       }
     }
-    if (N.length === 1 && (((v = s.get(N[0])) == null ? void 0 : v.size) ?? 0) === 0)
+    if (R.length === 1 && (((v = s.get(R[0])) == null ? void 0 : v.size) ?? 0) === 0)
       continue;
-    const O = N.filter((S) => {
-      var P;
-      return (((P = o.get(S)) == null ? void 0 : P.size) ?? 0) === 0;
+    const O = R.filter((S) => {
+      var x;
+      return (((x = r.get(S)) == null ? void 0 : x.size) ?? 0) === 0;
     }).sort(
-      (S, P) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(P) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(P)
-    ), A = [...N].sort(
-      (S, P) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(P) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(P)
+      (S, x) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(x) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(x)
+    ), A = [...R].sort(
+      (S, x) => (n.get(S) ?? Number.MAX_SAFE_INTEGER) - (n.get(x) ?? Number.MAX_SAFE_INTEGER) || S.localeCompare(x)
     )[0];
     if (!A) continue;
-    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 i.get(D) ?? [])
-            T.has(j) || P.push(j);
+    const D = [A], $ = /* @__PURE__ */ new Set(), k = (S) => {
+      const x = [S];
+      for (; x.length; ) {
+        const T = x.shift();
+        if (!$.has(T)) {
+          $.add(T);
+          for (const j of i.get(T) ?? [])
+            $.has(j) || x.push(j);
         }
       }
     };
     k(A);
     for (const S of O)
-      T.has(S) || ($.push(S), k(S));
-    for (const S of $)
+      $.has(S) || (D.push(S), k(S));
+    for (const S of D)
       a.add(S);
   }
   return [...a].sort(
-    (w, N) => (n.get(w) ?? Number.MAX_SAFE_INTEGER) - (n.get(N) ?? Number.MAX_SAFE_INTEGER) || w.localeCompare(N)
+    (y, R) => (n.get(y) ?? Number.MAX_SAFE_INTEGER) - (n.get(R) ?? Number.MAX_SAFE_INTEGER) || y.localeCompare(R)
   );
 }
 function _e(e) {
-  var t, r;
-  return St(
-    (r = (t = e.scenarios) == null ? void 0 : t.find(
+  var t, o;
+  return It(
+    (o = (t = e.scenarios) == null ? void 0 : t.find(
       (n) => n.id === "environment:baseline"
-    )) == null ? void 0 : r.environment
+    )) == null ? void 0 : o.environment
   );
 }
-function kt(e) {
-  const t = Et(
+function zt(e) {
+  const t = Rt(
     e.pages,
     e.manifest
-  ), r = Nt(t), n = Mt(
+  ), o = Ct(t), n = Dt(
     t,
     e.manifest,
-    r
+    o
   ), i = [
-    ...xt(
+    ...Et(
       e.manifest.edges,
-      r,
+      o,
       new Set(n.map((s) => s.id))
     ),
-    ...At(n, r),
-    ...Ot(n, r),
-    ...$t(n)
+    ...$t(n, o),
+    ...Mt(n, o),
+    ...Tt(n)
   ];
-  return bt({
+  return vt({
     screens: n,
     assets: e.assets,
-    scenarios: It(e.manifest.routes),
+    scenarios: Pt(e.manifest.routes),
     inferredEdges: i,
-    startScreenIds: Tt(n, i)
+    startScreenIds: kt(n, i)
   });
 }
 async function Fe(e) {
-  const r = await (e.fetcher ?? ((o, i) => fetch(o, i)))(e.endpoint, {
+  const o = await (e.fetcher ?? ((r, i) => fetch(r, i)))(e.endpoint, {
     headers: { accept: "application/json" },
     cache: "no-store",
     signal: e.signal
   });
-  if (!r.ok)
-    throw new Error(`Storyboard discovery failed (${r.status})`);
-  const n = await r.json();
-  if (!vt(n))
+  if (!o.ok)
+    throw new Error(`Storyboard discovery failed (${o.status})`);
+  const n = await o.json();
+  if (!xt(n))
     throw new Error("Storyboard discovery returned an invalid manifest.");
   return {
     manifest: n,
     baselineEnvironment: _e(n),
-    graph: kt({
+    graph: zt({
       manifest: n,
       pages: e.pages,
       assets: e.assets
     })
   };
 }
-async function yn(e) {
+async function bn(e) {
   Q(null);
   try {
     const t = await Fe(e);
@@ -749,18 +749,18 @@ async function yn(e) {
     throw Q(null), t;
   }
 }
-const Dt = "pygmalion-preview", zt = "unknown", _t = 512, Ft = 2048, jt = 8 * 1024 * 1024, Bt = 128 * 1024 * 1024, Ut = /* @__PURE__ */ new Set([
+const _t = "pygmalion-preview", Ft = "unknown", jt = 512, Bt = 2048, Ut = 8 * 1024 * 1024, Ht = 128 * 1024 * 1024, Kt = /* @__PURE__ */ new Set([
   "__proto__",
   "constructor",
   "prototype"
 ]);
-function X(e, t) {
-  const r = e.trim();
-  if (!r && t != null) return t;
-  if (ce(r)) return r;
+function J(e, t) {
+  const o = e.trim();
+  if (!o && t != null) return t;
+  if (le(o)) return o;
   throw new TypeError("Preview identity must be a non-empty bounded string.");
 }
-function Ht(e) {
+function Gt(e) {
   const t = e ?? 1;
   if (!Number.isSafeInteger(t) || t < 1)
     throw new TypeError(
@@ -777,51 +777,60 @@ function be(e, t = /* @__PURE__ */ new Set()) {
       "Preview recipe identity cannot contain circular values."
     );
   if (t.add(e), Array.isArray(e)) {
-    const n = e.map((o) => be(o, t));
+    const n = e.map((r) => be(r, t));
     return t.delete(e), n;
   }
-  const r = {};
+  const o = {};
   for (const n of Object.keys(e).sort()) {
-    const o = e[n];
-    o !== void 0 && (r[n] = be(o, t));
+    const r = e[n];
+    r !== void 0 && (o[n] = be(r, t));
   }
-  return t.delete(e), r;
+  return t.delete(e), o;
 }
-function Kt(e) {
-  let t = 2166136261, r = 2654435769;
+function Vt(e) {
+  let t = 2166136261, o = 2654435769;
   for (let n = 0; n < e.length; n += 1) {
-    const o = e.charCodeAt(n);
-    t = Math.imul(t ^ o, 16777619), r = Math.imul(r ^ o + n, 2246822507);
+    const r = e.charCodeAt(n);
+    t = Math.imul(t ^ r, 16777619), o = Math.imul(o ^ r + n, 2246822507);
   }
-  return `${(t >>> 0).toString(16).padStart(8, "0")}${(r >>> 0).toString(16).padStart(8, "0")}`;
+  return `${(t >>> 0).toString(16).padStart(8, "0")}${(o >>> 0).toString(16).padStart(8, "0")}`;
 }
-function qt(e) {
+function je(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 i = X(n);
+  const t = /* @__PURE__ */ new Set(), o = e.map(({ id: n, recipe: r }) => {
+    const i = J(n);
     if (t.has(i))
       throw new TypeError(`Duplicate preview recipe identity: ${i}`);
     return t.add(i), {
       id: i,
-      recipe: be(o)
+      recipe: be(r)
     };
   });
-  return Kt(JSON.stringify(r));
+  return Vt(JSON.stringify(o));
 }
-function wn({
+function Sn(e, t = {}) {
+  const o = qt(e), n = t.dependencyDigest;
+  return je([
+    {
+      id: J(e.id ?? "", "frame"),
+      recipe: n == null ? o : { recipe: o, dependencyDigest: J(n) }
+    }
+  ]);
+}
+function vn({
   sourceRevision: e,
   recipes: t,
-  recipeVersion: r,
-  scope: n = Dt
+  recipeVersion: o,
+  scope: n = _t
 }) {
-  const o = X(n), i = X(
+  const r = J(n), i = J(
     e,
-    zt
-  ), s = Ht(r), a = qt(t);
-  return `${o}:${encodeURIComponent(i)}:recipe-v${s}:${a}`;
+    Ft
+  ), s = Gt(o), a = je(t);
+  return `${r}:${encodeURIComponent(i)}:recipe-v${s}:${a}`;
 }
-function bn(e) {
+function qt(e) {
   return {
     route: e.route,
     path: e.path,
@@ -848,25 +857,27 @@ function bn(e) {
     assertions: e.assertions
   };
 }
-function Gt({
+function Jt({
   endpoint: e,
   fetcher: t,
-  captureBaseUrl: r
+  captureBaseUrl: o
 }) {
   const n = e.trim();
   if (!n)
     throw new TypeError(
       "Preview artifact endpoint must be a non-empty string."
     );
-  const o = t ?? ((i, s) => fetch(i, s));
+  const r = t ?? ((i, s) => fetch(i, s));
   return async (i) => {
     const s = new URLSearchParams({
       namespace: i.namespace,
       sourceRevision: i.sourceRevision
-    }), a = i.captureBaseUrl ?? r;
+    });
+    i.frames && s.set("frames", JSON.stringify(i.frames));
+    const a = i.captureBaseUrl ?? o;
     a && s.set("captureBaseUrl", a);
-    const f = n.includes("?") ? "&" : "?", m = await o(
-      `${n}${f}${s}`,
+    const l = n.includes("?") ? "&" : "?", g = await r(
+      `${n}${l}${s}`,
       {
         method: "GET",
         headers: { accept: "application/json" },
@@ -874,38 +885,40 @@ function Gt({
         signal: i.signal
       }
     );
-    return m.ok ? m.json().catch(() => null) : null;
+    if (!g.ok) return null;
+    const p = await g.json().catch(() => null);
+    return se(p) && p.artifact !== void 0 ? p.artifact : p;
   };
 }
-function fe(e) {
+function se(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return !1;
   const t = Object.getPrototypeOf(e);
   return t === Object.prototype || t === null;
 }
-function je(e) {
+function Be(e) {
   return new TextEncoder().encode(e).byteLength;
 }
-function ce(e) {
-  return typeof e == "string" && e.length > 0 && e.length <= _t && e === e.trim() && !Ut.has(e);
+function le(e) {
+  return typeof e == "string" && e.length > 0 && e.length <= jt && e === e.trim() && !Kt.has(e);
 }
-function Jt(e) {
+function Lt(e) {
   const t = /(?:expression\s*\(|-moz-binding\s*:|(?:^|[;{])\s*behavior\s*:)/i;
-  for (const r of e.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi))
-    if (t.test(r[1] ?? "")) return !0;
-  for (const r of e.matchAll(
+  for (const o of e.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi))
+    if (t.test(o[1] ?? "")) return !0;
+  for (const o of e.matchAll(
     /\sstyle\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/gi
   ))
-    if (t.test(r[1] ?? r[2] ?? r[3] ?? "")) return !0;
+    if (t.test(o[1] ?? o[2] ?? o[3] ?? "")) return !0;
   return !1;
 }
-function Lt(e) {
-  return typeof e != "string" || e.length === 0 || je(e) > jt ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
+function Wt(e) {
+  return typeof e != "string" || e.length === 0 || Be(e) > Ut ? !1 : !(/<\s*(?:script|iframe|object|embed|applet|portal)\b/i.test(e) || /<\s*meta\b[^>]*http-equiv\s*=\s*["']?\s*refresh\b/i.test(e) || /\s(?:on[a-z][\w:-]*|srcdoc)\s*=/i.test(e) || /\s(?:href|src|action|formaction|xlink:href)\s*=\s*(?:"\s*|'?\s*)(?:javascript|vbscript|data\s*:\s*text\/html)\s*:/i.test(
     e
-  ) || Jt(e));
+  ) || Lt(e));
 }
-function Vt(e) {
+function Qt(e) {
   const t = [];
-  if (!fe(e) || e.version !== 1)
+  if (!se(e) || e.version !== 1)
     return {
       valid: !1,
       artifact: null,
@@ -913,16 +926,16 @@ function Vt(e) {
         "Preview artifact must be a version 1, version 2, or version 3 bundle."
       ]
     };
-  if (ce(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !ce(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !fe(e.snapshots))
+  if (le(e.namespace) || t.push("Preview artifact namespace is invalid."), e.sourceRevision != null && !le(e.sourceRevision) && t.push("Preview artifact source revision is invalid."), !se(e.snapshots))
     t.push("Preview artifact snapshots must be a record.");
   else {
-    const r = Object.entries(e.snapshots);
-    r.length > Ft && t.push("Preview artifact has too many frames.");
-    for (const [n, o] of r)
-      (!ce(n) || !Lt(o)) && t.push(`Preview artifact frame "${n}" is invalid.`);
+    const o = Object.entries(e.snapshots);
+    o.length > Bt && t.push("Preview artifact has too many frames.");
+    for (const [n, r] of o)
+      (!le(n) || !Wt(r)) && t.push(`Preview artifact frame "${n}" is invalid.`);
   }
   try {
-    je(JSON.stringify(e)) > Bt && t.push("Preview artifact exceeds the bundle byte limit.");
+    Be(JSON.stringify(e)) > Ht && t.push("Preview artifact exceeds the bundle byte limit.");
   } catch {
     t.push("Preview artifact is not serializable.");
   }
@@ -932,35 +945,35 @@ function Vt(e) {
     errors: t
   };
 }
-function Wt(e, t) {
-  const r = fe(e) && e.version === 3 ? (() => {
-    const n = qe(e);
+function Xt(e, t) {
+  const o = se(e) && e.version === 3 ? (() => {
+    const n = Ve(e);
     return {
       valid: n.valid,
       artifact: n.valid ? e : null,
       errors: n.errors
     };
-  })() : fe(e) && e.version === 2 ? (() => {
-    const n = Ge(e);
+  })() : se(e) && e.version === 2 ? (() => {
+    const n = qe(e);
     return {
       valid: n.valid,
       artifact: n.valid ? e : null,
       errors: n.errors
     };
-  })() : Vt(e);
-  return !r.valid || !r.artifact ? {
+  })() : Qt(e);
+  return !o.valid || !o.artifact ? {
     valid: !1,
     artifact: null,
     reason: "invalid-bundle",
-    errors: r.errors
-  } : t && r.artifact.namespace !== X(t.namespace) ? {
+    errors: o.errors
+  } : t && o.artifact.namespace !== J(t.namespace) ? {
     valid: !1,
     artifact: null,
     reason: "namespace-mismatch",
     errors: [
       "Preview artifact namespace does not match the runtime namespace."
     ]
-  } : t && r.artifact.sourceRevision !== X(t.sourceRevision) ? {
+  } : t && o.artifact.sourceRevision !== J(t.sourceRevision) ? {
     valid: !1,
     artifact: null,
     reason: "revision-mismatch",
@@ -969,30 +982,30 @@ function Wt(e, t) {
     ]
   } : {
     valid: !0,
-    artifact: r.artifact,
+    artifact: o.artifact,
     errors: []
   };
 }
-async function Qt({
+async function Yt({
   namespace: e,
   sourceRevision: t,
-  transport: r,
+  transport: o,
   signal: n
 }) {
-  const o = {
-    namespace: X(e),
-    sourceRevision: X(t)
+  const r = {
+    namespace: J(e),
+    sourceRevision: J(t)
   };
   let i;
   try {
-    i = await r({ ...o, signal: n });
+    i = await o({ ...r, signal: n });
   } catch (a) {
     if (n != null && n.aborted) throw a;
     return { status: "unavailable", artifact: null, error: a };
   }
   if (i == null)
     return { status: "unavailable", artifact: null };
-  const s = Wt(i, o);
+  const s = Xt(i, r);
   return s.valid ? { status: "accepted", artifact: s.artifact } : {
     status: "rejected",
     artifact: null,
@@ -1000,20 +1013,20 @@ async function Qt({
     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)";
-function Sn({
+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)", Zt = "var(--pygmalion-catalog-header, #11182f)", en = "var(--pygmalion-catalog-accent, #7c6cf2)";
+function In({
   title: e,
   eyebrow: t,
-  description: r,
+  description: o,
   version: n,
-  meta: o,
+  meta: r,
   children: i,
-  headerBackground: s = Xt,
+  headerBackground: s = Zt,
   headerColor: a = "#ffffff",
-  bodyBackground: f = ue,
-  bodyGap: m = 40
+  bodyBackground: l = ue,
+  bodyGap: g = 40
 }) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ N(
     "section",
     {
       "data-pygmalion-catalog-document": "",
@@ -1026,11 +1039,11 @@ function Sn({
         flexDirection: "column",
         overflow: "visible",
         color: he,
-        background: f,
+        background: l,
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ N(
           "header",
           {
             style: {
@@ -1044,8 +1057,8 @@ function Sn({
               background: s
             },
             children: [
-              /* @__PURE__ */ R("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                t ? /* @__PURE__ */ b(
+              /* @__PURE__ */ N("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                t ? /* @__PURE__ */ w(
                   "div",
                   {
                     style: {
@@ -1058,7 +1071,7 @@ function Sn({
                     children: t
                   }
                 ) : null,
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ w(
                   "h1",
                   {
                     style: {
@@ -1072,7 +1085,7 @@ function Sn({
                     children: e
                   }
                 ),
-                r ? /* @__PURE__ */ b(
+                o ? /* @__PURE__ */ w(
                   "div",
                   {
                     style: {
@@ -1081,11 +1094,11 @@ function Sn({
                       fontSize: 13,
                       lineHeight: 1.55
                     },
-                    children: r
+                    children: o
                   }
                 ) : null
               ] }),
-              n || o ? /* @__PURE__ */ R(
+              n || r ? /* @__PURE__ */ N(
                 "div",
                 {
                   style: {
@@ -1097,15 +1110,15 @@ function Sn({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    n ? /* @__PURE__ */ b("span", { children: n }) : null,
-                    o ? /* @__PURE__ */ b("span", { children: o }) : null
+                    n ? /* @__PURE__ */ w("span", { children: n }) : null,
+                    r ? /* @__PURE__ */ w("span", { children: r }) : null
                   ]
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ w(
           "div",
           {
             "data-pygmalion-catalog-document-body": "",
@@ -1114,9 +1127,9 @@ function Sn({
               display: "inline-flex",
               flexDirection: "column",
               alignItems: "flex-start",
-              gap: m,
+              gap: g,
               padding: 48,
-              background: f
+              background: l
             },
             children: i
           }
@@ -1125,14 +1138,14 @@ function Sn({
     }
   );
 }
-function vn({
+function xn({
   title: e,
   count: t,
-  description: r,
+  description: o,
   children: n,
-  tone: o = "tinted"
+  tone: r = "tinted"
 }) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ N(
     "section",
     {
       "data-pygmalion-catalog-section": "",
@@ -1143,12 +1156,12 @@ function vn({
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 18,
-        padding: o === "tinted" ? 24 : 0,
-        background: o === "tinted" ? pe : "transparent"
+        padding: r === "tinted" ? 24 : 0,
+        background: r === "tinted" ? pe : "transparent"
       },
       children: [
-        /* @__PURE__ */ R("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
-          /* @__PURE__ */ b(
+        /* @__PURE__ */ N("header", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+          /* @__PURE__ */ w(
             "h2",
             {
               style: {
@@ -1160,25 +1173,25 @@ function vn({
               children: e
             }
           ),
-          typeof t == "number" ? /* @__PURE__ */ b("span", { style: { color: F, fontSize: 11 }, children: t }) : null
+          typeof t == "number" ? /* @__PURE__ */ w("span", { style: { color: F, fontSize: 11 }, children: t }) : null
         ] }),
-        r ? /* @__PURE__ */ b("div", { style: { marginTop: -10, color: F, fontSize: 11 }, children: r }) : null,
+        o ? /* @__PURE__ */ w("div", { style: { marginTop: -10, color: F, fontSize: 11 }, children: o }) : null,
         n
       ]
     }
   );
 }
-function In({
+function Pn({
   rows: e,
   columns: t,
-  cornerLabel: r,
+  cornerLabel: o,
   renderCell: n,
-  renderRowLabel: o = (f) => f,
-  renderColumnLabel: i = (f) => f,
+  renderRowLabel: r = (l) => l,
+  renderColumnLabel: i = (l) => l,
   boundary: s = !0,
   cellStyle: a
 }) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ w(
     "div",
     {
       "data-pygmalion-catalog-matrix": "",
@@ -1187,10 +1200,10 @@ function In({
         display: "inline-block",
         width: "max-content",
         padding: s ? 16 : 0,
-        border: s ? `1px dashed ${Yt}` : void 0,
+        border: s ? `1px dashed ${en}` : void 0,
         borderRadius: s ? 4 : void 0
       },
-      children: /* @__PURE__ */ R(
+      children: /* @__PURE__ */ N(
         "table",
         {
           style: {
@@ -1199,8 +1212,8 @@ function In({
             borderSpacing: 0
           },
           children: [
-            /* @__PURE__ */ b("thead", { children: /* @__PURE__ */ R("tr", { children: [
-              /* @__PURE__ */ b(
+            /* @__PURE__ */ w("thead", { children: /* @__PURE__ */ N("tr", { children: [
+              /* @__PURE__ */ w(
                 "th",
                 {
                   style: {
@@ -1211,10 +1224,10 @@ function In({
                     textAlign: "left",
                     whiteSpace: "nowrap"
                   },
-                  children: r
+                  children: o
                 }
               ),
-              t.map((f) => /* @__PURE__ */ b(
+              t.map((l) => /* @__PURE__ */ w(
                 "th",
                 {
                   style: {
@@ -1225,13 +1238,13 @@ function In({
                     textAlign: "center",
                     whiteSpace: "nowrap"
                   },
-                  children: i(f)
+                  children: i(l)
                 },
-                f
+                l
               ))
             ] }) }),
-            /* @__PURE__ */ b("tbody", { children: e.map((f) => /* @__PURE__ */ R("tr", { children: [
-              /* @__PURE__ */ b(
+            /* @__PURE__ */ w("tbody", { children: e.map((l) => /* @__PURE__ */ N("tr", { children: [
+              /* @__PURE__ */ w(
                 "th",
                 {
                   style: {
@@ -1242,10 +1255,10 @@ function In({
                     textAlign: "left",
                     whiteSpace: "nowrap"
                   },
-                  children: o(f)
+                  children: r(l)
                 }
               ),
-              t.map((m) => /* @__PURE__ */ b(
+              t.map((g) => /* @__PURE__ */ w(
                 "td",
                 {
                   style: {
@@ -1254,25 +1267,25 @@ function In({
                     verticalAlign: "middle",
                     ...a
                   },
-                  children: n(f, m)
+                  children: n(l, g)
                 },
-                m
+                g
               ))
-            ] }, f)) })
+            ] }, l)) })
           ]
         }
       )
     }
   );
 }
-function Zt(e) {
+function tn(e) {
   return e.normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase() || "page";
 }
-function Be(e, t, r = "PygmalionCatalog") {
-  const n = (o) => Zt(o).replace(/-/g, "_");
-  return `${r}_${n(e)}_${n(t)}`;
+function Ue(e, t, o = "PygmalionCatalog") {
+  const n = (r) => tn(r).replace(/-/g, "_");
+  return `${o}_${n(e)}_${n(t)}`;
 }
-function Ue(e, t) {
+function He(e, t) {
   return {
     id: e.id,
     name: e.name,
@@ -1283,25 +1296,25 @@ function Ue(e, t) {
     description: e.description
   };
 }
-function He(e) {
+function Ke(e) {
   const t = /* @__PURE__ */ new Set();
-  for (const r of e) {
-    if (t.has(r.id))
-      throw new Error(`Duplicate design catalog item id: ${r.id}`);
-    t.add(r.id);
+  for (const o of e) {
+    if (t.has(o.id))
+      throw new Error(`Duplicate design catalog item id: ${o.id}`);
+    t.add(o.id);
   }
 }
-function en(e, t, r) {
-  return typeof e == "function" ? e(t, r) : e;
+function nn(e, t, o) {
+  return typeof e == "function" ? e(t, o) : e;
 }
-function tn({
+function rn({
   page: e,
   items: t,
-  renderPreview: r,
+  renderPreview: o,
   secondaryLabel: n,
-  minimumColumnWidth: o
+  minimumColumnWidth: r
 }) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ N(
     "section",
     {
       "data-pygmalion-catalog-page": e.id,
@@ -1316,14 +1329,14 @@ function tn({
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ R("header", { style: { marginBottom: 24 }, children: [
-          /* @__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: [
+        /* @__PURE__ */ N("header", { style: { marginBottom: 24 }, children: [
+          /* @__PURE__ */ w("h1", { style: { margin: 0, fontSize: 24, lineHeight: 1.35 }, children: e.name }),
+          /* @__PURE__ */ N("p", { style: { margin: "6px 0 0", color: F, fontSize: 13 }, children: [
             t.length,
             " assets"
           ] })
         ] }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ w(
           "div",
           {
             style: {
@@ -1331,20 +1344,20 @@ function tn({
               gridTemplateColumns: "repeat(6, max-content)",
               gap: 16
             },
-            children: t.map((i) => /* @__PURE__ */ R(
+            children: t.map((i) => /* @__PURE__ */ N(
               "article",
               {
                 "data-pygmalion-catalog-item": i.id,
                 style: {
-                  minWidth: o,
-                  width: o,
+                  minWidth: r,
+                  width: r,
                   padding: 16,
                   border: `1px solid ${Se}`,
                   borderRadius: 12,
                   background: ue
                 },
                 children: [
-                  /* @__PURE__ */ b(
+                  /* @__PURE__ */ w(
                     "div",
                     {
                       style: {
@@ -1354,10 +1367,10 @@ function tn({
                         justifyContent: "center",
                         overflow: "hidden"
                       },
-                      children: r(i)
+                      children: o(i)
                     }
                   ),
-                  /* @__PURE__ */ b(
+                  /* @__PURE__ */ w(
                     "div",
                     {
                       style: {
@@ -1372,7 +1385,7 @@ function tn({
                       children: i.name
                     }
                   ),
-                  n ? /* @__PURE__ */ b("div", { style: { marginTop: 4, color: F, fontSize: 11, lineHeight: 1.45 }, children: n(i) }) : i.codeName ? /* @__PURE__ */ b(
+                  n ? /* @__PURE__ */ w("div", { style: { marginTop: 4, color: F, fontSize: 11, lineHeight: 1.45 }, children: n(i) }) : i.codeName ? /* @__PURE__ */ w(
                     "div",
                     {
                       style: {
@@ -1398,86 +1411,86 @@ function tn({
     }
   );
 }
-function xn(e) {
-  He(e.items);
+function En(e) {
+  Ke(e.items);
   const t = /* @__PURE__ */ new Map();
-  for (const o of e.items) {
-    const i = e.pageFor(o), s = t.get(i.id);
+  for (const r of e.items) {
+    const i = e.pageFor(r), 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);
+      s.items.push(r);
       continue;
     }
     t.set(i.id, {
       page: i,
-      items: [o],
-      registryName: Be(
+      items: [r],
+      registryName: Ue(
         e.kind,
         i.id,
         e.registryPrefix
       )
     });
   }
-  const r = {}, n = [];
-  for (const o of t.values()) {
-    const i = () => /* @__PURE__ */ b(
-      tn,
+  const o = {}, n = [];
+  for (const r of t.values()) {
+    const i = () => /* @__PURE__ */ w(
+      rn,
       {
-        page: o.page,
-        items: o.items,
+        page: r.page,
+        items: r.items,
         renderPreview: e.renderPreview,
         secondaryLabel: e.secondaryLabel,
         minimumColumnWidth: e.minimumColumnWidth ?? 152
       }
     );
-    r[o.registryName] = {
+    o[r.registryName] = {
       component: i,
       children: "none"
     };
-    const s = en(e.frame, o.page, o.items);
+    const s = nn(e.frame, r.page, r.items);
     n.push({
-      ...o.page,
-      componentName: o.registryName,
+      ...r.page,
+      componentName: r.registryName,
       width: (s == null ? void 0 : s.width) ?? 1,
       height: (s == null ? void 0 : s.height) ?? 1,
       frameSizeMode: s ? "fixed" : "content"
     });
   }
   return {
-    registry: r,
+    registry: o,
     collection: {
       expectedCount: e.expectedCount ?? e.items.length,
-      assets: e.items.map((o) => Ue(o, e.pageFor(o).id)),
+      assets: e.items.map((r) => He(r, e.pageFor(r).id)),
       pages: n
     }
   };
 }
-function nn(e, t = 60) {
-  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)));
+function on(e, t = 60) {
+  const o = Object.entries((e == null ? void 0 : e.props) ?? {}).filter(([, a]) => a.length > 0).sort(([a, l], [g, p]) => p.length - l.length || a.localeCompare(g)), n = o[0], r = o[1], i = Math.max(1, (n == null ? void 0 : n[1].length) ?? 1), s = r == null ? void 0 : r[1].slice(0, Math.max(1, Math.floor(t / i)));
   return {
     row: n,
-    column: o ? [o[0], s ?? []] : void 0,
-    fixed: r.slice(2).map(([a, f]) => [a, f[0]]),
-    additional: r.slice(2)
+    column: r ? [r[0], s ?? []] : void 0,
+    fixed: o.slice(2).map(([a, l]) => [a, l[0]]),
+    additional: o.slice(2)
   };
 }
-function rn(e, t, r, n) {
+function sn(e, t, o, n) {
   return {
     ...e.defaultProps,
     ...Object.fromEntries(t.fixed),
-    ...t.row && r ? { [t.row[0]]: r } : {},
+    ...t.row && o ? { [t.row[0]]: o } : {},
     ...t.column && n ? { [t.column[0]]: n } : {}
   };
 }
-function on({
+function an({
   item: e,
   entry: t,
-  maxVariantCells: r
+  maxVariantCells: o
 }) {
-  var a, f;
+  var a, l;
   if (!t)
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ N(
       "section",
       {
         "data-pygmalion-catalog-component": e.id,
@@ -1491,13 +1504,13 @@ function on({
           background: pe
         },
         children: [
-          /* @__PURE__ */ b("strong", { children: e.name }),
-          /* @__PURE__ */ b("p", { style: { color: F }, children: "The component is not registered." })
+          /* @__PURE__ */ w("strong", { children: e.name }),
+          /* @__PURE__ */ w("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], i = ((f = n.column) == null ? void 0 : f[1]) ?? [void 0], s = t.component;
-  return /* @__PURE__ */ R(
+  const n = on(t, o), r = ((a = n.row) == null ? void 0 : a[1]) ?? [void 0], i = ((l = n.column) == null ? void 0 : l[1]) ?? [void 0], s = t.component;
+  return /* @__PURE__ */ N(
     "section",
     {
       "data-pygmalion-catalog-component": e.id,
@@ -1512,11 +1525,11 @@ function on({
         fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif"
       },
       children: [
-        /* @__PURE__ */ R("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: F, fontSize: 12 }, children: e.sourcePath }) : null
+        /* @__PURE__ */ N("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(
+        /* @__PURE__ */ w(
           "div",
           {
             style: {
@@ -1524,13 +1537,13 @@ function on({
               gridTemplateColumns: `repeat(${i.length}, max-content)`,
               gap: 12
             },
-            children: o.flatMap(
-              (m) => i.map((p) => {
-                const y = rn(t, n, m, p), g = [
-                  n.row && m ? `${n.row[0]}=${m}` : "",
+            children: r.flatMap(
+              (g) => i.map((p) => {
+                const b = sn(t, n, g, p), m = [
+                  n.row && g ? `${n.row[0]}=${g}` : "",
                   n.column && p ? `${n.column[0]}=${p}` : ""
                 ].filter(Boolean).join(" · ");
-                return /* @__PURE__ */ R(
+                return /* @__PURE__ */ N(
                   "article",
                   {
                     style: {
@@ -1541,23 +1554,23 @@ function on({
                       background: ue
                     },
                     children: [
-                      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(
+                      m ? /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: m }) : null,
+                      /* @__PURE__ */ w("div", { style: { display: "flex", minHeight: 44, alignItems: "center" }, children: Ee(
                         s,
-                        y,
+                        b,
                         t.children === "text" ? t.defaultChildren ?? e.name : void 0
                       ) })
                     ]
                   },
-                  `${m ?? "default"}:${p ?? "default"}`
+                  `${g ?? "default"}:${p ?? "default"}`
                 );
               })
             )
           }
         ),
-        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(
+        n.additional.map(([g, p]) => /* @__PURE__ */ N("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((b) => /* @__PURE__ */ N(
             "article",
             {
               style: {
@@ -1567,38 +1580,38 @@ function on({
                 background: ue
               },
               children: [
-                /* @__PURE__ */ b("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: y }),
+                /* @__PURE__ */ w("div", { style: { marginBottom: 12, color: F, fontSize: 11 }, children: b }),
                 Ee(
                   s,
-                  { ...t.defaultProps, [m]: y },
+                  { ...t.defaultProps, [g]: b },
                   t.children === "text" ? t.defaultChildren ?? e.name : void 0
                 )
               ]
             },
-            y
+            b
           )) })
-        ] }, m))
+        ] }, g))
       ]
     }
   );
 }
-function Pn(e) {
-  He(e.items);
-  const t = {}, r = [], n = [], o = e.maxVariantCells ?? 60;
+function Nn(e) {
+  Ke(e.items);
+  const t = {}, o = [], n = [], r = e.maxVariantCells ?? 60;
   for (const i of e.items) {
-    const s = Be(
+    const s = Ue(
       e.kind,
       i.id,
       e.registryPrefix
-    ), a = e.registry[i.name], f = () => /* @__PURE__ */ b(
-      on,
+    ), a = e.registry[i.name], l = () => /* @__PURE__ */ w(
+      an,
       {
         item: i,
         entry: a,
-        maxVariantCells: o
+        maxVariantCells: r
       }
     );
-    t[s] = { component: f, children: "none" }, r.push({
+    t[s] = { component: l, children: "none" }, o.push({
       id: i.id,
       name: i.name,
       section: i.section,
@@ -1608,24 +1621,24 @@ function Pn(e) {
       width: 1,
       height: 1,
       frameSizeMode: "content"
-    }), n.push(Ue(i, i.id));
+    }), n.push(He(i, i.id));
   }
   return {
     registry: t,
     collection: {
       expectedCount: e.expectedCount ?? e.items.length,
       assets: n,
-      pages: r
+      pages: o
     }
   };
 }
-const Oe = /^[a-f0-9]{64}$/, sn = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, an = /^p\d+$/;
+const Oe = /^[a-f0-9]{64}$/, cn = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, ln = /^p\d+$/;
 function ve(e) {
-  return typeof e == "string" && sn.test(e) ? e : void 0;
+  return typeof e == "string" && cn.test(e) ? e : void 0;
 }
 function $e(e, t) {
-  const r = new URL(e, t);
-  return r.search = "", r.hash = "", r.pathname.endsWith("/") || (r.pathname = `${r.pathname}/`), r.href;
+  const o = new URL(e, t);
+  return o.search = "", o.hash = "", o.pathname.endsWith("/") || (o.pathname = `${o.pathname}/`), o.href;
 }
 function ge(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
@@ -1641,80 +1654,80 @@ function Me(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 cn(e) {
+function dn(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
-  const t = e, r = Me(t.before), n = Me(t.after);
-  if (!r || !n || !Number.isSafeInteger(t.changedPixels) || !Number.isSafeInteger(t.totalPixels) || Number(t.changedPixels) < 0 || Number(t.totalPixels) < 1 || Number(t.changedPixels) > Number(t.totalPixels) || typeof t.threshold != "number" || !Number.isFinite(t.threshold) || t.threshold < 0 || t.threshold > 1)
+  const t = e, o = Me(t.before), n = Me(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)
     return null;
-  const o = t.heatmapUrl == null ? null : ve(t.heatmapUrl) ?? null;
+  const r = t.heatmapUrl == null ? null : ve(t.heatmapUrl) ?? null;
   return {
-    before: r,
+    before: o,
     after: n,
-    dimensionsMatch: r.width === n.width && r.height === n.height,
+    dimensionsMatch: o.width === n.width && o.height === n.height,
     changedPixels: Number(t.changedPixels),
     totalPixels: Number(t.totalPixels),
     diffRatio: Number(t.changedPixels) / Number(t.totalPixels),
     threshold: t.threshold,
-    heatmapUrl: o
+    heatmapUrl: r
   };
 }
-function ln(e, t) {
+function fn(e, t) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
-  const r = e;
-  if (typeof r.id != "string" || !r.id) return null;
-  const n = ge(r), o = ge(r.before) ?? n;
-  if (!o) return null;
-  const i = ge(r.after);
+  const o = e;
+  if (typeof o.id != "string" || !o.id) return null;
+  const n = ge(o), r = ge(o.before) ?? n;
+  if (!r) return null;
+  const i = ge(o.after);
   if (t === "changed" && !i) return null;
-  const s = i ? cn(r.pixelDiff) : null;
+  const s = i ? dn(o.pixelDiff) : null;
   return {
-    id: r.id,
-    before: o,
+    id: o.id,
+    before: r,
     ...i ? { after: i } : {},
     ...i ? {
-      domChanged: o.domStructureHash !== i.domStructureHash,
-      screenshotChanged: o.screenshotHash !== i.screenshotHash
+      domChanged: r.domStructureHash !== i.domStructureHash,
+      screenshotChanged: r.screenshotHash !== i.screenshotHash
     } : {},
     ...s ? { pixelDiff: s } : {}
   };
 }
-function dn(e, t = []) {
-  const r = new Set(t), n = r.size > 0, o = /* @__PURE__ */ new Set(), i = [
+function un(e, t = []) {
+  const o = new Set(t), n = o.size > 0, r = /* @__PURE__ */ new Set(), i = [
     ...e.styles.map((s) => s.affectedFrames ?? []),
     ...e.texts.map((s) => s.affectedFrames ?? []),
     ...e.operations.map((s) => s.affectedFrames ?? [])
   ];
   for (const s of i)
     for (const a of s) {
-      if (n && an.test(a.id) && !r.has(a.id))
+      if (n && ln.test(a.id) && !o.has(a.id))
         throw new Error(
           `"Impact Screen"${a.name}"This internal editor ID (${a.id}) is used. A canonical screen ID is required.`
         );
-      !a.id || n && !r.has(a.id) || o.add(a.id);
+      !a.id || n && !o.has(a.id) || r.add(a.id);
     }
-  return [...o].sort();
+  return [...r].sort();
 }
-async function Te(e, t, r) {
+async function Te(e, t, o) {
   const n = await e(`${t.replace(/\/$/, "")}/capture`, {
     method: "POST",
     headers: { "content-type": "application/json" },
-    body: JSON.stringify(r)
-  }), o = await n.json();
-  if (!n.ok || o.ok === !1)
+    body: JSON.stringify(o)
+  }), r = await n.json();
+  if (!n.ok || r.ok === !1)
     throw new Error(
-      typeof o.error == "string" ? o.error : `Pygmalion visual QA capture failed (${n.status})`
+      typeof r.error == "string" ? r.error : `Pygmalion visual QA capture failed (${n.status})`
     );
-  if (typeof o.baselineId != "string" || !o.baselineId)
+  if (typeof r.baselineId != "string" || !r.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  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) => {
+  const i = Array.isArray(r.frames) ? r.frames.map((p) => fn(p, o.phase)).filter((p) => p != null) : [], s = Array.isArray(r.failures) ? r.failures.map((p) => {
     if (!p || typeof p != "object" || Array.isArray(p)) return null;
-    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));
+    const b = p;
+    return typeof b.id == "string" && typeof b.error == "string" ? { id: b.id, error: b.error } : null;
+  }).filter((p) => p != null) : [], a = new Set(o.frameIds), g = 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 && m && s.length === 0 && i.length === r.frameIds.length,
+    phase: o.phase,
+    baselineId: r.baselineId,
+    complete: r.complete !== !1 && g && s.length === 0 && i.length === o.frameIds.length,
     frames: i,
     failures: s
   };
@@ -1723,46 +1736,46 @@ const ye = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, fn = "pygmalion.designSessionId", un = "/__pygmalion-qa", ae = /* @__PURE__ */ new Map();
-function ke() {
+}, pn = "pygmalion.designSessionId", hn = "/__pygmalion-qa", ce = /* @__PURE__ */ new Map();
+function De() {
   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 pn(e, t) {
+function mn(e, t) {
   if (e) return e;
-  const r = ae.get(t);
-  if (r) return r;
+  const o = ce.get(t);
+  if (o) return o;
   try {
     const n = window.localStorage.getItem(t);
     if (n)
-      return ae.set(t, n), n;
-    const o = ke();
-    return window.localStorage.setItem(t, o), ae.set(t, o), o;
+      return ce.set(t, n), n;
+    const r = De();
+    return window.localStorage.setItem(t, r), ce.set(t, r), r;
   } catch {
-    const n = ke();
-    return ae.set(t, n), n;
+    const n = De();
+    return ce.set(t, n), n;
   }
 }
-async function G(e) {
+async function q(e) {
   const t = await e.json();
   if (!e.ok) throw new Error(t.error ?? `Pygmalion request failed (${e.status})`);
   return t;
 }
-function En(e = {}) {
-  var se, re, oe, c, d;
+function Rn(e = {}) {
+  var ae, re, oe, c, f;
   const {
     sessionId: t,
-    sessionStorageKey: r = fn,
+    sessionStorageKey: o = pn,
     autoStart: n = !0,
-    fetcher: o = fetch,
+    fetcher: r = fetch,
     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]
-  ), [w, N] = ee({
+  } = e, s = ((ae = e.endpoints) == null ? void 0 : ae.mirror) ?? ye.mirror, a = ((re = e.endpoints) == null ? void 0 : re.sessions) ?? ye.sessions, l = ((oe = e.endpoints) == null ? void 0 : oe.inspect) ?? ye.inspect, g = e.visualQa != null, p = ((c = e.visualQa) == null ? void 0 : c.endpoint) ?? hn, b = JSON.stringify(((f = e.visualQa) == null ? void 0 : f.eligibleFrameIds) ?? []), m = de(
+    () => JSON.parse(b),
+    [b]
+  ), v = de(
+    () => mn(t, o),
+    [t, o]
+  ), [y, R] = te({
     state: "idle",
     commit: null,
     shortCommit: null,
@@ -1772,100 +1785,100 @@ function En(e = {}) {
     warning: null,
     error: null,
     appOrigin: null
-  }), [h, O] = ee(null), [A, $] = ee(null), [T, k] = ee({
+  }), [h, O] = te(null), [A, D] = te(null), [$, k] = te({
     refs: [],
     defaultRef: null,
     worktreeRef: null
-  }), S = Ne(null), P = Ne(null), D = W(
-    async (l = !0, u) => {
+  }), S = Ne(null), x = Ne(null), T = W(
+    async (d = !0, u) => {
       if (u != null && S.current && await S.current.catch(() => {
       }), S.current) return S.current;
-      const x = (async () => {
-        N((I) => ({ ...I, state: "syncing", error: null }));
+      const P = (async () => {
+        R((I) => ({ ...I, state: "syncing", error: null }));
         try {
           const I = u != null;
-          let M = await o(`${s}/${l || I ? "refresh" : "status"}`, {
-            method: l || I ? "POST" : "GET",
+          let M = await r(`${s}/${d || I ? "refresh" : "status"}`, {
+            method: d || I ? "POST" : "GET",
             ...I ? {
               headers: { "content-type": "application/json" },
               body: JSON.stringify({ ref: u })
             } : {}
-          }), C = await G(M);
+          }), C = await q(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(`${s}/status`), C = await G(M);
+          for (; !d && C.state === "syncing" && Date.now() - L < 12e4; )
+            await new Promise((ee) => window.setTimeout(ee, 500)), M = await r(`${s}/status`), C = await q(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`, {
+          const V = await q(
+            await r(`${a}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
               body: JSON.stringify({ sessionId: v, baseDevSha: C.commit })
             })
           );
-          if (!q.ok || !q.session)
-            throw new Error(q.error ?? "Pygmalion could not open the design session");
-          let H = q.session;
+          if (!V.ok || !V.session)
+            throw new Error(V.error ?? "Pygmalion could not open the design session");
+          let H = V.session;
           if (H.branchName) {
-            const Z = await G(
-              await o(`${a}/check`, {
+            const ee = await q(
+              await r(`${a}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
                 body: JSON.stringify({ sessionId: H.id })
               })
             );
-            if (!Z.ok || !Z.session)
-              throw new Error(Z.error ?? "Pygmalion could not check the design session");
-            H = Z.session;
+            if (!ee.ok || !ee.session)
+              throw new Error(ee.error ?? "Pygmalion could not check the design session");
+            H = ee.session;
           }
-          N(C), O(H), $(H.appOrigin ?? C.appOrigin);
+          R(C), O(H), D(H.appOrigin ?? C.appOrigin);
         } catch (I) {
-          N((M) => ({
+          R((M) => ({
             ...M,
             state: "error",
             error: I instanceof Error ? I.message : String(I)
           }));
         }
       })();
-      S.current = x;
+      S.current = P;
       try {
-        await x;
+        await P;
       } finally {
-        S.current === x && (S.current = null);
+        S.current === P && (S.current = null);
       }
     },
-    [o, s, a, v]
+    [r, s, a, v]
   ), j = W(async () => {
     try {
-      const l = await G(
-        await o(`${s}/refs`)
+      const d = await q(
+        await r(`${s}/refs`)
       ), u = {
-        refs: l.refs ?? [],
-        defaultRef: l.defaultRef ?? null,
-        worktreeRef: l.worktreeRef ?? null
+        refs: d.refs ?? [],
+        defaultRef: d.defaultRef ?? null,
+        worktreeRef: d.worktreeRef ?? null
       };
       return k(u), u;
     } catch {
-      return T;
+      return $;
     }
-  }, [o, s, T]), Y = W(
-    async (l, u) => {
+  }, [r, s, $]), X = W(
+    async (d, u) => {
       if (h != null && h.branchName && !(u != null && u.discardEdits))
         throw new Error(
           "This design session has unapplied edits against the current source. Apply or revert them, or pass discardEdits to switch anyway."
         );
-      await D(!0, l);
+      await T(!0, d);
     },
-    [D, h == null ? void 0 : h.branchName]
-  ), J = W(
-    async (l) => {
+    [T, h == null ? void 0 : h.branchName]
+  ), Y = W(
+    async (d) => {
       var C;
       if (!h) throw new Error("Pygmalion design session is not ready");
-      const u = P.current;
-      if (u && (u.sessionId !== h.id || u.baseDevSha !== h.baseDevSha || u.revision !== h.revision || u.fingerprint !== JSON.stringify(l)))
+      const u = x.current;
+      if (u && (u.sessionId !== h.id || u.baseDevSha !== h.baseDevSha || u.revision !== h.revision || u.fingerprint !== JSON.stringify(d)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const x = await G(
-        await o(`${a}/apply-visual`, {
+      const P = await q(
+        await r(`${a}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
@@ -1873,82 +1886,82 @@ function En(e = {}) {
             baseDevSha: h.baseDevSha,
             expectedRevision: h.revision,
             ...u ? { previewRevision: u.revision } : {},
-            changes: l
+            changes: d
           })
         })
       );
-      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;
+      if (!P.ok || !P.session)
+        throw new Error(P.error ?? "Pygmalion could not apply the visual changes");
+      O(P.session), P.session.appOrigin && D(P.session.appOrigin);
+      const I = P.applied ?? d.styles.length + d.texts.length + d.operations.length;
       let M;
-      if (u != null && u.qaBaselineId && ((C = u.qaFrameIds) != null && C.length) && x.session.appOrigin)
+      if (u != null && u.qaBaselineId && ((C = u.qaFrameIds) != null && C.length) && P.session.appOrigin)
         try {
-          M = await Te(o, p, {
+          M = await Te(r, p, {
             phase: "changed",
             baselineId: u.qaBaselineId,
-            basePath: $e(x.session.appOrigin, window.location.origin),
+            basePath: $e(P.session.appOrigin, window.location.origin),
             frameIds: u.qaFrameIds
           });
         } catch (L) {
-          const q = L instanceof Error ? L.message : String(L);
+          const V = L instanceof Error ? L.message : String(L);
           M = {
             phase: "changed",
             baselineId: u.qaBaselineId,
             complete: !1,
             frames: [],
-            failures: u.qaFrameIds.map((H) => ({ id: H, error: q }))
+            failures: u.qaFrameIds.map((H) => ({ id: H, error: V }))
           };
         }
-      return P.current = null, {
+      return x.current = null, {
         applied: I,
-        branch: x.session.branchName ?? void 0,
-        integration: x.session.integration.state,
-        message: i == null ? void 0 : i(x.session, I),
+        branch: P.session.branchName ?? void 0,
+        integration: P.session.integration.state,
+        message: i == null ? void 0 : i(P.session, I),
         ...M ? { qa: M } : {}
       };
     },
-    [o, i, p, h, a]
-  ), V = W(
-    async (l) => {
+    [r, i, p, h, a]
+  ), G = W(
+    async (d) => {
       var C;
       if (!h) throw new Error("Pygmalion design session is not ready");
-      P.current = null;
-      const u = await G(
-        await o(`${a}/preview-visual`, {
+      x.current = null;
+      const u = await q(
+        await r(`${a}/preview-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
             sessionId: h.id,
             baseDevSha: h.baseDevSha,
             expectedRevision: h.revision,
-            changes: l
+            changes: d
           })
         })
       );
       if (!u.ok || !Number.isSafeInteger(u.revision))
         throw new Error(u.error ?? "Pygmalion could not preview the visual changes");
-      const x = m ? dn(l, g) : [];
+      const P = g ? un(d, m) : [];
       let I;
-      const M = h.appOrigin ?? w.appOrigin;
-      if (x.length > 0) {
+      const M = h.appOrigin ?? y.appOrigin;
+      if (P.length > 0) {
         if (!M)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (I = await Te(o, p, {
+        if (I = await Te(r, p, {
           phase: "baseline",
           basePath: $e(M, window.location.origin),
-          frameIds: x
+          frameIds: P
         }), !I.complete)
           throw new Error(
-            ((C = I.failures[0]) == null ? void 0 : C.error) ?? `Failed to capture ${x.length - I.frames.length} affected frames`
+            ((C = I.failures[0]) == null ? void 0 : C.error) ?? `Failed to capture ${P.length - I.frames.length} affected frames`
           );
       }
-      return P.current = {
+      return x.current = {
         sessionId: h.id,
         baseDevSha: h.baseDevSha,
         revision: u.revision,
-        fingerprint: JSON.stringify(l),
-        ...I ? { qaBaselineId: I.baselineId, qaFrameIds: x } : {}
+        fingerprint: JSON.stringify(d),
+        ...I ? { qaBaselineId: I.baselineId, qaFrameIds: P } : {}
       }, {
         revision: u.revision,
         files: Array.isArray(u.files) ? u.files : [],
@@ -1957,34 +1970,34 @@ function En(e = {}) {
       };
     },
     [
-      o,
-      w.appOrigin,
-      g,
+      r,
+      y.appOrigin,
+      m,
       p,
       h,
       a,
-      m
+      g
     ]
-  ), E = W(
-    async (l) => {
-      if (l.length === 0) return { files: [] };
-      const u = await G(
-        await o(`${f}/impact`, {
+  ), Z = W(
+    async (d) => {
+      if (d.length === 0) return { files: [] };
+      const u = await q(
+        await r(`${l}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
-          body: JSON.stringify({ componentFiles: l })
+          body: JSON.stringify({ componentFiles: d })
         })
       );
       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 : [] };
     },
-    [o, f]
-  ), B = W(async () => {
+    [r, l]
+  ), E = W(async () => {
     if (!(h != null && h.canRevert) || !h.headSha)
       throw new Error("There are no reversible changes applied");
-    const l = await G(
-      await o(`${a}/revert-visual`, {
+    const d = await q(
+      await r(`${a}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({
@@ -1995,77 +2008,77 @@ 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 P.current = null, O(l.session), l.session.appOrigin && $(l.session.appOrigin), {
+    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 x.current = null, O(d.session), d.session.appOrigin && D(d.session.appOrigin), {
       reverted: !0,
-      operation: l.operation,
-      session: l.session
+      operation: d.operation,
+      session: d.session
     };
-  }, [o, h, a]);
-  te(() => {
-    n && D(!1);
-  }, [n, D]), te(() => {
+  }, [r, h, a]);
+  ne(() => {
+    n && T(!1);
+  }, [n, T]), ne(() => {
     n && j();
   }, [n]);
-  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";
+  const B = (h == null ? void 0 : h.appOrigin) ?? y.appOrigin ?? A, _ = (h == null ? void 0 : h.headSha) ?? (h == null ? void 0 : h.baseDevSha) ?? y.commit ?? "pending";
   return {
-    mirror: w,
+    mirror: y,
     session: h,
     ready: A != null,
-    appOrigin: _,
-    previewRevision: `${ne}:${(h == null ? void 0 : h.revision) ?? 0}`,
-    previewSourceRevision: ne,
-    refresh: D,
-    switchSource: Y,
-    sourceRefs: T,
+    appOrigin: B,
+    previewRevision: `${_}:${(h == null ? void 0 : h.revision) ?? 0}`,
+    previewSourceRevision: _,
+    refresh: T,
+    switchSource: X,
+    sourceRefs: $,
     loadSourceRefs: j,
-    previewVisual: V,
-    inspectImpact: E,
-    applyVisual: J,
-    revertLastVisual: B
+    previewVisual: G,
+    inspectImpact: Z,
+    applyVisual: Y,
+    revertLastVisual: E
   };
 }
-function Nn({
+function Cn({
   value: e,
   refs: t,
-  onChange: r,
+  onChange: o,
   busy: n = !1,
-  defaultRef: o = null,
+  defaultRef: r = null,
   worktreeRef: i = null,
   label: s = "Source revision",
   children: a,
-  className: f
+  className: l
 }) {
-  const m = le(
+  const g = de(
     () => ({
-      local: t.filter((g) => g.kind === "local"),
-      remote: t.filter((g) => g.kind === "remote")
+      local: t.filter((m) => m.kind === "local"),
+      remote: t.filter((m) => m.kind === "remote")
     }),
     [t]
-  ), 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(
+  ), p = de(() => {
+    const m = new Set(t.map((v) => v.name));
+    return r && m.add(r), i && m.add(i), m;
+  }, [r, t, i]), b = e ?? r ?? "";
+  return /* @__PURE__ */ N(
     "span",
     {
-      className: f,
+      className: l,
       "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(
+        a ?? /* @__PURE__ */ w("span", { "data-pygmalion-source-ref-value": "", children: b || s }),
+        /* @__PURE__ */ N(
           "select",
           {
-            value: y,
+            value: b,
             disabled: n,
             "aria-label": s,
             "data-pygmalion-source-ref-select": "",
-            onChange: (g) => {
-              const v = g.target.value;
-              v && v !== y && r(v);
+            onChange: (m) => {
+              const v = m.target.value;
+              v && v !== b && o(v);
             },
             style: {
               position: "absolute",
@@ -2081,21 +2094,21 @@ function Nn({
               margin: 0
             },
             children: [
-              y && !p.has(y) ? /* @__PURE__ */ b("option", { value: y, children: y }) : null,
-              i ? /* @__PURE__ */ R("option", { value: i, children: [
+              b && !p.has(b) ? /* @__PURE__ */ w("option", { value: b, children: b }) : null,
+              i ? /* @__PURE__ */ N("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.local.length > 0 ? /* @__PURE__ */ w("optgroup", { label: "local", children: g.local.map((m) => /* @__PURE__ */ N("option", { value: m.name, children: [
+                m.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,
+                m.commit
+              ] }, m.fullName)) }) : null,
+              g.remote.length > 0 ? /* @__PURE__ */ w("optgroup", { label: "remote", children: g.remote.map((m) => /* @__PURE__ */ N("option", { value: m.name, children: [
+                m.name,
                 " · ",
-                g.commit
-              ] }, g.fullName)) }) : null
+                m.commit
+              ] }, m.fullName)) }) : null
             ]
           }
         )
@@ -2103,56 +2116,57 @@ function Nn({
     }
   );
 }
-const Rn = {
+const An = {
   editor: K,
   getObserverTree: Le,
   isObservableProp: Je
 };
-function Cn(e) {
+function On(e) {
   K.navigateToPageByName(e);
 }
-function An() {
+function $n() {
   K.openPreview();
 }
-function On() {
+function Mn() {
   const e = xe.entries.length > 0;
   return e && xe.discardPending(), K.resetCurrentEdits() || e;
 }
-function $n({
+function Tn({
   registry: e,
   tokens: t,
-  initialPages: r,
-  designImport: n,
-  onTokensChange: o,
-  appOrigin: i,
-  previewRevision: s,
-  previewCacheNamespace: a,
-  previewArtifacts: f,
-  previewArtifactEndpoint: m,
-  previewConcurrency: p,
-  previewOpen: y,
-  onPreviewOpenChange: g,
-  flowCanvas: v,
-  onApply: w,
-  onDesignChange: N,
-  onInspectApply: h,
-  onInspectPreview: O,
-  onInspectImpact: A,
+  initialPages: o,
+  viewportPresets: n,
+  designImport: r,
+  onTokensChange: i,
+  appOrigin: s,
+  previewRevision: a,
+  previewCacheNamespace: l,
+  previewArtifacts: g,
+  previewArtifactEndpoint: p,
+  previewConcurrency: b,
+  previewOpen: m,
+  onPreviewOpenChange: v,
+  flowCanvas: y,
+  onApply: R,
+  onDesignChange: h,
+  onInspectApply: O,
+  onInspectPreview: A,
+  onInspectImpact: D,
   storyboardDiscovery: $ = !0,
-  storyboardDiscoveryEndpoint: T = at
+  storyboardDiscoveryEndpoint: k = lt
 }) {
-  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), 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: P == null && !!m,
-    pages: J.flatMap(
+  const [S, x] = te(!$), [T, j] = te();
+  r && (r.assertComplete(), We(r));
+  const X = e ?? (r == null ? void 0 : r.getRegistry()), Y = t ?? (r == null ? void 0 : r.getTokens()), G = o ?? (r == null ? void 0 : r.getInitialPages());
+  X && Qe(X), Y && Xe(Y), n && Ye(n), ft(i ?? null), s != null && Ze(s), a != null && et(a), tt(l);
+  const Z = T ?? g;
+  return Z && G && S && nt(Z, {
+    namespace: l ?? "",
+    previewRevision: pt(),
+    appOrigin: ut(),
+    baselineEnvironment: rt(),
+    allowStaleIdentity: T == null && !!p,
+    pages: G.flatMap(
       (E) => E.route && E.importPageId ? [
         {
           canonicalId: E.importPageId,
@@ -2166,66 +2180,66 @@ function $n({
         }
       ] : []
     )
-  }), 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 = it(K);
+  }), b != null && ot(b), ht(v ?? null), y != null && it(y), mt(R ?? null), gt(O ?? null), st(A ?? null), yt(D ?? null), G && K.initPagesFromComponents(G), ne(() => {
+    Pe(h ?? null);
+    const E = at(K);
     return () => {
       E(), Pe(null);
     };
-  }, [N]), te(() => {
-    if (D(void 0), !k || !m || !(a != null && a.trim()) || !(s != null && s.trim()))
+  }, [h]), ne(() => {
+    if (j(void 0), !S || !p || !(l != null && l.trim()) || !(a != null && a.trim()))
       return;
     const E = new AbortController();
-    return Qt({
-      namespace: a,
-      sourceRevision: st(s),
-      transport: Gt({
-        endpoint: m,
-        captureBaseUrl: i
+    return Yt({
+      namespace: l,
+      sourceRevision: ct(a),
+      transport: Jt({
+        endpoint: p,
+        captureBaseUrl: s
       }),
       signal: E.signal
     }).then((B) => {
-      !E.signal.aborted && B.status === "accepted" && D(B.artifact);
+      !E.signal.aborted && B.status === "accepted" && j(B.artifact);
     }), () => E.abort();
   }, [
-    m,
+    p,
+    l,
     a,
     s,
-    i,
-    k
-  ]), te(() => {
+    S
+  ]), ne(() => {
     let E = !0;
     if (!$)
-      return ie(void 0), S(!0), () => {
+      return ie(void 0), x(!0), () => {
         E = !1;
       };
     const B = new AbortController();
-    return S(!1), ie(void 0), Q(null), Fe({
-      endpoint: T,
+    return x(!1), ie(void 0), Q(null), Fe({
+      endpoint: k,
       signal: B.signal,
       pages: K.pages.map((_) => ({
         ..._,
         id: _.importPageId ?? _.id,
         importKind: _.importKind
       })),
-      assets: (n == null ? void 0 : n.getAssets("screens")) ?? []
+      assets: (r == null ? void 0 : r.getAssets("screens")) ?? []
     }).then((_) => {
       E && (ie(_.baselineEnvironment), Q(_.graph));
     }).catch(() => {
       E && (ie(void 0), Q(null));
     }).finally(() => {
-      E && S(!0);
+      E && x(!0);
     }), () => {
       E = !1, B.abort(), ie(void 0), Q(null);
     };
   }, [
-    n,
     r,
+    o,
     $,
-    T
-  ]), te(() => {
-    y == null || y === K.previewOpen || (y ? K.openPreview({ notifyHost: !1 }) : K.closePreview({ notifyHost: !1 }));
-  }, [y]), k ? /* @__PURE__ */ b(ct, {}) : /* @__PURE__ */ b(
+    k
+  ]), ne(() => {
+    m == null || m === K.previewOpen || (m ? K.openPreview({ notifyHost: !1 }) : K.closePreview({ notifyHost: !1 }));
+  }, [m]), S ? /* @__PURE__ */ w(dt, {}) : /* @__PURE__ */ w(
     "div",
     {
       "data-pygmalion-storyboard-loading": "",
@@ -2244,60 +2258,63 @@ function $n({
   );
 }
 export {
-  kn as DESIGN_IMPORT_KINDS,
-  Sn as PygmalionCatalogDocument,
-  In as PygmalionCatalogMatrix,
-  vn as PygmalionCatalogSection,
-  $n as PygmalionEditor,
-  at as STORYBOARD_ENVIRONMENT_CONTROL,
-  Dn as STORYBOARD_ENVIRONMENT_QUERY,
-  Nn as SourceRefControl,
-  Rn as __debug,
-  zn as applyTokenOverride,
-  Qt as bootstrapPreviewArtifact,
-  _n as clearPygmalionPreviewCache,
-  Pn as createDesignComponentCatalog,
-  nn as createDesignComponentVariantMatrix,
-  xn as createDesignGalleryCatalog,
-  Fn as createDesignImportController,
-  jn as createDesignScreenCollection,
-  Gt as createPreviewArtifactHttpTransport,
-  wn as createPreviewCacheNamespace,
-  qt as createPreviewRecipeFingerprint,
-  bn as createStoryboardCaptureRecipeIdentity,
-  bt as createStoryboardGraph,
-  kt as createStoryboardGraphFromDiscovery,
-  Bn as createStoryboardGraphViewModel,
-  Un as createStoryboardRouteUrl,
-  Zt as designCatalogKey,
-  Be as designCatalogRegistryName,
-  Hn as expandDesignScreenCasesViewports,
-  Kn as expandDesignScreenCollectionViewports,
+  zn as DESIGN_IMPORT_KINDS,
+  In as PygmalionCatalogDocument,
+  Pn as PygmalionCatalogMatrix,
+  xn as PygmalionCatalogSection,
+  Tn as PygmalionEditor,
+  lt as STORYBOARD_ENVIRONMENT_CONTROL,
+  _n as STORYBOARD_ENVIRONMENT_QUERY,
+  Cn as SourceRefControl,
+  An as __debug,
+  Fn as applyTokenOverride,
+  Yt as bootstrapPreviewArtifact,
+  jn as clearPygmalionPreviewCache,
+  Nn as createDesignComponentCatalog,
+  on as createDesignComponentVariantMatrix,
+  En as createDesignGalleryCatalog,
+  Bn as createDesignImportController,
+  Un as createDesignScreenCollection,
+  Jt as createPreviewArtifactHttpTransport,
+  vn as createPreviewCacheNamespace,
+  Sn as createPreviewFrameFingerprint,
+  je as createPreviewRecipeFingerprint,
+  qt as createStoryboardCaptureRecipeIdentity,
+  vt as createStoryboardGraph,
+  zt as createStoryboardGraphFromDiscovery,
+  Hn as createStoryboardGraphViewModel,
+  Kn as createStoryboardRouteUrl,
+  tn as designCatalogKey,
+  Ue as designCatalogRegistryName,
+  Gn as expandDesignScreenCasesViewports,
+  Vn as expandDesignScreenCollectionViewports,
   qn as getRecommendedPygmalionPreviewConcurrency,
-  tt as getStoryboardBaselineEnvironment,
+  rt as getStoryboardBaselineEnvironment,
   _e as getStoryboardDiscoveryBaselineEnvironment,
-  Gn as getStoryboardGraph,
+  Jn as getStoryboardGraph,
+  Ln as getViewportPresets,
   Fe as loadStoryboardDiscovery,
-  Jn as mergeScreenPresets,
-  Ke as mergeStoryboardEnvironment,
-  yn as publishStoryboardDiscovery,
-  Cn as pygmalionNavigate,
-  An as pygmalionOpenPreview,
-  On as pygmalionResetCurrentEdits,
-  Ln as reconstructRoutePreviewArtifactScreenshotV3,
-  Vn as reconstructRoutePreviewArtifactSnapshotV3,
-  Wn as resetTokenOverrides,
-  Et as resolveStoryboardScreenCases,
-  We as setComponentRegistry,
-  Xe as setPygmalionAppOrigin,
-  nt as setPygmalionPreviewConcurrency,
-  Ye as setPygmalionPreviewRevision,
+  Wn as mergeScreenPresets,
+  Ge as mergeStoryboardEnvironment,
+  bn as publishStoryboardDiscovery,
+  On as pygmalionNavigate,
+  $n as pygmalionOpenPreview,
+  Mn as pygmalionResetCurrentEdits,
+  Qn as reconstructRoutePreviewArtifactScreenshotV3,
+  Xn as reconstructRoutePreviewArtifactSnapshotV3,
+  Yn as resetTokenOverrides,
+  Rt as resolveStoryboardScreenCases,
+  Qe as setComponentRegistry,
+  Ze as setPygmalionAppOrigin,
+  ot as setPygmalionPreviewConcurrency,
+  et as setPygmalionPreviewRevision,
   ie as setStoryboardBaselineEnvironment,
   Q as setStoryboardGraph,
-  Qe as setTokens,
-  gt as storyboardScreenRecipeKey,
-  Qn as subscribeStoryboardGraph,
-  En as usePygmalionProject,
-  Wt as validatePreviewArtifactBundle,
-  qe as validateRoutePreviewArtifactV3Browser
+  Xe as setTokens,
+  Ye as setViewportPresets,
+  wt as storyboardScreenRecipeKey,
+  Zn as subscribeStoryboardGraph,
+  Rn as usePygmalionProject,
+  Xt as validatePreviewArtifactBundle,
+  Ve as validateRoutePreviewArtifactV3Browser
 };