@pygmalionjs/pygmalion 0.2.7 → 0.2.9

package/dist-lib/pygmalion.js

@@ -1,35 +1,35 @@
-import { jsx as ae } from "react/jsx-runtime";
-import { i as oe, g as le, e as S, b as ce, a as de, c as ue, d as he, f as fe, h as pe, j as me, k as ge, l as ye, m as we, n as be, A as Se, o as M, p as ve, q as Pe, r as Ie, t as Oe, u as Ee, v as Ae, w as Ne, x as z } from "./App-D_6vGXDa.js";
-import { D as Ge, y as Ve, z as We, B as Ye, C as Ze, E as Xe, G as Ke } from "./App-D_6vGXDa.js";
-import { useMemo as G, useState as $, useRef as V, useCallback as x, useEffect as j } from "react";
-const W = /^[a-f0-9]{64}$/, De = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, Te = /^p\d+$/;
-function q(r) {
-  return typeof r == "string" && De.test(r) ? r : void 0;
+import { jsx as Z } from "react/jsx-runtime";
+import { i as le, g as ce, e as v, b as de, a as ue, c as fe, d as he, f as pe, h as me, j as ge, k as ye, l as we, m as be, n as ve, o as L, S as Se, A as Pe, p as K, q as Oe, r as Ie, t as Ee, u as Ne, v as Ae, w as Re, x as De, y as X } from "./App-XRuc9KYj.js";
+import { D as Ye, z as We, B as Ze, C as Ke, E as Xe, G as er, H as rr, I as tr, J as nr, K as sr, L as ir, M as ar } from "./App-XRuc9KYj.js";
+import { useMemo as ee, useState as Q, useRef as re, useCallback as j, useEffect as B } from "react";
+const te = /^[a-f0-9]{64}$/, Te = /^\/__pygmalion-qa\/artifacts\/[A-Za-z0-9_-]{8,120}\.png$/, _e = /^p\d+$/;
+function V(r) {
+  return typeof r == "string" && Te.test(r) ? r : void 0;
 }
-function Y(r, e) {
+function ne(r, e) {
   const s = new URL(r, e);
   return s.search = "", s.hash = "", s.pathname.endsWith("/") || (s.pathname = `${s.pathname}/`), s.href;
 }
-function C(r) {
+function z(r) {
   if (!r || typeof r != "object" || Array.isArray(r)) return null;
   const e = r;
-  return typeof e.domStructureHash != "string" || !W.test(e.domStructureHash) || typeof e.screenshotHash != "string" || !W.test(e.screenshotHash) ? null : {
+  return typeof e.domStructureHash != "string" || !te.test(e.domStructureHash) || typeof e.screenshotHash != "string" || !te.test(e.screenshotHash) ? null : {
     domStructureHash: e.domStructureHash,
     screenshotHash: e.screenshotHash,
-    ...q(e.screenshotUrl) ? { screenshotUrl: q(e.screenshotUrl) } : {}
+    ...V(e.screenshotUrl) ? { screenshotUrl: V(e.screenshotUrl) } : {}
   };
 }
-function Z(r) {
+function se(r) {
   if (!r || typeof r != "object" || Array.isArray(r)) return null;
   const e = r;
   return !Number.isSafeInteger(e.width) || !Number.isSafeInteger(e.height) || Number(e.width) < 1 || Number(e.height) < 1 || Number(e.width) > 65536 || Number(e.height) > 65536 ? null : { width: Number(e.width), height: Number(e.height) };
 }
-function Re(r) {
+function xe(r) {
   if (!r || typeof r != "object" || Array.isArray(r)) return null;
-  const e = r, s = Z(e.before), i = Z(e.after);
+  const e = r, s = se(e.before), i = se(e.after);
   if (!s || !i || !Number.isSafeInteger(e.changedPixels) || !Number.isSafeInteger(e.totalPixels) || Number(e.changedPixels) < 0 || Number(e.totalPixels) < 1 || Number(e.changedPixels) > Number(e.totalPixels) || typeof e.threshold != "number" || !Number.isFinite(e.threshold) || e.threshold < 0 || e.threshold > 1)
     return null;
-  const t = e.heatmapUrl == null ? null : q(e.heatmapUrl) ?? null;
+  const t = e.heatmapUrl == null ? null : V(e.heatmapUrl) ?? null;
   return {
     before: s,
     after: i,
@@ -41,15 +41,15 @@ function Re(r) {
     heatmapUrl: t
   };
 }
-function xe(r, e) {
+function Fe(r, e) {
   if (!r || typeof r != "object" || Array.isArray(r)) return null;
   const s = r;
   if (typeof s.id != "string" || !s.id) return null;
-  const i = C(s), t = C(s.before) ?? i;
+  const i = z(s), t = z(s.before) ?? i;
   if (!t) return null;
-  const d = C(s.after);
+  const d = z(s.after);
   if (e === "changed" && !d) return null;
-  const f = d ? Re(s.pixelDiff) : null;
+  const h = d ? xe(s.pixelDiff) : null;
   return {
     id: s.id,
     before: t,
@@ -58,18 +58,18 @@ function xe(r, e) {
       domChanged: t.domStructureHash !== d.domStructureHash,
       screenshotChanged: t.screenshotHash !== d.screenshotHash
     } : {},
-    ...f ? { pixelDiff: f } : {}
+    ...h ? { pixelDiff: h } : {}
   };
 }
-function Fe(r, e = []) {
+function ke(r, e = []) {
   const s = new Set(e), i = s.size > 0, t = /* @__PURE__ */ new Set(), d = [
-    ...r.styles.map((f) => f.affectedFrames ?? []),
-    ...r.texts.map((f) => f.affectedFrames ?? []),
-    ...r.operations.map((f) => f.affectedFrames ?? [])
+    ...r.styles.map((h) => h.affectedFrames ?? []),
+    ...r.texts.map((h) => h.affectedFrames ?? []),
+    ...r.operations.map((h) => h.affectedFrames ?? [])
   ];
-  for (const f of d)
-    for (const u of f) {
-      if (i && Te.test(u.id) && !s.has(u.id))
+  for (const h of d)
+    for (const u of h) {
+      if (i && _e.test(u.id) && !s.has(u.id))
         throw new Error(
           `"Impact Screen"${u.name}"This internal editor ID (${u.id}) is used. A canonical screen ID is required.`
         );
@@ -77,7 +77,7 @@ function Fe(r, e = []) {
     }
   return [...t].sort();
 }
-async function X(r, e, s) {
+async function ie(r, e, s) {
   const i = await r(`${e.replace(/\/$/, "")}/capture`, {
     method: "POST",
     headers: { "content-type": "application/json" },
@@ -89,63 +89,63 @@ async function X(r, e, s) {
     );
   if (typeof t.baselineId != "string" || !t.baselineId)
     throw new Error("Pygmalion visual QA response has no baselineId");
-  const d = Array.isArray(t.frames) ? t.frames.map((c) => xe(c, s.phase)).filter((c) => c != null) : [], f = Array.isArray(t.failures) ? t.failures.map((c) => {
+  const d = Array.isArray(t.frames) ? t.frames.map((c) => Fe(c, s.phase)).filter((c) => c != null) : [], h = Array.isArray(t.failures) ? t.failures.map((c) => {
     if (!c || typeof c != "object" || Array.isArray(c)) return null;
-    const y = c;
-    return typeof y.id == "string" && typeof y.error == "string" ? { id: y.id, error: y.error } : null;
-  }).filter((c) => c != null) : [], u = new Set(s.frameIds), O = new Set(d.map((c) => c.id)).size === d.length && d.every((c) => u.has(c.id)) && f.every((c) => u.has(c.id));
+    const g = c;
+    return typeof g.id == "string" && typeof g.error == "string" ? { id: g.id, error: g.error } : null;
+  }).filter((c) => c != null) : [], u = new Set(s.frameIds), I = new Set(d.map((c) => c.id)).size === d.length && d.every((c) => u.has(c.id)) && h.every((c) => u.has(c.id));
   return {
     phase: s.phase,
     baselineId: t.baselineId,
-    complete: t.complete !== !1 && O && f.length === 0 && d.length === s.frameIds.length,
+    complete: t.complete !== !1 && I && h.length === 0 && d.length === s.frameIds.length,
     frames: d,
-    failures: f
+    failures: h
   };
 }
-const H = {
+const G = {
   mirror: "/__pygmalion-dev-control",
   sessions: "/__pygmalion-design-session",
   inspect: "/__pygmalion-inspect"
-}, _e = "pygmalion.designSessionId", ke = "/__pygmalion-qa", _ = /* @__PURE__ */ new Map();
-function K() {
+}, $e = "pygmalion.designSessionId", Ce = "/__pygmalion-qa", J = /* @__PURE__ */ new Map();
+function ae() {
   var r;
   return typeof window < "u" && ((r = window.crypto) != null && r.randomUUID) ? window.crypto.randomUUID() : `pygmalion-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function $e(r, e) {
+function je(r, e) {
   if (r) return r;
-  const s = _.get(e);
+  const s = J.get(e);
   if (s) return s;
   try {
     const i = window.localStorage.getItem(e);
     if (i)
-      return _.set(e, i), i;
-    const t = K();
-    return window.localStorage.setItem(e, t), _.set(e, t), t;
+      return J.set(e, i), i;
+    const t = ae();
+    return window.localStorage.setItem(e, t), J.set(e, t), t;
   } catch {
-    const i = K();
-    return _.set(e, i), i;
+    const i = ae();
+    return J.set(e, i), i;
   }
 }
-async function I(r) {
+async function O(r) {
   const e = await r.json();
   if (!r.ok) throw new Error(e.error ?? `Pygmalion request failed (${r.status})`);
   return e;
 }
-function qe(r = {}) {
-  var U, J, Q, B, L;
+function Je(r = {}) {
+  var $, C, q, Y, W;
   const {
     sessionId: e,
-    sessionStorageKey: s = _e,
+    sessionStorageKey: s = $e,
     autoStart: i = !0,
     fetcher: t = fetch,
     formatApplyMessage: d
-  } = r, f = ((U = r.endpoints) == null ? void 0 : U.mirror) ?? H.mirror, u = ((J = r.endpoints) == null ? void 0 : J.sessions) ?? H.sessions, E = ((Q = r.endpoints) == null ? void 0 : Q.inspect) ?? H.inspect, O = r.visualQa != null, c = ((B = r.visualQa) == null ? void 0 : B.endpoint) ?? ke, y = JSON.stringify(((L = r.visualQa) == null ? void 0 : L.eligibleFrameIds) ?? []), N = G(
-    () => JSON.parse(y),
-    [y]
-  ), F = G(
-    () => $e(e, s),
+  } = r, h = (($ = r.endpoints) == null ? void 0 : $.mirror) ?? G.mirror, u = ((C = r.endpoints) == null ? void 0 : C.sessions) ?? G.sessions, A = ((q = r.endpoints) == null ? void 0 : q.inspect) ?? G.inspect, I = r.visualQa != null, c = ((Y = r.visualQa) == null ? void 0 : Y.endpoint) ?? Ce, g = JSON.stringify(((W = r.visualQa) == null ? void 0 : W.eligibleFrameIds) ?? []), x = ee(
+    () => JSON.parse(g),
+    [g]
+  ), H = ee(
+    () => je(e, s),
     [e, s]
-  ), [v, D] = $({
+  ), [S, F] = Q({
     state: "idle",
     commit: null,
     shortCommit: null,
@@ -154,32 +154,32 @@ function qe(r = {}) {
     warning: null,
     error: null,
     appOrigin: null
-  }), [n, T] = $(null), [R, A] = $(null), m = V(null), p = V(null), k = x(
+  }), [n, k] = Q(null), [R, D] = Q(null), E = re(null), y = re(null), T = j(
     async (o = !0) => {
-      if (m.current) return m.current;
+      if (E.current) return E.current;
       const a = (async () => {
-        D((l) => ({ ...l, state: "syncing", error: null }));
+        F((l) => ({ ...l, state: "syncing", error: null }));
         try {
-          let l = await t(`${f}/${o ? "refresh" : "status"}`, {
+          let l = await t(`${h}/${o ? "refresh" : "status"}`, {
             method: o ? "POST" : "GET"
-          }), h = await I(l);
+          }), f = await O(l);
           const w = Date.now();
-          for (; !o && h.state === "syncing" && Date.now() - w < 12e4; )
-            await new Promise((P) => window.setTimeout(P, 500)), l = await t(`${f}/status`), h = await I(l);
-          if (h.state !== "ready" || !h.appOrigin || !h.commit)
-            throw new Error(h.error ?? "Pygmalion could not prepare the source preview");
-          const g = await I(
+          for (; !o && f.state === "syncing" && Date.now() - w < 12e4; )
+            await new Promise((P) => window.setTimeout(P, 500)), l = await t(`${h}/status`), f = await O(l);
+          if (f.state !== "ready" || !f.appOrigin || !f.commit)
+            throw new Error(f.error ?? "Pygmalion could not prepare the source preview");
+          const m = await O(
             await t(`${u}/open`, {
               method: "POST",
               headers: { "content-type": "application/json" },
-              body: JSON.stringify({ sessionId: F, baseDevSha: h.commit })
+              body: JSON.stringify({ sessionId: H, baseDevSha: f.commit })
             })
           );
-          if (!g.ok || !g.session)
-            throw new Error(g.error ?? "Pygmalion could not open the design session");
-          let b = g.session;
+          if (!m.ok || !m.session)
+            throw new Error(m.error ?? "Pygmalion could not open the design session");
+          let b = m.session;
           if (b.branchName) {
-            const P = await I(
+            const P = await O(
               await t(`${u}/check`, {
                 method: "POST",
                 headers: { "content-type": "application/json" },
@@ -190,31 +190,31 @@ function qe(r = {}) {
               throw new Error(P.error ?? "Pygmalion could not check the design session");
             b = P.session;
           }
-          D(h), T(b), A(b.appOrigin ?? h.appOrigin);
+          F(f), k(b), D(b.appOrigin ?? f.appOrigin);
         } catch (l) {
-          D((h) => ({
-            ...h,
+          F((f) => ({
+            ...f,
             state: "error",
             error: l instanceof Error ? l.message : String(l)
           }));
         }
       })();
-      m.current = a;
+      E.current = a;
       try {
         await a;
       } finally {
-        m.current === a && (m.current = null);
+        E.current === a && (E.current = null);
       }
     },
-    [t, f, u, F]
-  ), ee = x(
+    [t, h, u, H]
+  ), U = j(
     async (o) => {
-      var g;
+      var m;
       if (!n) throw new Error("Pygmalion design session is not ready");
-      const a = p.current;
+      const a = y.current;
       if (a && (a.sessionId !== n.id || a.baseDevSha !== n.baseDevSha || a.revision !== n.revision || a.fingerprint !== JSON.stringify(o)))
         throw new Error("The code diff you checked is out of date. Please check the diff for the current changes again.");
-      const l = await I(
+      const l = await O(
         await t(`${u}/apply-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -229,15 +229,15 @@ function qe(r = {}) {
       );
       if (!l.ok || !l.session)
         throw new Error(l.error ?? "Pygmalion could not apply the visual changes");
-      T(l.session), l.session.appOrigin && A(l.session.appOrigin);
-      const h = l.applied ?? o.styles.length + o.texts.length + o.operations.length;
+      k(l.session), l.session.appOrigin && D(l.session.appOrigin);
+      const f = l.applied ?? o.styles.length + o.texts.length + o.operations.length;
       let w;
-      if (a != null && a.qaBaselineId && ((g = a.qaFrameIds) != null && g.length) && l.session.appOrigin)
+      if (a != null && a.qaBaselineId && ((m = a.qaFrameIds) != null && m.length) && l.session.appOrigin)
         try {
-          w = await X(t, c, {
+          w = await ie(t, c, {
             phase: "changed",
             baselineId: a.qaBaselineId,
-            basePath: Y(l.session.appOrigin, window.location.origin),
+            basePath: ne(l.session.appOrigin, window.location.origin),
             frameIds: a.qaFrameIds
           });
         } catch (b) {
@@ -247,24 +247,24 @@ function qe(r = {}) {
             baselineId: a.qaBaselineId,
             complete: !1,
             frames: [],
-            failures: a.qaFrameIds.map((ie) => ({ id: ie, error: P }))
+            failures: a.qaFrameIds.map((oe) => ({ id: oe, error: P }))
           };
         }
-      return p.current = null, {
-        applied: h,
+      return y.current = null, {
+        applied: f,
         branch: l.session.branchName ?? void 0,
         integration: l.session.integration.state,
-        message: d == null ? void 0 : d(l.session, h),
+        message: d == null ? void 0 : d(l.session, f),
         ...w ? { qa: w } : {}
       };
     },
     [t, d, c, n, u]
-  ), re = x(
+  ), _ = j(
     async (o) => {
-      var g;
+      var m;
       if (!n) throw new Error("Pygmalion design session is not ready");
-      p.current = null;
-      const a = await I(
+      y.current = null;
+      const a = await O(
         await t(`${u}/preview-visual`, {
           method: "POST",
           headers: { "content-type": "application/json" },
@@ -278,48 +278,48 @@ function qe(r = {}) {
       );
       if (!a.ok || !Number.isSafeInteger(a.revision))
         throw new Error(a.error ?? "Pygmalion could not preview the visual changes");
-      const l = O ? Fe(o, N) : [];
-      let h;
-      const w = n.appOrigin ?? v.appOrigin;
+      const l = I ? ke(o, x) : [];
+      let f;
+      const w = n.appOrigin ?? S.appOrigin;
       if (l.length > 0) {
         if (!w)
           throw new Error("Impact screen QA baseline preview not ready");
-        if (h = await X(t, c, {
+        if (f = await ie(t, c, {
           phase: "baseline",
-          basePath: Y(w, window.location.origin),
+          basePath: ne(w, window.location.origin),
           frameIds: l
-        }), !h.complete)
+        }), !f.complete)
           throw new Error(
-            ((g = h.failures[0]) == null ? void 0 : g.error) ?? `Failed to capture ${l.length - h.frames.length} affected frames`
+            ((m = f.failures[0]) == null ? void 0 : m.error) ?? `Failed to capture ${l.length - f.frames.length} affected frames`
           );
       }
-      return p.current = {
+      return y.current = {
         sessionId: n.id,
         baseDevSha: n.baseDevSha,
         revision: a.revision,
         fingerprint: JSON.stringify(o),
-        ...h ? { qaBaselineId: h.baselineId, qaFrameIds: l } : {}
+        ...f ? { qaBaselineId: f.baselineId, qaFrameIds: l } : {}
       }, {
         revision: a.revision,
         files: Array.isArray(a.files) ? a.files : [],
         affectedFiles: Array.isArray(a.affectedFiles) ? a.affectedFiles : [],
-        ...h ? { qa: h } : {}
+        ...f ? { qa: f } : {}
       };
     },
     [
       t,
-      v.appOrigin,
-      N,
+      S.appOrigin,
+      x,
       c,
       n,
       u,
-      O
+      I
     ]
-  ), te = x(
+  ), p = j(
     async (o) => {
       if (o.length === 0) return { files: [] };
-      const a = await I(
-        await t(`${E}/impact`, {
+      const a = await O(
+        await t(`${A}/impact`, {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({ componentFiles: o })
@@ -329,11 +329,11 @@ function qe(r = {}) {
         throw new Error(a.error ?? "Pygmalion could not calculate source impact");
       return { files: Array.isArray(a.files) ? a.files : [] };
     },
-    [t, E]
-  ), ne = x(async () => {
+    [t, A]
+  ), N = j(async () => {
     if (!(n != null && n.canRevert) || !n.headSha)
       throw new Error("There are no reversible changes applied");
-    const o = await I(
+    const o = await O(
       await t(`${u}/revert-visual`, {
         method: "POST",
         headers: { "content-type": "application/json" },
@@ -347,106 +347,157 @@ function qe(r = {}) {
     );
     if (!o.ok || o.reverted !== !0 || !o.operation || o.operation.kind !== "visual-revert" || !o.session)
       throw new Error(o.error ?? "Pygmalion could not revert the last visual change");
-    return p.current = null, T(o.session), o.session.appOrigin && A(o.session.appOrigin), {
+    return y.current = null, k(o.session), o.session.appOrigin && D(o.session.appOrigin), {
       reverted: !0,
       operation: o.operation,
       session: o.session
     };
   }, [t, n, u]);
-  j(() => {
-    i && k(!1);
-  }, [i, k]);
-  const se = (n == null ? void 0 : n.appOrigin) ?? v.appOrigin ?? R;
+  B(() => {
+    i && T(!1);
+  }, [i, T]);
+  const M = (n == null ? void 0 : n.appOrigin) ?? S.appOrigin ?? R;
   return {
-    mirror: v,
+    mirror: S,
     session: n,
     ready: R != null,
-    appOrigin: se,
-    previewRevision: `${(n == null ? void 0 : n.headSha) ?? (n == null ? void 0 : n.baseDevSha) ?? v.commit ?? "pending"}:${(n == null ? void 0 : n.revision) ?? 0}`,
-    refresh: k,
-    previewVisual: re,
-    inspectImpact: te,
-    applyVisual: ee,
-    revertLastVisual: ne
+    appOrigin: M,
+    previewRevision: `${(n == null ? void 0 : n.headSha) ?? (n == null ? void 0 : n.baseDevSha) ?? S.commit ?? "pending"}:${(n == null ? void 0 : n.revision) ?? 0}`,
+    refresh: T,
+    previewVisual: _,
+    inspectImpact: p,
+    applyVisual: U,
+    revertLastVisual: N
   };
 }
-const Ue = { editor: S, getObserverTree: le, isObservableProp: oe };
-function Je(r) {
-  S.navigateToPageByName(r);
+const Qe = { editor: v, getObserverTree: ce, isObservableProp: le };
+function Be(r) {
+  v.navigateToPageByName(r);
 }
-function Qe() {
-  S.openPreview();
+function Me() {
+  v.openPreview();
 }
-function Be() {
-  const r = M.entries.length > 0;
-  return r && M.discardPending(), S.resetCurrentEdits() || r;
+function Le() {
+  const r = K.entries.length > 0;
+  return r && K.discardPending(), v.resetCurrentEdits() || r;
 }
-function Le({
+function ze({
   registry: r,
   tokens: e,
   initialPages: s,
   designImport: i,
   onTokensChange: t,
   appOrigin: d,
-  previewRevision: f,
+  previewRevision: h,
   previewCacheNamespace: u,
-  previewArtifacts: E,
-  previewConcurrency: O,
+  previewArtifacts: A,
+  previewConcurrency: I,
   previewOpen: c,
-  onPreviewOpenChange: y,
-  flowCanvas: N,
-  onApply: F,
-  onDesignChange: v,
-  onInspectApply: D,
+  onPreviewOpenChange: g,
+  flowCanvas: x,
+  onApply: H,
+  onDesignChange: S,
+  onInspectApply: F,
   onInspectPreview: n,
-  onInspectImpact: T
+  onInspectImpact: k,
+  storyboardDiscovery: R = !0,
+  storyboardDiscoveryEndpoint: D = Se
 }) {
-  i && (i.assertComplete(), ce(i));
-  const R = r ?? (i == null ? void 0 : i.getRegistry()), A = e ?? (i == null ? void 0 : i.getTokens()), m = s ?? (i == null ? void 0 : i.getInitialPages());
-  return R && de(R), A && ue(A), ve(t ?? null), d != null && he(d), f != null && fe(f), pe(u), E && m && me(E, {
+  const [E, y] = Q(!R);
+  i && (i.assertComplete(), de(i));
+  const T = r ?? (i == null ? void 0 : i.getRegistry()), U = e ?? (i == null ? void 0 : i.getTokens()), _ = s ?? (i == null ? void 0 : i.getInitialPages());
+  return T && ue(T), U && fe(U), Oe(t ?? null), d != null && he(d), h != null && pe(h), me(u), A && _ && ge(A, {
     namespace: u ?? "",
-    previewRevision: Ie(),
-    appOrigin: Pe(),
-    pages: m.flatMap(
+    previewRevision: Ee(),
+    appOrigin: Ie(),
+    pages: _.flatMap(
       (p) => p.route && p.importPageId ? [
         {
           canonicalId: p.importPageId,
           route: p.route,
           width: p.width,
           height: p.height,
+          environment: p.environment,
           preset: p.preset,
           interactions: p.interactions,
           assertions: p.assertions
         }
       ] : []
     )
-  }), O != null && ge(O), Oe(y ?? null), N != null && ye(N), Ee(F ?? null), Ae(D ?? null), we(n ?? null), Ne(T ?? null), m && S.initPagesFromComponents(m), j(() => {
-    z(v ?? null);
-    const p = be(S);
+  }), I != null && ye(I), Ne(g ?? null), x != null && we(x), Ae(H ?? null), Re(F ?? null), be(n ?? null), De(k ?? null), _ && v.initPagesFromComponents(_), B(() => {
+    X(S ?? null);
+    const p = ve(v);
     return () => {
-      p(), z(null);
+      p(), X(null);
     };
-  }, [v]), j(() => {
-    c == null || c === S.previewOpen || (c ? S.openPreview({ notifyHost: !1 }) : S.closePreview({ notifyHost: !1 }));
-  }, [c]), /* @__PURE__ */ ae(Se, {});
+  }, [S]), B(() => {
+    let p = !0;
+    return R ? (y(!1), fetch(D, {
+      headers: { accept: "application/json" },
+      cache: "no-store"
+    }).then(async (N) => {
+      if (!N.ok) throw new Error(`Storyboard discovery failed (${N.status})`);
+      return N.json();
+    }).then((N) => {
+      var $, C;
+      if (!p) return;
+      const M = (C = ($ = N.scenarios) == null ? void 0 : $.find(
+        (q) => q.id === "environment:baseline"
+      )) == null ? void 0 : C.environment;
+      L(M);
+    }).catch(() => {
+      p && L(void 0);
+    }).finally(() => {
+      p && y(!0);
+    }), () => {
+      p = !1;
+    }) : (L(void 0), y(!0), () => {
+      p = !1;
+    });
+  }, [R, D]), B(() => {
+    c == null || c === v.previewOpen || (c ? v.openPreview({ notifyHost: !1 }) : v.closePreview({ notifyHost: !1 }));
+  }, [c]), E ? /* @__PURE__ */ Z(Pe, {}) : /* @__PURE__ */ Z(
+    "div",
+    {
+      "data-pygmalion-storyboard-loading": "",
+      role: "status",
+      style: {
+        display: "grid",
+        width: "100%",
+        height: "100%",
+        placeItems: "center",
+        color: "#777777",
+        background: "#f5f5f5",
+        font: "12px system-ui, sans-serif"
+      },
+      children: "Discovering storyboard branches"
+    }
+  );
 }
 export {
-  Ge as DESIGN_IMPORT_KINDS,
-  Le as PygmalionEditor,
-  Ue as __debug,
-  Ve as applyTokenOverride,
-  We as clearPygmalionPreviewCache,
-  Ye as createDesignImportController,
-  Ze as createDesignScreenCollection,
-  Xe as mergeScreenPresets,
-  Je as pygmalionNavigate,
-  Qe as pygmalionOpenPreview,
-  Be as pygmalionResetCurrentEdits,
-  Ke as resetTokenOverrides,
-  de as setComponentRegistry,
+  Ye as DESIGN_IMPORT_KINDS,
+  ze as PygmalionEditor,
+  Se as STORYBOARD_ENVIRONMENT_CONTROL,
+  We as STORYBOARD_ENVIRONMENT_QUERY,
+  Qe as __debug,
+  Ze as applyTokenOverride,
+  Ke as clearPygmalionPreviewCache,
+  Xe as createDesignImportController,
+  er as createDesignScreenCollection,
+  rr as createStoryboardRouteUrl,
+  tr as getRecommendedPygmalionPreviewConcurrency,
+  nr as getStoryboardBaselineEnvironment,
+  sr as mergeScreenPresets,
+  ir as mergeStoryboardEnvironment,
+  Be as pygmalionNavigate,
+  Me as pygmalionOpenPreview,
+  Le as pygmalionResetCurrentEdits,
+  ar as resetTokenOverrides,
+  ue as setComponentRegistry,
   he as setPygmalionAppOrigin,
-  ge as setPygmalionPreviewConcurrency,
-  fe as setPygmalionPreviewRevision,
-  ue as setTokens,
-  qe as usePygmalionProject
+  ye as setPygmalionPreviewConcurrency,
+  pe as setPygmalionPreviewRevision,
+  L as setStoryboardBaselineEnvironment,
+  fe as setTokens,
+  Je as usePygmalionProject
 };