@pygmalionjs/pygmalion 0.6.11 → 0.6.12

package/dist-lib/{FrozenRoutePreview-CPnB5j1D.js → FrozenRoutePreview-CGxN_gIm.js}

@@ -8615,14 +8615,15 @@ class Dh {
 ${e}`;
   }
   /**
-   * Declared state variants sharing a scenario on one canvas, in declaration
-   * order. Folding never crosses canvases: a scenario that also names a
-   * screen on another canvas (a flow's entry point, say) keeps that screen
-   * as a normal frame there — otherwise a canvas could fold down to nothing.
+   * Declared state variants sharing a scenario on one canvas and in the
+   * current runtime, in declaration order. Folding never crosses either
+   * boundary: a state from another canvas or runtime is not an alternate the
+   * reader can reveal here, and letting it hold the slot can fold the current
+   * runtime down to nothing.
    */
   screenStateGroup(e, n) {
     return this.pages.filter(
-      (r) => r.scenario === e && (r.canvas ?? "default") === n && r.route != null && r.importLayers === !0
+      (r) => r.scenario === e && (r.canvas ?? "default") === n && r.route != null && r.importLayers === !0 && this.isInSelectedRuntime(r)
     );
   }
   /** The group member holding the group's canvas slot, or null for non-groups. */

package/dist-lib/pygmalion.js

@@ -2,8 +2,8 @@ var dm = Object.defineProperty;
 var um = (e, t, n) => t in e ? dm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var vn = (e, t, n) => um(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as a, jsxs as g, Fragment as He } from "react/jsx-runtime";
-import { R as hi, u as fm, b as hm, c as Ya, d as Gd, g as ut, f as mm, m as Dt, e as f, h as Lt, r as hn, i as Ws, j as er, k as Ga, l as In, n as Xd, o as Ir, p as pm, q as Yn, t as We, v as gm, w as bm, x as xm, y as vm, z as ym, A as wm, B as Sm, C as Hs, D as Nm, E as Im, G as Cm, H as Pm, I as $m, J as Mm, S as Em, K as km, L as Jd, M as Am, O as Us, P as Rm, Q as Tm, T as Fm, U as Lm, V as _m, W as sl, X as al, Y as Qd, Z as Zd, _ as zm, $ as cl, a0 as Dm, a1 as eu, a2 as Om, a3 as jm, a4 as Bm, a5 as Wm, a6 as Hm, a7 as Um, a8 as tu, a9 as Vm, aa as Km, ab as ee, ac as ll, ad as dl, ae as qm, af as ps, ag as Ym, ah as Qo, ai as Vs, aj as Gm, ak as nu, al as Xm, am as Jm, an as Qm, s as Zm, ao as ep, ap as ru, aq as mi, ar as tp, as as np, at as ou, au as iu, av as Ks, aw as su, ax as rp, ay as op, az as ul, aA as ip, aB as sp, aC as fl, aD as ap, aE as cp, aF as lp, aG as dp, aH as gs, aI as up, aJ as fp, aK as hp, aL as mp, aM as pp, aN as gp, aO as bp, aP as xp, a as vp, aQ as yp, aR as wp, aS as Sp, aT as Np, aU as Ip, aV as Cp, aW as Pp, aX as $p, aY as Mp, aZ as Ep, a_ as kp, a$ as Ap, b0 as Rp, b1 as qr, b2 as hl, b3 as Tp, b4 as Fp, b5 as Lp, b6 as _p, b7 as ml } from "./FrozenRoutePreview-CPnB5j1D.js";
-import { b8 as mN, b9 as pN, ba as gN, bb as bN, bc as xN, bd as vN, be as yN, bf as wN, bg as SN, bh as NN, bi as IN, bj as CN, bk as PN, bl as $N, bm as MN, bn as EN, bo as kN } from "./FrozenRoutePreview-CPnB5j1D.js";
+import { R as hi, u as fm, b as hm, c as Ya, d as Gd, g as ut, f as mm, m as Dt, e as f, h as Lt, r as hn, i as Ws, j as er, k as Ga, l as In, n as Xd, o as Ir, p as pm, q as Yn, t as We, v as gm, w as bm, x as xm, y as vm, z as ym, A as wm, B as Sm, C as Hs, D as Nm, E as Im, G as Cm, H as Pm, I as $m, J as Mm, S as Em, K as km, L as Jd, M as Am, O as Us, P as Rm, Q as Tm, T as Fm, U as Lm, V as _m, W as sl, X as al, Y as Qd, Z as Zd, _ as zm, $ as cl, a0 as Dm, a1 as eu, a2 as Om, a3 as jm, a4 as Bm, a5 as Wm, a6 as Hm, a7 as Um, a8 as tu, a9 as Vm, aa as Km, ab as ee, ac as ll, ad as dl, ae as qm, af as ps, ag as Ym, ah as Qo, ai as Vs, aj as Gm, ak as nu, al as Xm, am as Jm, an as Qm, s as Zm, ao as ep, ap as ru, aq as mi, ar as tp, as as np, at as ou, au as iu, av as Ks, aw as su, ax as rp, ay as op, az as ul, aA as ip, aB as sp, aC as fl, aD as ap, aE as cp, aF as lp, aG as dp, aH as gs, aI as up, aJ as fp, aK as hp, aL as mp, aM as pp, aN as gp, aO as bp, aP as xp, a as vp, aQ as yp, aR as wp, aS as Sp, aT as Np, aU as Ip, aV as Cp, aW as Pp, aX as $p, aY as Mp, aZ as Ep, a_ as kp, a$ as Ap, b0 as Rp, b1 as qr, b2 as hl, b3 as Tp, b4 as Fp, b5 as Lp, b6 as _p, b7 as ml } from "./FrozenRoutePreview-CGxN_gIm.js";
+import { b8 as mN, b9 as pN, ba as gN, bb as bN, bc as xN, bd as vN, be as yN, bf as wN, bg as SN, bh as NN, bi as IN, bj as CN, bk as PN, bl as $N, bm as MN, bn as EN, bo as kN } from "./FrozenRoutePreview-CGxN_gIm.js";
 import { useRef as ke, useLayoutEffect as Cr, useSyncExternalStore as qe, useCallback as kt, useReducer as au, useEffect as ie, memo as cu, createElement as ho, useState as Q, useMemo as wt } from "react";
 import { createPortal as zp } from "react-dom";
 const Xa = {
@@ -3295,14 +3295,14 @@ function Zi(e = {}) {
   }
   async function k(_, D) {
     if (e.prepare) return e.prepare(_, D);
-    const { getDesignImportController: j } = await import("./FrozenRoutePreview-CPnB5j1D.js").then((I) => I.bq), C = j();
+    const { getDesignImportController: j } = await import("./FrozenRoutePreview-CGxN_gIm.js").then((I) => I.bq), C = j();
     if (!C)
       throw new Error("The design import controller is not available.");
     return C.prepareScreenCapture(_, D);
   }
   async function L(_, D) {
     if (e.settle) return e.settle(_, D);
-    const { settleScreen: j } = await import("./FrozenRoutePreview-CPnB5j1D.js").then((C) => C.bp);
+    const { settleScreen: j } = await import("./FrozenRoutePreview-CGxN_gIm.js").then((C) => C.bp);
     return j(_, D);
   }
   async function P(_, D) {
@@ -14758,12 +14758,17 @@ function Mh({
   declared: t,
   active: n = !1
 }) {
-  return t === 0 ? null : /* @__PURE__ */ a(
+  if (t === 0) return null;
+  const r = Math.max(0, t - e), o = t === 1 ? "page" : "pages", s = r ? `${t} ${o}. ${e} are on the canvas; ${r} alternate ${r === 1 ? "state is" : "states are"} available in the right panel.` : void 0;
+  return /* @__PURE__ */ a(
     "span",
     {
+      "data-frame-count": t,
+      "data-folded-state-count": r || void 0,
+      "aria-label": s ?? `${t} ${o}`,
       className: `shrink-0 rounded-full px-1.5 py-0.5 text-[9px] tabular-nums ${n ? "bg-white/80 text-[#1b64da]" : "bg-[#f2f4f6] text-[#8b95a1]"}`,
-      title: e === t ? void 0 : `${t - e} more in this lane, held back by a screen state`,
-      children: e === t ? e : `${e}/${t}`
+      title: s,
+      children: t
     }
   );
 }
@@ -15459,8 +15464,9 @@ const wd = We(function({
   page: t
 }) {
   if (!t.scenario || t.route == null) return null;
-  const n = f.pages.filter(
-    (i) => i.route != null && i.importLayers === !0 && i.scenario === t.scenario
+  const n = f.screenStateGroup(
+    t.scenario,
+    t.canvas ?? "default"
   );
   if (n.length < 2) return null;
   const r = n[0], o = n.length === 2 && r.stateKind == null && n[1].stateKind != null ? n[1] : null;
@@ -21206,8 +21212,8 @@ const aN = {
       Promise.resolve().then(() => ga),
       Promise.resolve().then(() => Ib),
       Promise.resolve().then(() => Zp),
-      import("./FrozenRoutePreview-CPnB5j1D.js").then((u) => u.bs),
-      import("./FrozenRoutePreview-CPnB5j1D.js").then((u) => u.br)
+      import("./FrozenRoutePreview-CGxN_gIm.js").then((u) => u.bs),
+      import("./FrozenRoutePreview-CGxN_gIm.js").then((u) => u.br)
     ]), s = i.getMountedShadowPreviewHandle(e), c = f.pages.find(
       (u) => u.id === e
     );

package/dist-lib/testing.js

@@ -1,4 +1,4 @@
-import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-CPnB5j1D.js";
+import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-CGxN_gIm.js";
 export {
   s as FrozenRoutePreviewView,
   a as NodeModel,

package/dist-lib/types/editor/store.d.ts

@@ -351,10 +351,11 @@ export declare class EditorStore {
     private screenStateSelections;
     private screenStateSlotKey;
     /**
-     * Declared state variants sharing a scenario on one canvas, in declaration
-     * order. Folding never crosses canvases: a scenario that also names a
-     * screen on another canvas (a flow's entry point, say) keeps that screen
-     * as a normal frame there — otherwise a canvas could fold down to nothing.
+     * Declared state variants sharing a scenario on one canvas and in the
+     * current runtime, in declaration order. Folding never crosses either
+     * boundary: a state from another canvas or runtime is not an alternate the
+     * reader can reveal here, and letting it hold the slot can fold the current
+     * runtime down to nothing.
      */
     screenStateGroup(scenario: string, canvas: string): PageModel[];
     /** The group member holding the group's canvas slot, or null for non-groups. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pygmalionjs/pygmalion",
-  "version": "0.6.11",
+  "version": "0.6.12",
   "description": "Code-backed DOM design sandbox and visual QA editor",
   "license": "UNLICENSED",
   "publishConfig": {