@pygmalionjs/pygmalion 0.5.9 → 0.5.10

package/dist-lib/{FrozenRoutePreview-Bd6lSPb-.js → FrozenRoutePreview-BR5CBAD3.js}

@@ -8530,6 +8530,17 @@ ${e}`;
     }
     this.sectionRenameTarget = d, this.selectedIds = [], this.selectedCanvasObject = { kind: "section", name: d };
   }
+  /**
+   * Enters the app screen for one frame, whichever frame is asked for.
+   *
+   * ▶ plays from the *current* frame, which is right for a toolbar button but
+   * makes "see this one for real" a two-step gesture: select the frame, then
+   * find the button. Double-clicking the frame's own label is the direct form of
+   * the same intent, so it names the frame instead of relying on selection.
+   */
+  openFramePreview(e) {
+    this.pages.find((r) => r.id === e) && this.activePageId !== e && this.switchPage(e), this.openPreview();
+  }
   openPreview(e = {}) {
     var r;
     const n = gr();

package/dist-lib/pygmalion.js

@@ -2,8 +2,8 @@ var Bf = Object.defineProperty;
 var jf = (e, t, n) => t in e ? Bf(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var an = (e, t, n) => jf(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as s, jsxs as g, Fragment as Ke } from "react/jsx-runtime";
-import { R as Zo, u as Wf, c as fa, b as Vl, g as Qe, d as Hf, m as Ht, e as f, f as Xt, r as dn, h as ys, i as qn, j as ha, k as Qt, l as Kl, n as eo, p as Vf, o as Wn, q as He, t as Kf, v as Uf, w as qf, x as Yf, y as Gf, z as Xf, A as Jf, B as vs, C as Qf, D as Zf, E as eh, G as th, H as nh, I as rh, S as oh, J as ih, K as sh, L as ah, M as ch, O as lh, P as dh, Q as uh, T as fh, U as Ul, V as hh, W as wc, X as ph, Y as ql, Z as mh, _ as gh, $ as bh, a0 as xh, a1 as yh, a2 as vh, a3 as Yl, a4 as wh, a5 as Sh, a6 as G, a7 as Sc, a8 as Nc, a9 as Nh, aa as Qi, ab as Ih, ac as Wo, ad as ws, ae as Ch, af as Gl, ag as $h, ah as Ph, ai as Mh, aj as Eh, s as kh, ak as Xl, al as Jl, am as Ss, an as Ql, ao as Ah, ap as Rh, aq as Ic, ar as Th, as as Fh, at as Cc, au as Lh, av as Dh, aw as zh, ax as _h, ay as Oh, az as Bh, aA as jh, aB as Wh, aC as Hh, aD as Vh, aE as Kh, aF as Uh, a as qh, aG as Yh, aH as Gh, aI as Xh, aJ as Jh, aK as Qh, aL as Zh, aM as ep, aN as tp, aO as np, aP as rp, aQ as op, aR as ip, aS as Fr, aT as sp, aU as ap, aV as cp, aW as lp, aX as $c } from "./FrozenRoutePreview-Bd6lSPb-.js";
-import { aY as u0, aZ as f0, a_ as h0, a$ as p0, b0 as m0, b1 as g0, b2 as b0, b3 as x0, b4 as y0, b5 as v0, b6 as w0, b7 as S0, b8 as N0, b9 as I0 } from "./FrozenRoutePreview-Bd6lSPb-.js";
+import { R as Zo, u as Wf, c as fa, b as Vl, g as Qe, d as Hf, m as Ht, e as f, f as Xt, r as dn, h as ys, i as qn, j as ha, k as Qt, l as Kl, n as eo, p as Vf, o as Wn, q as He, t as Kf, v as Uf, w as qf, x as Yf, y as Gf, z as Xf, A as Jf, B as vs, C as Qf, D as Zf, E as eh, G as th, H as nh, I as rh, S as oh, J as ih, K as sh, L as ah, M as ch, O as lh, P as dh, Q as uh, T as fh, U as Ul, V as hh, W as wc, X as ph, Y as ql, Z as mh, _ as gh, $ as bh, a0 as xh, a1 as yh, a2 as vh, a3 as Yl, a4 as wh, a5 as Sh, a6 as G, a7 as Sc, a8 as Nc, a9 as Nh, aa as Qi, ab as Ih, ac as Wo, ad as ws, ae as Ch, af as Gl, ag as $h, ah as Ph, ai as Mh, aj as Eh, s as kh, ak as Xl, al as Jl, am as Ss, an as Ql, ao as Ah, ap as Rh, aq as Ic, ar as Th, as as Fh, at as Cc, au as Lh, av as Dh, aw as zh, ax as _h, ay as Oh, az as Bh, aA as jh, aB as Wh, aC as Hh, aD as Vh, aE as Kh, aF as Uh, a as qh, aG as Yh, aH as Gh, aI as Xh, aJ as Jh, aK as Qh, aL as Zh, aM as ep, aN as tp, aO as np, aP as rp, aQ as op, aR as ip, aS as Fr, aT as sp, aU as ap, aV as cp, aW as lp, aX as $c } from "./FrozenRoutePreview-BR5CBAD3.js";
+import { aY as u0, aZ as f0, a_ as h0, a$ as p0, b0 as m0, b1 as g0, b2 as b0, b3 as x0, b4 as y0, b5 as v0, b6 as w0, b7 as S0, b8 as N0, b9 as I0 } from "./FrozenRoutePreview-BR5CBAD3.js";
 import { useRef as Ce, useLayoutEffect as ei, useSyncExternalStore as Je, useCallback as St, useReducer as Zl, useEffect as ce, memo as ed, createElement as to, useState as q, useMemo as Rt } from "react";
 import { createPortal as dp } from "react-dom";
 const pa = {
@@ -2623,14 +2623,14 @@ function Ri(e = {}) {
   }
   async function x(A, N) {
     if (e.prepare) return e.prepare(A, N);
-    const { getDesignImportController: T } = await import("./FrozenRoutePreview-Bd6lSPb-.js").then((E) => E.bb), j = T();
+    const { getDesignImportController: T } = await import("./FrozenRoutePreview-BR5CBAD3.js").then((E) => E.bb), j = T();
     if (!j)
       throw new Error("The design import controller is not available.");
     return j.prepareScreenCapture(A, N);
   }
   async function w(A, N) {
     if (e.settle) return e.settle(A, N);
-    const { settleScreen: T } = await import("./FrozenRoutePreview-Bd6lSPb-.js").then((j) => j.ba);
+    const { settleScreen: T } = await import("./FrozenRoutePreview-BR5CBAD3.js").then((j) => j.ba);
     return T(A, N);
   }
   async function v(A, N) {
@@ -3200,7 +3200,7 @@ const mg = He(function({
       "data-frame-label": t.id,
       "data-frame-label-kind": c.kind,
       "data-frame-label-tier": d ? "compact" : "full",
-      title: t.layerImportError ?? t.name,
+      title: t.layerImportError ?? `${t.name} — double-click to open this screen`,
       style: {
         display: "flex",
         alignItems: "center",
@@ -3216,11 +3216,18 @@ const mg = He(function({
         // does not compete with a second highlight.
         outline: n ? `2px solid ${vs(c.accent, 0.2)}` : void 0,
         outlineOffset: -2,
-        pointerEvents: u ? "auto" : "none",
-        cursor: u ? "move" : "default",
+        // The label always takes pointer events now, because double-clicking it
+        // enters the screen and that is the gesture a designer reaches for first.
+        // Dragging to move stays edit-only; the label sits above the frame box in
+        // its own strip, so accepting events here intercepts nothing beneath it.
+        pointerEvents: "auto",
+        cursor: u ? "move" : "pointer",
         width: "fit-content"
       },
       onMouseDown: r,
+      onDoubleClick: (p) => {
+        p.stopPropagation(), f.openFramePreview(t.id);
+      },
       children: [
         /* @__PURE__ */ s(
           "div",
@@ -18416,8 +18423,8 @@ const o0 = {
       Promise.resolve().then(() => Vs),
       Promise.resolve().then(() => Mm),
       Promise.resolve().then(() => $p),
-      import("./FrozenRoutePreview-Bd6lSPb-.js").then((u) => u.bd),
-      import("./FrozenRoutePreview-Bd6lSPb-.js").then((u) => u.bc)
+      import("./FrozenRoutePreview-BR5CBAD3.js").then((u) => u.bd),
+      import("./FrozenRoutePreview-BR5CBAD3.js").then((u) => u.bc)
     ]), a = 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-Bd6lSPb-.js";
+import { F as s, N as a, e as r, s as i, a as t } from "./FrozenRoutePreview-BR5CBAD3.js";
 export {
   s as FrozenRoutePreviewView,
   a as NodeModel,

package/package.json

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