@pygmalionjs/pygmalion 0.2.31 → 0.2.32

package/dist-lib/pygmalion.js

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